:root{color-scheme:light;--canvas: #e9edf0;--surface: #eff2f4;--surface-high: #f8f9fa;--surface-low: #e3e9ed;--ink: #111820;--ink-muted: #586976;--blue: #41678d;--blue-soft: #7397bd;--blue-wash: #dae4ed;--orange: #eb7908;--orange-light: #ffa336;--orange-ink: #202021;--error: #914016;--error-wash: #f1e5dc;--white: #fff;--edge: #ffffffd9;--line: #c4cfd7;--line-soft: #d6dfe5;--shadow-tone: #aec0ce;--shadow-soft: #bdcbd66b;--backdrop: #344c6354;--disabled-ink: #8c98a2;--font: "Helvetica Neue", Helvetica, Arial, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.5rem;--text-display: clamp(2.25rem, 4vw, 3.65rem);--text-dial: 4.25rem;--text-dial-small: 3.5rem;--text-picker: 3.5rem;--text-specimen: 3rem;--text-colon: 2.5rem;--text-countdown: clamp(2.625rem, 16cqw, 4.25rem);--text-stat: 2rem;--tracking-heading: -.025em;--tracking-wordmark: -.035em;--tracking-meta: .07em;--leading: 1.55;--tracking-label: .16em;--tracking-display: -.045em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: .625rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-xl: 2rem;--radius-full: 999px;--stroke: 1px;--focus-width: 3px;--focus-offset: 5px;--touch: 2.875rem;--shadow-card: 14px 18px 35px #aec0ce62, -12px -12px 30px #ffffffb8, inset 1px 1px 1px #fff, inset -1px -1px 1px #c4cfd787;--shadow-raised: 5px 7px 12px #aec0ce80, -5px -5px 12px #ffffffed, inset 1px 1px 1px #fff, inset -1px -1px 1px #bac7d46b;--shadow-hover: 6px 9px 16px #aec0ce99, -6px -6px 14px #fff, inset 1px 1px 1px #fff;--shadow-inset: inset 4px 5px 9px #a8bacd66, inset -4px -4px 8px #ffffffeb;--shadow-pressed: inset 3px 4px 7px #a0b4c68c, inset -3px -3px 6px #ffffffeb;--shadow-knob: 10px 14px 16px #9caec296, -9px -8px 15px #ffffffd9, inset 2px 2px 3px #fff, inset -4px -5px 7px #b5c4d1;--shadow-knob-hover: 12px 16px 20px #9caec2ab, -9px -8px 15px #ffffffd9, inset 2px 2px 3px #fff, inset -4px -5px 7px #b5c4d1;--shadow-modal: 24px 32px 70px #536e8d54, inset 1px 1px 2px #fff;--shadow-orange: 4px 6px 12px #c27f3e45, inset 0 1px 1px #fff9, inset 0 -2px 3px #b2571940;--surface-gradient: linear-gradient(135deg, var(--surface-high), var(--surface) 55%, var(--surface-low));--orange-gradient: linear-gradient(135deg, var(--orange-light), var(--orange));--duration-fast: .16s;--duration-base: .24s;--ease: cubic-bezier(.2,.7,.2,1);--layer-sticky: 10}@media(prefers-reduced-motion:reduce){:root{--duration-fast: 0ms;--duration-base: 0ms}}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--space-8)}body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--font);font-size:var(--text-base);line-height:var(--leading);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button{-webkit-tap-highlight-color:transparent}button,a,input{touch-action:manipulation}button,input,select,textarea{border-radius:var(--radius-sm)}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:var(--focus-width) solid var(--blue);outline-offset:var(--focus-offset)}a{color:var(--blue);text-underline-offset:var(--space-1)}button,a,input,textarea,select{transition:background var(--duration-fast),box-shadow var(--duration-fast),transform var(--duration-fast),color var(--duration-fast)}::selection{background:var(--blue-wash);color:var(--ink)}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.15}h1{font-size:var(--text-display);font-weight:500;letter-spacing:var(--tracking-display)}h2{font-size:var(--text-xl);font-weight:500;letter-spacing:var(--tracking-heading)}h3{font-size:var(--text-lg);font-weight:500}small{font-size:var(--text-sm)}svg{width:1.25rem;height:1.25rem;flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.eyebrow{color:var(--blue);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-label);text-transform:uppercase}.muted{color:var(--ink-muted)}.ui-card{border:var(--stroke) solid var(--edge);border-radius:var(--radius-xl);background:var(--surface-gradient);box-shadow:var(--shadow-card);padding:var(--space-8)}.ui-inset{border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-inset);padding:var(--space-5)}.ui-button{display:inline-flex;justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--touch);padding:var(--space-3) var(--space-6);border:var(--stroke) solid var(--edge);border-radius:var(--radius-md);background:var(--surface-gradient);color:var(--ink);box-shadow:var(--shadow-raised);text-decoration:none;font-size:var(--text-sm);font-weight:500;line-height:1.25}.ui-button:hover:not(:disabled),.ui-button[data-state=hover]{box-shadow:var(--shadow-hover);transform:translateY(-1px)}.ui-button:active:not(:disabled),.ui-button[data-state=pressed]{box-shadow:var(--shadow-pressed);transform:translateY(1px);background:var(--surface)}.ui-button[aria-pressed=true],.ui-button[data-state=selected]{box-shadow:var(--shadow-inset);color:var(--blue);border-color:var(--line)}.ui-button--primary{background:var(--orange-gradient);border-color:transparent;color:var(--orange-ink);box-shadow:var(--shadow-orange)}.ui-button--primary:hover:not(:disabled){background:var(--orange-gradient);box-shadow:var(--shadow-orange),var(--shadow-hover)}.ui-button--primary:active:not(:disabled){background:var(--orange-gradient);box-shadow:var(--shadow-pressed)}.ui-button--quiet{color:var(--blue);box-shadow:none;border-color:transparent;background:transparent}.ui-button--icon{width:var(--touch);padding:var(--space-3);flex-shrink:0}.ui-button:disabled{color:var(--disabled-ink);background:var(--surface);box-shadow:none;border-color:var(--line-soft)}.ui-button[data-state=focus]{outline:var(--focus-width) solid var(--blue);outline-offset:var(--focus-offset)}.ui-button[aria-busy=true]{cursor:progress}.ui-button[data-state=error]{color:var(--error);border-color:var(--error)}.spinner{display:inline-block;width:1rem;height:1rem;border:2px solid var(--line);border-top-color:var(--blue);border-radius:var(--radius-full);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ui-nav{display:inline-flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);border-radius:var(--radius-full);padding:var(--space-2);background:var(--surface);box-shadow:var(--shadow-inset)}.ui-nav a,.ui-nav button{min-height:var(--touch);padding:var(--space-3) var(--space-5);color:var(--ink-muted);background:transparent;border:var(--stroke) solid transparent;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;text-decoration:none;display:flex;align-items:center;justify-content:center}.ui-nav [aria-current],.ui-nav [aria-selected=true]{background:var(--surface-gradient);box-shadow:var(--shadow-raised);border-color:var(--edge);color:var(--ink)}.ui-nav a:hover,.ui-nav button:hover{color:var(--blue)}.ui-nav a:active,.ui-nav button:active{box-shadow:var(--shadow-pressed)}.ui-field{display:grid;gap:var(--space-3);font-size:var(--text-sm)}.ui-field>label{font-weight:500}.ui-input{appearance:none;width:100%;min-height:var(--touch);padding:var(--space-4) var(--space-5);border:var(--stroke) solid transparent;background:var(--surface);box-shadow:var(--shadow-inset);color:var(--ink);font-size:var(--text-base);border-radius:var(--radius-md)}.ui-input::placeholder{color:var(--ink-muted)}.ui-input:hover:not(:disabled){border-color:var(--line)}.ui-input[aria-invalid=true]{border-color:var(--error)}.ui-input:disabled{color:var(--disabled-ink);box-shadow:none;border-color:var(--line-soft)}.ui-error{color:var(--error);font-size:var(--text-sm)}.ui-error:empty{display:none}.ui-help{color:var(--ink-muted);font-size:var(--text-sm)}.ui-switch{display:flex;width:100%;align-items:center;justify-content:space-between;gap:var(--space-4);text-align:left;background:transparent;border:none;padding:var(--space-2) 0;min-height:var(--touch);border-radius:var(--radius-sm)}.ui-switch__label{display:grid;gap:var(--space-1);font-size:var(--text-base)}.ui-switch__description{color:var(--ink-muted);font-size:var(--text-sm)}.ui-switch__track{width:3.75rem;height:2.125rem;border-radius:var(--radius-full);background:var(--surface-low);box-shadow:var(--shadow-inset);padding:var(--space-1);flex:0 0 auto}.ui-switch__thumb{display:block;width:1.625rem;height:1.625rem;background:var(--surface-gradient);border-radius:var(--radius-full);box-shadow:var(--shadow-raised);transition:transform var(--duration-base) var(--ease)}.ui-switch[aria-checked=true] .ui-switch__track{background:var(--blue-wash)}.ui-switch[aria-checked=true] .ui-switch__thumb{transform:translate(1.625rem)}.ui-switch[aria-checked=true] .ui-switch__thumb:after{content:"";display:block;width:.375rem;height:.375rem;background:var(--blue);border-radius:var(--radius-full);position:relative;top:.625rem;left:.625rem}.ui-switch:hover:not(:disabled) .ui-switch__thumb{box-shadow:var(--shadow-hover)}.ui-switch:active:not(:disabled) .ui-switch__thumb{box-shadow:var(--shadow-pressed)}.ui-switch:disabled{color:var(--disabled-ink)}.ui-switch:disabled .ui-switch__description{color:var(--disabled-ink)}.ui-switch:disabled .ui-switch__thumb{box-shadow:none}.ui-range{appearance:none;-webkit-appearance:none;display:block;width:100%;height:var(--touch);background:transparent;margin:0;border:0;cursor:pointer}.ui-range::-webkit-slider-runnable-track{height:.625rem;background:var(--surface-low);border-radius:var(--radius-full);box-shadow:var(--shadow-inset)}.ui-range::-moz-range-track{height:.625rem;background:var(--surface-low);border-radius:var(--radius-full);box-shadow:var(--shadow-inset)}.ui-range::-webkit-slider-thumb{appearance:none;width:2rem;height:2rem;margin-top:-.6875rem;background:var(--surface-gradient);border:var(--stroke) solid var(--edge);box-shadow:var(--shadow-raised);border-radius:var(--radius-full)}.ui-range::-moz-range-thumb{width:2rem;height:2rem;background:var(--surface-gradient);border:var(--stroke) solid var(--edge);box-shadow:var(--shadow-raised);border-radius:var(--radius-full)}.ui-range:active::-webkit-slider-thumb{box-shadow:var(--shadow-pressed)}.ui-range:active::-moz-range-thumb{box-shadow:var(--shadow-pressed)}.ui-range:hover:not(:disabled)::-webkit-slider-thumb{border-color:var(--blue-soft)}.ui-range:hover:not(:disabled)::-moz-range-thumb{border-color:var(--blue-soft)}.ui-range:disabled{opacity:.5;cursor:not-allowed}soft-dial,soft-time-picker,soft-toggle,soft-slider{display:block}.ui-dial{position:relative;width:min(100%,19.5rem);max-width:100%;aspect-ratio:1;container-type:inline-size;border-radius:50%;background:var(--surface-gradient);border:var(--stroke) solid var(--edge);box-shadow:var(--shadow-raised);margin-inline:auto}.ui-dial__well{position:absolute;inset:6%;border-radius:50%;box-shadow:var(--shadow-inset);background:var(--surface)}.ui-dial__ticks{position:absolute;inset:9%;border-radius:50%}.ui-dial__tick{position:absolute;top:50%;left:50%;width:2px;height:7px;border-radius:var(--radius-full);background:var(--line);box-shadow:1px 1px 0 var(--white);transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-38cqw)}.ui-dial__tick:nth-child(5n+1){height:12px;background:var(--blue-soft)}.ui-dial__control{position:absolute;inset:18%;border-radius:50%;background:var(--surface-gradient);border:var(--stroke) solid var(--edge);box-shadow:var(--shadow-knob);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.ui-dial__control:active{cursor:grabbing}.ui-dial__control:hover:not([aria-disabled=true]){box-shadow:var(--shadow-knob-hover)}.ui-dial__control:active:not([aria-disabled=true]){box-shadow:var(--shadow-raised)}.ui-dial__control[aria-disabled=true]{cursor:not-allowed;color:var(--disabled-ink);box-shadow:var(--shadow-raised)}.ui-dial__control:focus-visible{outline-offset:8px}.ui-dial__value{font-size:var(--text-dial);font-weight:400;line-height:1;letter-spacing:var(--tracking-display);font-variant-numeric:tabular-nums}.ui-dial__unit{color:var(--blue);font-size:var(--text-sm);margin-top:var(--space-2)}.ui-dial__marker{position:absolute;inset:8%;pointer-events:none;transform:rotate(var(--rotation, 0deg))}.ui-dial__marker:before{content:"";position:absolute;left:calc(50% - 3px);top:0;width:6px;height:15px;background:var(--orange);border-radius:var(--radius-full);box-shadow:0 1px 2px var(--shadow-tone)}.ui-dial__footer{display:flex;justify-content:center;align-items:center;gap:var(--space-6);margin-top:var(--space-6)}.ui-dial__hint{font-size:var(--text-sm);color:var(--ink-muted);text-align:center}.ui-picker{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-3);background:var(--surface);box-shadow:var(--shadow-inset);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-6)}.ui-picker__column{text-align:center;display:grid;justify-items:center}.ui-picker__step{display:grid;place-items:center;min-height:var(--touch);min-width:var(--touch);background:transparent;border:none;color:var(--blue)}.ui-picker__step:hover{background:var(--blue-wash)}.ui-picker__step:active{box-shadow:var(--shadow-inset)}.ui-picker__step:disabled{color:var(--disabled-ink)}.ui-picker__ghost{font-size:var(--text-lg);color:var(--disabled-ink);line-height:1}.ui-picker__value{appearance:textfield;width:100%;max-width:5.5rem;min-height:var(--touch);padding:var(--space-1) 0;text-align:center;background:transparent;border:none;font-size:var(--text-picker);letter-spacing:var(--tracking-display);font-variant-numeric:tabular-nums;line-height:1.2}.ui-picker__value:disabled{color:var(--disabled-ink);opacity:1;-webkit-text-fill-color:var(--disabled-ink)}.ui-picker__value::-webkit-inner-spin-button,.ui-picker__value::-webkit-outer-spin-button{appearance:none}.ui-picker__colon{color:var(--blue-soft);font-size:var(--text-colon);font-weight:400}.ui-picker__label{font-size:var(--text-xs);color:var(--blue);letter-spacing:.08em;text-transform:uppercase;padding-block:var(--space-2)}.ui-picker__value[aria-invalid=true]{outline:2px solid var(--error)}.ui-modal{width:min(29rem,calc(100% - 2 * var(--space-6)));padding:var(--space-8);border:var(--stroke) solid var(--edge);background:var(--surface-gradient);border-radius:var(--radius-xl);box-shadow:var(--shadow-modal);color:var(--ink);max-height:calc(100dvh - var(--space-12));overflow:auto}.ui-modal::backdrop{background:var(--backdrop);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ui-modal__header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.ui-modal__body{display:grid;gap:var(--space-6)}.ui-modal__actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-8)}.ui-notice{padding:var(--space-4);border-radius:var(--radius-md);background:var(--blue-wash);color:var(--blue);font-size:var(--text-sm)}.ui-notice--error{color:var(--error);background:var(--error-wash)}.ui-divider{border:0;border-top:var(--stroke) solid var(--line-soft);box-shadow:0 1px 0 var(--white);margin-block:var(--space-5)}@media(max-width:400px){.ui-card{padding:var(--space-6)}.ui-dial{width:16rem}.ui-dial__value{font-size:var(--text-dial-small)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.spinner{animation:none}}.skip-link{position:absolute;top:-5rem;left:var(--space-6);z-index:var(--layer-sticky)}.skip-link:focus{top:var(--space-6)}.shell{max-width:1240px;margin:auto;padding:var(--space-8) var(--space-10) var(--space-12)}.site-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-5);padding-bottom:var(--space-6);border-bottom:var(--stroke) solid var(--line-soft)}.wordmark{display:inline-flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--ink);font-weight:500;font-size:var(--text-lg);letter-spacing:var(--tracking-wordmark)}.wordmark__name{display:grid;line-height:1.1;gap:var(--space-1)}.wordmark__quiet{font-size:var(--text-xs);color:var(--blue);letter-spacing:var(--tracking-meta)}.wordmark__icon{flex-shrink:0;display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-md);background:var(--surface-gradient);box-shadow:var(--shadow-raised);color:var(--blue)}.header-links{display:flex;align-items:center;gap:var(--space-6);font-size:var(--text-sm)}.header-links a{min-height:var(--touch);display:inline-flex;align-items:center;text-decoration:none}.page-intro{padding-block:var(--space-10) var(--space-8);display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-8)}.page-intro .eyebrow,.page-intro h1{margin-bottom:var(--space-3)}.page-intro>p{max-width:18rem;font-size:var(--text-sm);color:var(--ink-muted);padding-bottom:var(--space-1)}.workspace{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:var(--space-6)}.workspace>*,.side-stack>*{min-width:0}.timer-card{display:flex;align-items:center;flex-direction:column;padding:var(--space-6) var(--space-8)}.mode-nav{width:100%;max-width:29rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-1)}.mode-nav button{padding-inline:var(--space-2)}.timer-topline{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-4);color:var(--ink-muted);font-size:var(--text-xs)}.timer-topline button{color:var(--blue)}#timer-panel{width:100%}.countdown{width:min(100%,19.5rem);margin-block:var(--space-1) var(--space-5)}.countdown .ui-dial__control{inset:16%;cursor:default;touch-action:auto}.countdown .ui-dial__control:hover,.countdown .ui-dial__control:active{box-shadow:var(--shadow-knob)}.countdown__time{font-size:var(--text-countdown);line-height:1;letter-spacing:var(--tracking-display);font-variant-numeric:tabular-nums}.countdown__label{margin-bottom:var(--space-3);font-size:var(--text-xs);color:var(--blue);letter-spacing:var(--tracking-meta);text-transform:uppercase}.countdown__status{color:var(--ink-muted);font-size:var(--text-xs);margin-top:var(--space-3)}.countdown .ui-dial__marker{inset:7%}.timer-actions{display:flex;align-items:center;justify-content:center;gap:var(--space-5)}.timer-actions .ui-button--primary{min-width:10rem}.timer-foot{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);color:var(--ink-muted);font-size:var(--text-xs);margin-top:var(--space-5);text-align:center}.side-stack{display:grid;grid-template-rows:auto 1fr;gap:var(--space-6)}.panel-heading{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.panel-heading h2{font-size:var(--text-lg)}.panel-heading>span{font-size:var(--text-xs);color:var(--blue)}.stats{display:grid;grid-template-columns:1fr 1fr;margin-block:var(--space-6)}.stat+.stat{border-left:var(--stroke) solid var(--line);padding-left:var(--space-6)}.stat strong{display:block;font-size:var(--text-stat);font-weight:400;line-height:1.2;font-variant-numeric:tabular-nums}.stat span{font-size:var(--text-xs);color:var(--ink-muted)}.cycle-dots{display:flex;gap:var(--space-2)}.cycle-dots span{width:.625rem;height:.625rem;border-radius:var(--radius-full);background:var(--surface-low);box-shadow:var(--shadow-inset)}.cycle-dots .complete{background:var(--blue);box-shadow:none}.cycle-caption{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);font-size:var(--text-xs);color:var(--ink-muted)}.task-form{display:flex;align-items:center;gap:var(--space-3)}.task-form .ui-input{padding:var(--space-3) var(--space-4);min-width:0}.task-empty{padding-block:var(--space-6) var(--space-2);color:var(--ink-muted);font-size:var(--text-sm)}.task-empty strong{color:var(--ink);display:block;font-weight:400;margin-bottom:var(--space-1)}.task-list{list-style:none;padding:0;margin:var(--space-4) 0 0;max-height:13rem;overflow:auto}.task-row{display:flex;align-items:center;gap:var(--space-2);border-bottom:var(--stroke) solid var(--line-soft);padding-block:var(--space-2)}.task-row>span{flex:1;font-size:var(--text-sm);overflow-wrap:anywhere;min-width:0}.task-row[data-done=true]>span{text-decoration:line-through;color:var(--ink-muted)}.task-check{position:relative;width:var(--touch);min-height:var(--touch);flex:0 0 auto;cursor:pointer;display:grid;place-items:center}.task-check input{appearance:none;width:1.5rem;height:1.5rem;border:var(--stroke) solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-inset);background:var(--surface);margin:0;cursor:pointer}.task-check input:checked{background:var(--blue-wash)}.task-check svg{pointer-events:none;position:absolute;width:1rem;height:1rem;color:var(--blue);display:none}.task-check input:checked+svg{display:block}.task-note{margin-top:var(--space-4);font-size:var(--text-xs);color:var(--ink-muted)}.session-notice{margin-top:var(--space-6)}[hidden]{display:none!important}.content-section{margin-top:var(--space-16)}.content-heading{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-6);margin-bottom:var(--space-8)}.content-heading h2{font-size:var(--text-xl)}.content-heading>a{font-size:var(--text-sm)}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-8)}.step-number{display:block;margin-bottom:var(--space-4);color:var(--blue);font-size:var(--text-xs);letter-spacing:var(--tracking-label)}.steps h3{margin-bottom:var(--space-3)}.steps p{color:var(--ink-muted);font-size:var(--text-sm);max-width:29rem}.info-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);padding-block:var(--space-10);border-top:var(--stroke) solid var(--line)}.info-layout h2{margin-bottom:var(--space-5)}.info-layout p{color:var(--ink-muted);margin-bottom:var(--space-4)}.faq{border-top:var(--stroke) solid var(--line-soft)}.faq summary{cursor:pointer;min-height:var(--touch);padding-block:var(--space-5);display:flex;justify-content:space-between;gap:var(--space-4);list-style:none;font-size:var(--text-sm)}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--blue)}.faq[open] summary:after{content:"\2212"}.faq summary:focus-visible{outline:var(--focus-width) solid var(--blue);outline-offset:var(--focus-offset);border-radius:var(--radius-sm)}.faq p{font-size:var(--text-sm)}.footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-4);padding-top:var(--space-6);border-top:var(--stroke) solid var(--line-soft);color:var(--ink-muted);font-size:var(--text-xs)}.footer a{display:inline-flex;align-items:center;min-height:var(--touch)}.settings-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.settings-fields .ui-input{padding:var(--space-3);appearance:textfield}.settings-fields input::-webkit-inner-spin-button{appearance:none}.range-head{display:flex;justify-content:space-between;font-size:var(--text-sm);margin-bottom:var(--space-3)}.range-head output{color:var(--blue)}.settings-sound{display:grid;gap:var(--space-4)}.settings-sound>button{justify-self:start}.toast{position:fixed;bottom:var(--space-6);left:50%;transform:translate(-50%);max-width:calc(100% - var(--space-12));padding:var(--space-4) var(--space-6);border:var(--stroke) solid var(--edge);background:var(--surface-gradient);box-shadow:var(--shadow-card);border-radius:var(--radius-md);z-index:var(--layer-sticky);font-size:var(--text-sm)}.toast:empty{display:none}.timer-card:fullscreen{background:var(--canvas);justify-content:center;gap:var(--space-4);border-radius:0;overflow:auto}.timer-card:fullscreen .countdown{width:min(52vh,26rem)}.timer-card:fullscreen .timer-topline{max-width:29rem}.guide{max-width:48rem;margin-inline:auto}.guide .page-intro{padding-block:var(--space-12) var(--space-10)}.guide .page-intro p:last-child{color:var(--ink-muted);margin-top:var(--space-5);max-width:39rem}.guide section{margin-bottom:var(--space-10);scroll-margin-top:var(--space-8)}.guide h2{margin-bottom:var(--space-5)}.guide h3{margin-block:var(--space-6) var(--space-3)}.guide p,.guide li{margin-bottom:var(--space-4)}.guide li{padding-left:var(--space-2)}.guide ol{padding-left:var(--space-5)}.guide .ui-card{margin-bottom:var(--space-10)}.guide .ui-card p{color:var(--ink-muted)}.guide .guide-cta{display:flex;justify-content:space-between;align-items:center;gap:var(--space-6)}.guide-cta p{margin-bottom:0}.guide .source-note{font-size:var(--text-sm);color:var(--ink-muted)}.ongoing-timer{position:sticky;top:var(--space-4);z-index:var(--layer-sticky);max-width:48rem;margin:var(--space-6) auto 0;padding:var(--space-5) var(--space-6)}.ongoing-timer__main,.ongoing-timer__actions,.ongoing-timer__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.ongoing-timer__time{display:block;font-size:var(--text-stat);font-variant-numeric:tabular-nums;line-height:1.2;letter-spacing:var(--tracking-display)}.ongoing-timer__foot{margin-top:var(--space-3)}.ongoing-timer__foot p{margin:0}@media(max-width:800px){.shell{padding:var(--space-6) var(--space-5) var(--space-8)}.workspace{grid-template-columns:minmax(0,1fr)}.side-stack{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto}.page-intro>p{display:none}.info-layout{gap:var(--space-8)}}@media(max-width:560px){.shell{padding-inline:var(--space-4)}.site-header{padding-bottom:var(--space-4)}.header-links{gap:var(--space-3)}.header-links .desktop-link{display:none}.page-intro{padding-block:var(--space-6)}.timer-card{padding:var(--space-5) var(--space-4) var(--space-6)}.mode-nav{padding:var(--space-1)}.mode-nav button{font-size:var(--text-xs)}.timer-topline{margin-top:var(--space-2)}.countdown{width:min(100%,15rem)}.side-stack,.steps,.info-layout{grid-template-columns:minmax(0,1fr)}.side-stack{gap:var(--space-6)}.content-section{margin-top:var(--space-12)}.content-heading{align-items:flex-start;flex-direction:column;gap:var(--space-3)}.steps{gap:var(--space-6)}.steps article{padding-bottom:var(--space-6);border-bottom:var(--stroke) solid var(--line-soft)}.info-layout{padding-top:0;border-top:0}.ui-modal{width:calc(100% - var(--space-8));padding:var(--space-6)}.settings-fields{gap:var(--space-3)}.settings-fields label{font-size:var(--text-xs)}.timer-actions{gap:var(--space-4)}.guide .guide-cta{align-items:flex-start;flex-direction:column}.guide .page-intro{padding-block:var(--space-8)}.ongoing-timer{padding:var(--space-4)}.ongoing-timer__main,.ongoing-timer__actions{gap:var(--space-2)}.ongoing-timer__actions .ui-button{padding-inline:var(--space-3)}.ongoing-timer__foot{flex-wrap:wrap;gap:var(--space-2)}}.footer nav{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-6)}.footer nav a{display:inline-flex;align-items:center;min-height:var(--touch)}.guide-contents{margin-block:var(--space-8) var(--space-10)}.guide ul{padding-left:var(--space-5)}.guide-contents ul{margin-bottom:0}.guide-contents li:last-child{margin-bottom:0}.guide h2{scroll-margin-top:var(--space-8)}.guide-table{overflow-x:auto;margin-block:var(--space-6);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-inset);padding:var(--space-4)}.guide-table table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.guide-table caption{text-align:left;color:var(--blue);padding-bottom:var(--space-4)}.guide-table th,.guide-table td{text-align:left;vertical-align:top;padding:var(--space-3);border-bottom:var(--stroke) solid var(--line)}.guide-table th{font-weight:500}.guide-table th[scope=row]{white-space:nowrap}.guide-table tr:last-child>*{border-bottom:0}.preset-links{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-block:var(--space-6)}.guide-cards{gap:var(--space-6)}.guide-cards h3{font-size:var(--text-lg)}.guide a{overflow-wrap:anywhere}body:has(.ongoing-timer:not([hidden])) .guide :is(h2,section){scroll-margin-top:calc(var(--space-20) * 2 + var(--space-6))}