.app.svelte-u5z8t2{color:#1a1a2e;z-index:100;background:linear-gradient(#f0fdf4 0%,#e6f7f0 100%);flex-direction:column;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.setup.svelte-u5z8t2{flex-direction:column;flex:1;padding:1.5rem 2rem;display:flex;overflow-y:auto}.back.svelte-u5z8t2{color:#8b8fa8;align-self:flex-start;align-items:center;gap:.25rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .15s;display:inline-flex}.back.svelte-u5z8t2:hover{color:#5b5f7a}.hero.svelte-u5z8t2{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:2rem 0 1.5rem;display:flex}.hero-badge.svelte-u5z8t2{color:#0d9488;text-transform:uppercase;letter-spacing:.12em;background:#0d94881a;border-radius:2rem;padding:.3rem 1rem;font-size:.75rem;font-weight:700;display:inline-block}.hero-title.svelte-u5z8t2{color:#0f0f23;letter-spacing:-.03em;margin:0;font-size:clamp(3rem,8vw,5.5rem);font-weight:900;line-height:.95}.hero-sub.svelte-u5z8t2{color:#6b7094;max-width:28rem;margin:0;font-size:clamp(1rem,2.5vw,1.25rem);line-height:1.5}.presets.svelte-u5z8t2{grid-template-columns:repeat(4,1fr);gap:.75rem;width:100%;max-width:36rem;margin:0 auto;padding:.5rem 0;display:grid}.preset-btn.svelte-u5z8t2{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#ffffffb3;border:1px solid #fffc;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;padding:1.25rem .5rem;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000a,0 4px 12px #00000005}.preset-btn.svelte-u5z8t2:hover{background:#0d948814;border-color:#0d948840;transform:translateY(-2px);box-shadow:0 4px 16px #0d948826,0 1px 4px #0d94881a}.preset-btn.svelte-u5z8t2:active{transform:translateY(0)scale(.96)}.preset-num.svelte-u5z8t2{color:#0f0f23;font-size:clamp(1.5rem,4vw,2.25rem);font-weight:900;line-height:1}.preset-label.svelte-u5z8t2{color:#8b8fa8;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.custom.svelte-u5z8t2{flex-direction:column;align-items:center;gap:1rem;padding:1.5rem 0 2rem;display:flex}.custom-inputs.svelte-u5z8t2{gap:.75rem;display:flex}.custom-field.svelte-u5z8t2{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #fffc;border-radius:.875rem;align-items:center;gap:.4rem;padding:.625rem .875rem;transition:border-color .15s;display:flex}.custom-field.svelte-u5z8t2:focus-within{border-color:#0d948866;box-shadow:0 0 0 3px #0d94881a}.custom-input.svelte-u5z8t2{color:#0f0f23;text-align:center;appearance:textfield;background:0 0;border:none;outline:none;width:3.5rem;font-family:inherit;font-size:1.25rem;font-weight:700}.custom-input.svelte-u5z8t2::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.custom-input.svelte-u5z8t2::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.custom-unit.svelte-u5z8t2{color:#8b8fa8;font-size:.85rem;font-weight:600}.go-btn.svelte-u5z8t2{cursor:pointer;color:#fff;background:#0d9488;border:none;border-radius:999px;align-items:center;gap:.75rem;padding:1rem 3rem;transition:all .2s;display:inline-flex;box-shadow:0 8px 32px #0d948859,0 2px 8px #0d948833}.go-btn.svelte-u5z8t2:hover{background:#0f766e;transform:translateY(-2px);box-shadow:0 12px 40px #0d948866,0 4px 12px #0d948840}.go-btn.svelte-u5z8t2:active{transform:translateY(0)scale(.97)}.go-text.svelte-u5z8t2{font-size:1.15rem;font-weight:700}.running.svelte-u5z8t2{flex-direction:column;flex:1;transition:background .8s;display:flex}.running-urgent.svelte-u5z8t2{background:linear-gradient(#fef2f2 0%,#fee2e2 100%)}.bar.svelte-u5z8t2{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb3;border-bottom:1px solid #0000000f;flex-shrink:0;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex}.bar-duration.svelte-u5z8t2{align-items:baseline;gap:.25rem;display:flex}.bar-duration-label.svelte-u5z8t2{color:#6b7094;font-variant-numeric:tabular-nums;font-size:1rem;font-weight:700}.sound-toggle.svelte-u5z8t2{cursor:pointer;background:#ffffff80;border:1px solid #0000000f;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.1rem;transition:all .15s;display:flex}.sound-toggle.svelte-u5z8t2:hover{background:#ffffffe6}.timer-center.svelte-u5z8t2{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.5rem;display:flex}.time-display.svelte-u5z8t2{color:#0f0f23;font-variant-numeric:tabular-nums;letter-spacing:-.03em;-webkit-user-select:none;user-select:none;font-size:clamp(8rem,25vw,20rem);font-weight:900;line-height:1;transition:color .5s}.time-paused.svelte-u5z8t2{animation:1.5s ease-in-out infinite svelte-u5z8t2-pulse}.time-urgent.svelte-u5z8t2{color:#ef4444}.time-urgent.svelte-u5z8t2:not(.time-paused){animation:1s ease-in-out infinite svelte-u5z8t2-urgent-pulse}.paused-label.svelte-u5z8t2{color:#0d9488;text-transform:uppercase;letter-spacing:.15em;font-size:clamp(1rem,3vw,1.5rem);font-weight:700;animation:1.5s ease-in-out infinite svelte-u5z8t2-pulse}.progress-bar-wrap.svelte-u5z8t2{background:#0000000f;flex-shrink:0;height:20px}.progress-bar.svelte-u5z8t2{background:#0d9488;height:100%;transition:width .3s linear,background-color .5s}.running-urgent.svelte-u5z8t2 .progress-bar:where(.svelte-u5z8t2){background:#ef4444}@keyframes svelte-u5z8t2-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes svelte-u5z8t2-urgent-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.actions.svelte-u5z8t2{flex-shrink:0;justify-content:center;align-items:center;gap:1rem;padding:1rem 2rem 2rem;display:flex}.action-btn.svelte-u5z8t2{cursor:pointer;border:none;border-radius:999px;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-family:inherit;font-size:1.05rem;font-weight:700;transition:all .15s;display:inline-flex}.action-btn.svelte-u5z8t2:active{transform:scale(.95)}.action-ghost.svelte-u5z8t2{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#6b7094;background:#fff9;border:1px solid #00000014}.action-ghost.svelte-u5z8t2:hover{color:#3b3f5c;background:#ffffffe6}.action-primary.svelte-u5z8t2{color:#fff;background:#0d9488;box-shadow:0 8px 32px #0d94884d,0 2px 8px #0d948826}.action-primary.svelte-u5z8t2:hover{background:#0f766e;box-shadow:0 12px 40px #0d948859,0 4px 12px #0d948833}.finished.svelte-u5z8t2{flex-direction:column;flex:1;display:flex}.finished-center.svelte-u5z8t2{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;display:flex}.finished-title.svelte-u5z8t2{color:#0f0f23;font-size:clamp(2.5rem,8vw,5rem);font-weight:900;animation:.5s cubic-bezier(.34,1.56,.64,1) svelte-u5z8t2-pop-in}.finished-time.svelte-u5z8t2{color:#cbd5e1;font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:clamp(2rem,6vw,4rem);font-weight:900}@keyframes svelte-u5z8t2-pop-in{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@media (width<=640px){.presets.svelte-u5z8t2{grid-template-columns:repeat(2,1fr)}.setup.svelte-u5z8t2{padding:1rem 1.25rem}.actions.svelte-u5z8t2{gap:.5rem;padding:1rem 1rem 1.5rem}.action-btn.svelte-u5z8t2{padding:.75rem 1.25rem;font-size:.95rem}}