:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f4f1e8;--surface:#fffdf8;--surface-strong:#fff;--foreground:#163b37;--muted:#687a74;--faint:#8c9994;--border:#d9d5ca;--track:#dedbd2;--teal:#2d8b82;--teal-dark:#1e665f;--teal-soft:#d8ebe6;--amber:#e1a83b;--coral:#d66d52;--danger:#b84e3b;--shadow:0 20px 55px #1b3a351f}*{box-sizing:border-box}html{background:var(--background);-webkit-text-size-adjust:100%;min-height:100%}body{background:radial-gradient(circle at 10% 0%, #2d8b8214, transparent 30rem), var(--background);min-height:100%;color:var(--foreground);margin:0;font-family:ui-rounded,SF Pro Rounded,Nunito Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--amber);outline-offset:3px}.app-shell{width:min(100%,680px);min-height:100dvh;padding:env(safe-area-inset-top) max(20px, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(20px, env(safe-area-inset-left));flex-direction:column;margin:0 auto;display:flex}.app-header{justify-content:space-between;align-items:center;min-height:76px;display:flex}.brand{min-height:48px;color:var(--foreground);letter-spacing:-.02em;align-items:center;gap:10px;font-size:1.12rem;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{background:conic-gradient(var(--teal) 0 76%, var(--teal-soft) 76% 100%);border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #163b3714}.brand-mark span{background:var(--surface);border-radius:50%;width:7px;height:7px}.settings-button,.text-button{min-height:48px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:14px;padding:0 13px;font-size:.92rem;font-weight:750}.settings-button:hover,.text-button:hover{color:var(--foreground);background:#2d8b8214}.app-content{flex-direction:column;flex:1;justify-content:center;padding:14px 0 22px;display:flex}.setup{flex-direction:column;gap:22px;width:100%;display:flex}.setup--compact{gap:18px}.intro-copy{padding:4px 2px 12px}.eyebrow{color:var(--teal-dark);letter-spacing:.12em;text-transform:uppercase;margin:0 0 7px;font-size:.76rem;font-weight:850;line-height:1.3}h1,h2,p{margin-top:0}h1,h2{letter-spacing:-.045em;line-height:1.04}.intro-copy h1{max-width:520px;margin-bottom:12px;font-size:clamp(2.55rem,12vw,4.6rem);font-weight:850}.intro-copy>p:last-child{color:var(--muted);margin:0;font-size:clamp(1.02rem,4vw,1.2rem)}fieldset{border:0;min-width:0;margin:0;padding:0}legend,.field>span{color:var(--muted);letter-spacing:.01em;margin:0 0 10px;font-size:.82rem;font-weight:800;display:block}.preset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.preset{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 88%, transparent);cursor:pointer;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:0;min-height:76px;padding:10px 6px;transition:transform .16s,border-color .16s,background .16s;display:flex;box-shadow:0 3px #163b3708}.preset:hover{border-color:var(--teal);transform:translateY(-1px)}.preset strong{letter-spacing:-.03em;font-size:1.25rem;font-weight:850}.preset span{color:var(--muted);font-size:.72rem;font-weight:700}.preset--custom strong{font-size:.98rem}.preset.is-selected{border-color:var(--teal);background:var(--teal-soft);box-shadow:inset 0 0 0 1px var(--teal);color:var(--teal-dark)}.field{display:block}.field input{border:1px solid var(--border);background:var(--surface);width:100%;min-height:54px;color:var(--foreground);border-radius:16px;padding:0 16px;box-shadow:0 2px #163b3708}.field input::placeholder{color:var(--faint)}.custom-field input{max-width:150px;font-size:1.25rem;font-weight:800}.add-label{width:fit-content;min-height:48px;color:var(--teal-dark);cursor:pointer;background:0 0;border:0;padding:0;font-weight:800}.add-label span{background:var(--teal-soft);border-radius:50%;place-items:center;width:28px;height:28px;margin-right:7px;display:inline-grid}.add-label small{color:var(--faint);margin-left:5px;font-weight:650}.primary-button,.secondary-button,.quiet-button{cursor:pointer;border-radius:17px;min-height:54px;padding:0 20px;font-weight:850;transition:transform .14s,box-shadow .14s,background .14s}.primary-button{border:1px solid var(--teal-dark);background:var(--foreground);color:var(--surface-strong);box-shadow:0 8px 18px #163b3729}.primary-button:hover,.secondary-button:hover,.quiet-button:hover{transform:translateY(-1px)}.primary-button:active,.secondary-button:active,.quiet-button:active{transform:translateY(1px)}.secondary-button{border:1px solid var(--border);background:var(--surface);color:var(--foreground)}.quiet-button{color:var(--muted);background:0 0;border:1px solid #0000}.timer-view{flex-direction:column;gap:18px;display:flex}.timer-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.timer-heading h1{overflow-wrap:anywhere;max-width:450px;margin:0;font-size:clamp(1.7rem,7vw,2.45rem);font-weight:850}.status-dot{background:var(--teal-soft);min-height:34px;color:var(--teal-dark);border-radius:999px;align-items:center;gap:7px;padding:7px 11px;font-size:.72rem;font-weight:850;display:inline-flex}.status-dot:before{content:"";background:var(--teal);border-radius:50%;width:7px;height:7px}.status-dot.is-muted{background:color-mix(in srgb, var(--track) 70%, transparent);color:var(--muted)}.status-dot.is-muted:before{background:var(--faint)}.timer-stage{place-items:center;gap:18px;padding:4px 0 0;display:grid}.visual-disk{--progress:360deg;--timer-color:var(--teal);aspect-ratio:1;border:8px solid color-mix(in srgb, var(--surface) 80%, transparent);background:conic-gradient(from 0deg, var(--timer-color) 0 var(--progress), var(--track) var(--progress) 360deg);width:min(72vw,330px);box-shadow:var(--shadow), inset 0 0 0 1px #163b370f;border-radius:50%;transition:background .35s linear;position:relative}.visual-disk:after{content:"";border:4px solid color-mix(in srgb, var(--surface) 84%, transparent);background:var(--foreground);border-radius:50%;width:14px;height:14px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.disk-marker{background:color-mix(in srgb, var(--surface) 84%, transparent);transform-origin:50% 100%;border-radius:999px;width:2px;height:46%;position:absolute;top:4%;left:calc(50% - 1px)}.visual-disk--mini{width:48px;box-shadow:none;border-width:3px;flex:0 0 48px}.visual-disk--mini:after{border-width:1px;width:5px;height:5px}.visual-disk--mini .disk-marker{display:none}.time-readout,.complete-card{text-align:center;width:100%}.time-display{color:var(--foreground);font-variant-numeric:tabular-nums;letter-spacing:-.075em;margin:0;font-size:clamp(3rem,14vw,5rem);font-weight:850;line-height:.98}.end-time,.complete-card>p:not(.time-display){color:var(--muted);margin:10px 0 0;font-size:.95rem;font-weight:650}.complete-card .time-display{font-size:clamp(2.6rem,12vw,4rem)}.complete-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;display:grid}.timer-actions{grid-template-columns:1.3fr 1fr auto;gap:9px;display:grid}.timer-actions .quiet-button{padding-inline:14px}.confirm-bar{border:1px solid color-mix(in srgb, var(--coral) 34%, var(--border));background:color-mix(in srgb, var(--coral) 8%, var(--surface));min-height:68px;color:var(--muted);border-radius:17px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px 10px 16px;font-size:.86rem;font-weight:750;display:flex}.confirm-bar div{gap:4px;display:flex}.confirm-bar button{cursor:pointer;background:0 0;border:0;border-radius:11px;min-height:44px;padding:0 10px;font-size:.82rem;font-weight:850}.confirm-bar button:hover{background:var(--surface)}.danger-text{color:var(--danger)!important}.companion-card,.add-companion{border:1px solid var(--border);text-align:left;background:color-mix(in srgb, var(--surface) 86%, transparent);cursor:pointer;border-radius:20px;align-items:center;width:100%;min-height:76px;padding:12px 14px;display:flex;box-shadow:0 4px 12px #163b370a}.companion-card:hover,.add-companion:hover{border-color:var(--teal)}.companion-copy{flex-direction:column;flex:1;min-width:0;margin-left:12px;display:flex}.companion-copy small,.add-companion small{color:var(--muted);font-size:.7rem;font-weight:700}.companion-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:.94rem;overflow:hidden}.companion-time{color:var(--foreground);font-variant-numeric:tabular-nums;margin-left:10px;font-size:1.05rem;font-weight:850}.add-companion{color:var(--teal-dark);border-style:dashed;justify-content:center;gap:12px}.add-companion>span:first-child{background:var(--teal-soft);border-radius:50%;place-items:center;width:34px;height:34px;font-size:1.2rem;display:grid}.add-companion>span:last-child{flex-direction:column;display:flex}.app-footer{min-height:54px;padding:8px 0 max(8px, env(safe-area-inset-bottom));color:var(--faint);text-align:center;justify-content:center;align-items:center;gap:8px;font-size:.72rem;font-weight:700;display:flex}.awake-indicator{background:var(--faint);border-radius:50%;width:7px;height:7px}.awake-indicator.is-active{background:var(--teal);box-shadow:0 0 0 4px color-mix(in srgb, var(--teal) 15%, transparent)}.sheet-backdrop{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a1b1961;justify-content:center;align-items:flex-end;padding:20px;display:flex;position:fixed;inset:0}.bottom-sheet{width:min(100%,640px);max-height:min(88dvh,760px);padding:9px 22px max(24px, env(safe-area-inset-bottom));border:1px solid color-mix(in srgb, var(--border) 85%, transparent);background:var(--surface);border-radius:28px 28px 22px 22px;overflow-y:auto;box-shadow:0 30px 80px #081e1b47}.sheet-handle{background:var(--border);border-radius:999px;width:42px;height:5px;margin:0 auto 18px}.sheet-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.sheet-heading h2{margin:0;font-size:clamp(1.65rem,7vw,2.25rem)}.settings-list{border-top:1px solid var(--border);margin:20px 0}.toggle-row{border:0;border-bottom:1px solid var(--border);text-align:left;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:18px;width:100%;min-height:76px;padding:12px 2px;display:flex}.toggle-row:disabled{opacity:.55;cursor:not-allowed}.toggle-row>span:first-child{flex-direction:column;gap:2px;display:flex}.toggle-row strong{font-size:.94rem}.toggle-row small{color:var(--muted);font-size:.75rem}.toggle{background:var(--track);border-radius:999px;flex:0 0 50px;width:50px;height:30px;padding:3px;transition:background .16s}.toggle span{background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .16s;display:block;box-shadow:0 2px 5px #163b3733}.toggle.is-on{background:var(--teal)}.toggle.is-on span{transform:translate(20px)}.install-note{background:var(--teal-soft);border-radius:18px;gap:12px;padding:15px;display:flex}.install-icon{background:var(--teal);color:#fff;border-radius:12px;flex:0 0 38px;place-items:center;width:38px;height:38px;font-size:1.1rem;font-weight:850;display:grid}.install-note strong{font-size:.9rem}.install-note p,.privacy-note{color:var(--muted);margin:2px 0 0;font-size:.75rem}.privacy-note{text-align:center;margin:16px 0 0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:360px){.app-shell{padding-inline:15px}.timer-actions{grid-template-columns:1fr 1fr}.timer-actions .quiet-button{grid-column:1/-1}.visual-disk{width:min(70vw,245px)}.time-display{font-size:2.85rem}}@media (min-width:700px){.app-shell{padding-inline:30px}.setup:not(.setup--compact),.timer-view{border:1px solid color-mix(in srgb, var(--border) 75%, transparent);background:color-mix(in srgb, var(--surface) 82%, transparent);border-radius:30px;padding:28px 30px;box-shadow:0 22px 70px #163b3712}}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#10201f;--surface:#172b29;--surface-strong:#f6faf8;--foreground:#eaf5f1;--muted:#a8bbb5;--faint:#839992;--border:#38504b;--track:#344a46;--teal:#59b8ae;--teal-dark:#93d8d0;--teal-soft:#23443f;--amber:#edbb59;--coral:#ee8265;--danger:#ff9a82;--shadow:0 22px 60px #0000004d}body{background:radial-gradient(circle at 10% 0%, #59b8ae1f, transparent 28rem), var(--background)}.primary-button{border-color:var(--teal);background:var(--teal);color:#0d2926}.toggle span{background:#f7fbfa}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}