@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.fixed{position:fixed}.z-50{z-index:50}.mx-auto{margin-inline:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.inline-flex{display:inline-flex}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-\[90\%\]{width:90%}.w-full{width:100%}.flex-1{flex:1}.resize-none{resize:none}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-r-2{border-right-style:var(--tw-border-style);border-right-width:2px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.break-words{overflow-wrap:break-word}.whitespace-pre-wrap{white-space:pre-wrap}.uppercase{text-transform:uppercase}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:background .5s}body.work-phase{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}body.rest-phase{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}body.prepare-phase{background:linear-gradient(135deg,#fa709a 0%,#fee140 100%)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.glass-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:30px;padding:40px;box-shadow:0 20px 60px #0000004d}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:15px;padding:15px 30px;font-size:1.2em;font-weight:700;transition:all .3s;box-shadow:0 4px 15px #0003}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.btn-primary:active{transform:translateY(0)}.btn-pause{color:#fff;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.btn-reset{color:#333;background:linear-gradient(135deg,#a8edea 0%,#fed6e3 100%)}.btn-danger{color:#fff;background:linear-gradient(135deg,#ff6b6b 0%,#ee5a6f 100%)}.btn-secondary{color:#333;background:linear-gradient(135deg,#fbc2eb 0%,#a6c1ee 100%)}.status-badge{border-radius:15px;margin:20px 0;padding:15px;font-size:1.8em;font-weight:700;transition:all .3s}.status-badge.work{color:#fff;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);animation:1s infinite pulse}.status-badge.rest{color:#fff;background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}.status-badge.prepare{color:#fff;background:linear-gradient(135deg,#fa709a 0%,#fee140 100%)}.timer-display{color:#333;font-variant-numeric:tabular-nums;text-shadow:3px 3px 6px #0000001a;margin:30px 0;font-size:6em;font-weight:700}.progress-bar{background:#e0e0e0;border-radius:10px;width:100%;height:20px;margin:20px 0;overflow:hidden}.progress-fill{border-radius:10px;height:100%;transition:width .1s linear}.progress-fill.work{background:linear-gradient(90deg,#f093fb 0%,#f5576c 100%)}.progress-fill.rest{background:linear-gradient(90deg,#4facfe 0%,#00f2fe 100%)}.progress-fill.prepare{background:linear-gradient(90deg,#fa709a 0%,#fee140 100%)}.program-card{cursor:pointer;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:15px;padding:20px;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 10px #0000001a}.program-card:hover{transform:translateY(-5px);box-shadow:0 6px 20px #00000026}.tab-navigation{background:#f0f0f0;border-radius:15px;gap:10px;margin-bottom:20px;padding:5px;display:flex}.tab-btn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:10px;flex:1;padding:12px;font-weight:700;transition:all .3s}.tab-btn.active{color:#667eea;background:#fff;box-shadow:0 2px 8px #0000001a}.input-styled{background:#f8f9fa;border:2px solid #ddd;border-radius:8px;width:100%;padding:10px;font-size:1em;transition:border .3s}.input-styled:focus{background:#fff;border-color:#667eea;outline:none}.emoji-bounce{margin:10px 0;font-size:3em;animation:1s infinite bounce}.round-counter{color:#555;margin:20px 0;font-size:1.5em;font-weight:600}.setting-group{background:#f8f9fa;border-radius:10px;padding:15px}.setting-group label{color:#555;margin-bottom:8px;font-weight:600;display:block}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}