:root{--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.5rem;--font-size-display:clamp(3rem, 14vw, 4.5rem);--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--line-height-tight:1.15;--line-height-normal:1.5;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--radius-sm:.5rem;--radius-md:.875rem;--radius-lg:1.25rem;--radius-full:999px;--content-max-width:32rem;--touch-target:2.75rem;--header-height:3.5rem;--motion-fast:.12s;--motion-normal:.22s;--motion-easing:cubic-bezier(.2, 0, 0, 1);--color-bg:#f5f6f8;--color-surface:#fff;--color-surface-raised:#eef0f4;--color-text-primary:#151922;--color-text-secondary:#545d6c;--color-border:#d9dde5;--color-focus:#3f51c8;--color-warning:#8a5a00;--color-warning-surface:#fbf1dc;--color-success:#1d7a4e;--color-overlay:#0a0c1266;--shadow-sm:0 1px 2px #0f141e0f, 0 1px 3px #0f141e0f;--shadow-md:0 8px 28px #0f141e24;--accent:#46536a;--accent-strong:#2e3849;--accent-contrast:#fff;--accent-soft:#46536a24;--accent-softer:#46536a12}:root[data-theme=dark]{--color-bg:#0b0d12;--color-surface:#141821;--color-surface-raised:#1c212c;--color-text-primary:#e9ebf1;--color-text-secondary:#9ba3b2;--color-border:#272d39;--color-focus:#a9b4ff;--color-warning:#e7b766;--color-warning-surface:#e7b7661f;--color-success:#6fcf9f;--color-overlay:#0009;--shadow-sm:0 1px 2px #0006;--shadow-md:0 12px 32px #00000080;--accent:#aab4c6;--accent-strong:#d3d9e4;--accent-contrast:#0b0d12;--accent-soft:#aab4c633;--accent-softer:#aab4c617}@media (prefers-reduced-motion:reduce){:root{--motion-fast:0s;--motion-normal:0s}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--color-bg);min-height:100dvh;color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--font-size-md);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0}#root{min-height:100dvh}h1,h2,h3,p{margin:0}button,input,select{font:inherit;color:inherit}a{color:inherit}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.tabular{font-variant-numeric:tabular-nums}.icon-button{width:var(--touch-target);height:var(--touch-target);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--motion-fast) var(--motion-easing);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-button:hover{background:var(--color-surface-raised);color:var(--color-text-primary)}.field-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2);padding:0;display:block}.segmented{border:0;min-width:0;margin:0;padding:0}.segmented__options{gap:var(--space-1);padding:var(--space-1);background:var(--color-surface-raised);border-radius:var(--radius-md);flex-wrap:wrap;display:flex}.segmented__option{flex:1 1 0;min-width:3.25rem;position:relative}.segmented__option input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segmented__option span{min-height:var(--touch-target);padding:0 var(--space-2);border-radius:calc(var(--radius-md) - .25rem);font-size:var(--font-size-sm);white-space:nowrap;color:var(--color-text-secondary);transition:background-color var(--motion-fast) var(--motion-easing), color var(--motion-fast) var(--motion-easing);justify-content:center;align-items:center;display:flex}.segmented__option--muted span{opacity:.8}.segmented__option input:checked+span{background:var(--color-surface);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-sm);opacity:1}.segmented__option input:focus-visible+span{outline:2px solid var(--color-focus);outline-offset:1px}.switch{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:var(--touch-target);cursor:pointer;display:flex;position:relative}.switch__label{font-size:var(--font-size-md)}.switch__input{opacity:0;cursor:pointer;width:3.25rem;height:2rem;margin:0;position:absolute;right:0}.switch__track{border-radius:var(--radius-full);background:var(--color-border);width:3.25rem;height:2rem;transition:background-color var(--motion-fast) var(--motion-easing);flex:none;padding:.1875rem}.switch__thumb{border-radius:var(--radius-full);background:var(--color-surface);width:1.625rem;height:1.625rem;box-shadow:var(--shadow-sm);transition:transform var(--motion-fast) var(--motion-easing);display:block}.switch__input:checked+.switch__track{background:var(--accent)}.switch__input:checked+.switch__track .switch__thumb{transform:translate(1.25rem)}.switch__input:focus-visible+.switch__track{outline:2px solid var(--color-focus);outline-offset:2px}.input{width:100%;min-height:var(--touch-target);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-primary);font-size:var(--font-size-md)}.wall-time{border:0;min-width:0;margin:0;padding:0}.wall-time__inputs{align-items:center;gap:var(--space-2);display:flex}.wall-time__select{width:auto;min-width:5.5rem}.sheet{border:1px solid var(--color-border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--color-surface);width:100%;max-width:32rem;max-height:min(88dvh,48rem);color:var(--color-text-primary);box-shadow:var(--shadow-md);border-bottom:0;margin:auto auto 0;padding:0}.sheet::backdrop{background:var(--color-overlay)}.sheet__content{max-height:inherit;flex-direction:column;display:flex}.sheet__header{padding:var(--space-2) var(--space-2) var(--space-2) var(--space-5);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.sheet__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.sheet__body{overscroll-behavior:contain;padding:var(--space-4) var(--space-5) calc(var(--space-6) + env(safe-area-inset-bottom));gap:var(--space-5);flex-direction:column;display:flex;overflow-y:auto}@media (width>=48rem){.sheet{border-bottom:1px solid var(--color-border);border-radius:var(--radius-lg);margin:auto}}.settings-section{gap:var(--space-4);flex-direction:column;display:flex}.settings-section__title{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary)}.settings-field{gap:var(--space-2);flex-direction:column;display:flex}.app-shell{min-height:100dvh;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);flex-direction:column;display:flex}.app-header{z-index:10;background:var(--color-bg);padding-top:env(safe-area-inset-top);position:sticky;top:0}.app-header__inner{height:var(--header-height);max-width:var(--content-max-width);padding:0 var(--space-2) 0 var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-2);margin:0 auto;display:flex}.app-header__brand{align-items:center;gap:var(--space-3);min-width:0;display:flex}.app-header__logo{font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);letter-spacing:-.01em;color:var(--color-text-primary);min-height:var(--touch-target);align-items:center;text-decoration:none;display:inline-flex}.app-header__divider{background:var(--color-border);width:1px;height:1.1rem}.app-header__tool{font-size:var(--font-size-md);font-weight:var(--font-weight-regular);color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.app-header__actions{align-items:center;display:flex}.app-main{width:100%;max-width:var(--content-max-width);padding:0 var(--space-4) var(--space-5);flex:1;margin:0 auto}@media (width>=48rem),(orientation:landscape) and (height<=32rem){.app-shell{--content-max-width:56rem}}.app-footer{max-width:var(--content-max-width);width:100%;padding:var(--space-4) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom));font-size:var(--font-size-xs);color:var(--color-text-secondary);text-align:center;gap:var(--space-1);flex-direction:column;margin:0 auto;display:flex}.app-footer a{padding:var(--space-2);display:inline-block}.menu{gap:var(--space-4);flex-direction:column;display:flex}.menu__list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.menu__heading{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);margin:0}.menu__link,.menu__list--links a{min-height:var(--touch-target);padding:var(--space-2) 0;font-size:var(--font-size-lg);color:var(--color-text-primary);align-items:center;text-decoration:none;display:flex}.menu__link[aria-current=page]{font-weight:var(--font-weight-semibold)}.menu__controls{gap:var(--space-3);border-top:1px solid var(--color-border);padding-top:var(--space-4);flex-direction:column;display:flex}.text-page{gap:var(--space-4);max-width:32rem;padding-top:var(--space-5);flex-direction:column;margin:0 auto;display:flex}.text-page__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.text-page__muted{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.text-page__links{gap:var(--space-4);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.text-page__links a{min-height:var(--touch-target);align-items:center;display:inline-flex}.analog-clock{justify-content:center;width:100%;display:flex}.analog-clock__svg{width:100%;height:auto;max-width:var(--clock-size,22rem);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;display:block;overflow:visible}.clock-face__plate{fill:var(--color-surface);stroke:var(--color-border);stroke-width:1px}.clock-face__tick{stroke:var(--color-border);stroke-width:1px;stroke-linecap:round}.clock-face__tick--hour{stroke:var(--color-text-secondary);stroke-width:2px}.clock-face__numeral{fill:var(--color-text-secondary);font-size:15px;font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums}.clock-hands line{stroke:var(--color-text-primary);stroke-linecap:round;transform-box:view-box;transform-origin:160px 160px;transition:transform .6s var(--motion-easing)}.clock-hands__hour{stroke-width:5px}.clock-hands__minute{stroke-width:3px}.clock-hands__pin{fill:var(--color-text-primary)}.sleep-ring__track{fill:none;stroke:var(--accent-softer)}.sleep-ring__latency{fill:var(--accent-softer);stroke:var(--accent-soft);stroke-width:1px;stroke-dasharray:3 3}.sleep-ring__ghost{fill:none;stroke:var(--accent-soft);stroke-width:1px;stroke-dasharray:2 4}.sleep-ring__cycle{fill:var(--accent)}.sleep-ring__cycle--odd{fill-opacity:.3}.sleep-ring__cycle--even{fill-opacity:.4}.sleep-ring__boundary{stroke:var(--color-surface);stroke-width:2.5px}.sleep-ring__boundary--minor{stroke-width:1.5px}.sleep-ring__start{stroke:var(--accent-strong);stroke-width:3px;stroke-linecap:round}.sleep-ring__candidate{fill:var(--color-surface);stroke:var(--accent-strong);stroke-width:2px}.sleep-ring__candidate--short{stroke:var(--color-text-secondary);stroke-width:1.5px}.cycle-handle{cursor:grab;outline:none}.cycle-handle:active{cursor:grabbing}.cycle-handle__hit{fill:#0000}.cycle-handle__focus{fill:none;stroke:#0000;stroke-width:2.5px}.cycle-handle:focus-visible .cycle-handle__focus{stroke:var(--color-focus)}.cycle-handle__knob{fill:var(--accent);stroke:var(--color-surface);stroke-width:3px;filter:drop-shadow(0 1px 2px #00000040)}.cycle-handle__dot{fill:var(--accent-contrast)}@media (prefers-reduced-motion:reduce){.clock-hands line{transition:none}}.tool-sleep{--accent:#4352c9;--accent-strong:#2f3ca6;--accent-contrast:#fff;--accent-soft:#4352c929;--accent-softer:#4352c912}:root[data-theme=dark] .tool-sleep{--accent:#98a4ff;--accent-strong:#c4caff;--accent-contrast:#0b0d12;--accent-soft:#98a4ff38;--accent-softer:#98a4ff17}.sleep-timer{--clock-size:min(22rem, calc(100vw - 2rem), calc(100dvh - 19rem));align-items:center;gap:var(--space-4);padding-top:var(--space-2);flex-direction:column;display:flex}.sleep-timer__clock-area,.sleep-timer__info-area{align-items:center;gap:var(--space-3);flex-direction:column;width:100%;display:flex}@media (orientation:portrait){.sleep-timer__clock-area .analog-clock__svg{min-width:min(16rem,100%)}}.sleep-timer__start{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.current-time{text-align:center}.current-time__value{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.current-time__zone{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.wake-summary{text-align:center;align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.wake-summary__time{font-size:var(--font-size-display);font-weight:var(--font-weight-semibold);letter-spacing:-.02em;color:var(--color-text-primary);line-height:1}.wake-summary__details{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}.wake-summary__label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.wake-summary__notes{margin:var(--space-2) 0 0;gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.note{font-size:var(--font-size-sm);color:var(--color-warning);background:var(--color-warning-surface);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);max-width:26rem}.alternatives{width:100%}.alternatives__list{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.alternatives__item{width:100%;min-height:var(--touch-target);justify-content:center;align-items:baseline;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;transition:border-color var(--motion-fast) var(--motion-easing), background-color var(--motion-fast) var(--motion-easing);display:flex;position:relative}.alternatives__time{font-weight:var(--font-weight-semibold)}.alternatives__duration{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.alternatives__item--short{background:0 0}.alternatives__item--short .alternatives__time{font-weight:var(--font-weight-regular);color:var(--color-text-secondary)}.alternatives__item--selected{border:2px solid var(--accent);background:var(--accent-softer)}.alternatives__item--selected .alternatives__time{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.alternatives__check{top:50%;right:var(--space-2);color:var(--accent);position:absolute;transform:translateY(-50%)}.method-info{border-top:1px solid var(--color-border);width:100%;padding-top:var(--space-2)}.method-info__summary{align-items:center;gap:var(--space-2);min-height:var(--touch-target);cursor:pointer;color:var(--color-text-secondary);font-size:var(--font-size-sm);list-style:none;display:flex}.method-info__summary::-webkit-details-marker{display:none}.method-info__chevron{transition:transform var(--motion-fast) var(--motion-easing)}.method-info[open] .method-info__chevron{transform:rotate(90deg)}.method-info__body{gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-secondary);padding-bottom:var(--space-3);flex-direction:column;display:flex}@media (orientation:landscape) and (height<=32rem),(width>=48rem){.sleep-timer{justify-content:center;align-items:flex-start;gap:var(--space-6);flex-direction:row}.sleep-timer__clock-area,.sleep-timer__info-area{flex:1 1 0;min-width:0}}@media (orientation:landscape) and (height<=32rem){.sleep-timer{--clock-size:min(20rem, calc(100dvh - var(--header-height) - 7.5rem), 45vw)}.sleep-timer__clock-area{gap:var(--space-2)}.wake-summary__time{font-size:3rem}}@media (width>=48rem){.sleep-timer{--clock-size:22rem;padding-top:var(--space-5)}.sleep-timer__info-area{padding-top:var(--space-6)}}