.scene{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;background:#0a0d14}.scene__photo{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center}.scene__photo--enter{animation:scene-fade var(--duration-scene) ease both}.scene__scrim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(#00000057,#00000057),radial-gradient(120% 80% at 50% 42%,rgba(0,0,0,.46),transparent 64%),linear-gradient(to bottom,rgba(0,0,0,.5) 0%,transparent 28%,transparent 62%,rgba(0,0,0,.6) 100%)}@keyframes scene-fade{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.scene__photo--enter{animation-duration:var(--duration-fast)}}.status-pill{position:fixed;top:max(3rem,env(safe-area-inset-top));left:3rem;z-index:10;display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .9rem;font-size:var(--text-label);font-weight:500;color:var(--color-text-dim);background:var(--pill-bg);border:1px solid var(--pill-border);border-radius:var(--radius-pill);box-shadow:var(--shadow-pill)}.status-pill__dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--color-text-faint)}.status-pill__dot--live{background:var(--color-accent);box-shadow:0 0 0 0 var(--color-accent-soft);animation:status-live 2.2s ease-in-out infinite}@keyframes status-live{0%{box-shadow:0 0 0 0 var(--color-accent-soft)}70%{box-shadow:0 0 0 6px #66da8500}to{box-shadow:0 0 #66da8500}}@media(max-width:560px),(max-height:560px){.status-pill{top:max(var(--space-3),env(safe-area-inset-top));left:var(--space-3)}}.icon-button{display:inline-grid;place-items:center;width:2.6rem;height:2.6rem;color:var(--color-text-dim);background:transparent;border:none;border-radius:var(--radius-pill);transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.icon-button svg{width:1.2rem;height:1.2rem}.icon-button:hover{color:var(--color-text);background:#ffffff1a}.icon-button:active{transform:scale(.92)}.icon-button--active{color:var(--color-accent)}.control-bar{position:fixed;bottom:max(var(--space-4),env(safe-area-inset-bottom));left:50%;z-index:10;display:flex;align-items:center;gap:.15rem;padding:.35rem .5rem;background:var(--pill-bg);border:1px solid var(--pill-border);border-radius:var(--radius-pill);box-shadow:var(--shadow-pill);transform:translate(-50%);transition:opacity var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}.control-bar--hidden{opacity:0;transform:translate(-50%) translateY(12px);pointer-events:none}.control-bar__divider{width:1px;height:1.3rem;margin:0 .25rem;background:var(--pill-border)}.frame{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.frame__corner{position:absolute;width:22px;height:22px;border:1.5px solid oklch(100% 0 0 / .28)}.frame__corner--tl{top:22px;left:22px;border-right:none;border-bottom:none}.frame__corner--tr{top:22px;right:22px;border-left:none;border-bottom:none}.frame__corner--bl{bottom:22px;left:22px;border-right:none;border-top:none}.frame__corner--br{bottom:22px;right:22px;border-left:none;border-top:none}.frame__grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px}.frame__mark{position:absolute;bottom:3rem;left:3rem;font-size:.7rem;font-weight:600;letter-spacing:.22em;color:var(--color-text-faint)}.frame__mark-dot{color:var(--color-accent)}@media(max-width:560px),(max-height:560px){.frame__corner,.frame__mark{display:none}}.picker{display:flex;flex-direction:column;gap:var(--space-3);align-items:center}.picker__presets{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.picker__chip{padding:.42rem 1rem;font-size:.82rem;font-weight:500;color:var(--color-text-dim);background:var(--pill-bg);border:1px solid var(--pill-border);border-radius:var(--radius-pill);transition:color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.picker__chip:hover:not(:disabled){color:var(--color-text);border-color:var(--pill-border-hover)}.picker__chip[aria-pressed=true]{color:var(--color-text);background:var(--color-accent-soft);border-color:var(--color-accent)}.picker__custom{display:flex;align-items:center;gap:var(--space-2)}.picker__step{width:2rem;height:2rem;display:grid;place-items:center;font-size:1.2rem;line-height:1;color:var(--color-text-dim);background:var(--pill-bg);border:1px solid var(--pill-border);border-radius:var(--radius-pill);transition:color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.picker__step:hover:not(:disabled){color:var(--color-text);border-color:var(--pill-border-hover)}.picker__step:disabled{opacity:.35;cursor:not-allowed}.picker__value{display:flex;align-items:baseline;gap:.3rem;min-width:5rem;justify-content:center}.picker__input{width:2.6ch;padding:0;font-size:1.05rem;font-weight:600;text-align:right;color:var(--color-text);background:none;border:none;border-bottom:1px solid transparent;transition:border-color var(--duration-fast) var(--ease-out)}.picker__input:focus{outline:none;border-bottom-color:var(--color-accent)}.picker__input::-webkit-outer-spin-button,.picker__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.picker__input{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.picker__unit{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-faint)}.pill-btn{display:inline-grid;place-items:center;padding:.85rem 2rem;font-size:.82rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text);background:var(--pill-bg-strong);border:1px solid var(--pill-border);border-radius:var(--radius-pill);box-shadow:var(--shadow-pill);transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.pill-btn:hover{background:var(--pill-bg-hover);border-color:var(--pill-border-hover);transform:translateY(-1px)}.pill-btn:active{transform:translateY(0) scale(.98)}.pill-btn--ghost{color:var(--color-accent);border-color:var(--color-accent-soft)}.pill-btn--ghost:hover{border-color:var(--color-accent)}.stage{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);width:min(94vw,720px);text-align:center}.stage__task{display:inline-flex;align-items:center;gap:.5rem;max-width:min(80vw,30rem);padding:.42rem 1rem;font-size:.95rem;font-weight:500;color:var(--color-text);background:var(--pill-bg);border:1px solid var(--pill-border);border-radius:var(--radius-pill);box-shadow:var(--shadow-pill)}.stage__task--edit:focus-within{border-color:var(--pill-border-hover)}.stage__task-dot{flex:none;width:.45rem;height:.45rem;border-radius:50%;background:var(--color-accent)}.stage__task-input{width:min(60vw,20rem);text-align:center;background:none;border:none}.stage__task-input::placeholder{color:var(--color-text-faint)}.stage__task-input:focus{outline:none}.stage__time{font-size:var(--text-timer);font-weight:300;line-height:.95;letter-spacing:-.03em;color:var(--color-text);text-shadow:0 2px 40px rgba(0,0,0,.45)}.stage__time-sep{color:var(--color-accent);margin:0 .02em}.stage__time-sec{color:var(--color-text);opacity:.5}.stage__time--muted .stage__time-main,.stage__time--muted .stage__time-sec{color:var(--color-text-dim)}.stage__bar{width:min(80vw,380px);height:5px;border-radius:var(--radius-pill);background:#ffffff2e;overflow:hidden}.stage__bar-fill{height:100%;border-radius:var(--radius-pill);background:#ffffffe6;transition:width var(--duration-normal) linear}.stage__sub{font-size:var(--text-label);letter-spacing:.28em;text-transform:uppercase;color:var(--color-text-faint)}.stage__controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-3);margin-top:var(--space-2)}.setup-controls{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.mode-toggle{display:inline-flex;padding:.25rem;gap:.2rem;background:var(--pill-bg);border:1px solid var(--pill-border);border-radius:var(--radius-pill)}.mode-toggle__btn{padding:.4rem 1.4rem;font-size:.82rem;font-weight:600;letter-spacing:.06em;color:var(--color-text-faint);border-radius:var(--radius-pill);transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.mode-toggle__btn:hover{color:var(--color-text-dim)}.mode-toggle__btn--on{color:var(--color-text);background:var(--color-accent-soft)}.setup-controls__meta{min-height:1.2em;font-size:.85rem;letter-spacing:.02em;text-align:center;color:var(--color-text-faint)}.setup-controls__quip{font-style:italic}.setup-controls__hints{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem 1rem;font-size:.72rem;color:var(--color-text-faint)}.setup-controls__hints span{display:inline-flex;align-items:center;gap:.35rem}.kbd{display:inline-grid;place-items:center;min-width:1.4rem;height:1.4rem;padding:0 .4rem;font-family:var(--font-display);font-size:.68rem;font-weight:600;color:var(--color-text-dim);background:var(--pill-bg);border:1px solid var(--pill-border);border-radius:.4rem}@media(max-width:560px){.setup-controls__hints{display:none}}.session-done{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.session-done__quip{max-width:34ch;font-size:.95rem;font-style:italic;text-wrap:balance;color:var(--color-text-dim)}.session-done__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.toggle__text{display:flex;flex-direction:column;gap:.15rem}.toggle__label{font-size:.95rem;font-weight:500;color:var(--color-text);cursor:pointer}.toggle__hint{font-size:.78rem;color:var(--color-text-faint)}.toggle__switch{flex:none;width:3rem;height:1.7rem;padding:.2rem;border-radius:var(--radius-pill);background:#ffffff1f;border:1px solid var(--pill-border);transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.toggle__switch--on{background:var(--color-accent-soft);border-color:var(--color-accent)}.toggle__thumb{display:block;width:1.2rem;height:1.2rem;border-radius:50%;background:var(--color-text-dim);transform:translate(0);transition:transform var(--duration-normal) var(--ease-spring),background var(--duration-fast) var(--ease-out)}.toggle__switch--on .toggle__thumb{background:var(--color-accent);transform:translate(1.3rem)}.settings__scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:var(--space-3);background:#0000008c;animation:fade-in var(--duration-normal) var(--ease-out) both}.settings{width:min(92vw,27rem);max-height:88dvh;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4);background:#090b0ff5;border:1px solid var(--pill-border);border-radius:var(--radius-md);box-shadow:0 30px 80px -30px #000c;animation:settings-rise var(--duration-normal) var(--ease-out) both}.settings__header{display:flex;align-items:center;justify-content:space-between}.settings__title{font-size:1.25rem;font-weight:600}.settings__section{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--pill-border)}.settings__section:first-of-type{border-top:none;padding-top:0}.settings__section-title{font-size:var(--text-label);letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-faint)}.settings__group{display:flex;flex-direction:column;gap:var(--space-2)}.settings__group+.settings__group{margin-top:var(--space-3)}.settings__group-label{font-size:.78rem;font-weight:500;color:var(--color-text-dim)}.settings__scenes{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.settings__scene{position:relative;aspect-ratio:16 / 11;overflow:hidden;background-size:cover;background-position:center;border-radius:var(--radius-sm);border:2px solid transparent;transition:transform var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.settings__scene:hover{transform:translateY(-2px)}.settings__scene--active{border-color:var(--color-accent)}.settings__scene-name{position:absolute;left:0;right:0;bottom:0;padding:.3rem .4rem;font-size:.66rem;font-weight:500;text-align:left;color:var(--color-text);background:linear-gradient(transparent,#000000b3)}.settings__rotate{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--pill-border)}.settings__intervals{display:flex;flex-wrap:wrap;gap:var(--space-2)}.settings__chip{padding:.4rem .9rem;font-size:.8rem;font-weight:500;color:var(--color-text-dim);background:#ffffff0d;border:1px solid var(--pill-border);border-radius:var(--radius-pill);transition:color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.settings__chip:hover{color:var(--color-text);border-color:var(--pill-border-hover)}.settings__chip--on{color:var(--color-text);background:var(--color-accent-soft);border-color:var(--color-accent)}.settings__checklist{display:flex;flex-direction:column;gap:var(--space-2)}.settings__items{display:flex;flex-direction:column;gap:.35rem;list-style:none}.settings__item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:.5rem .35rem .5rem .75rem;background:#ffffff0a;border-radius:var(--radius-sm)}.settings__item-text{font-size:.9rem;color:var(--color-text-dim)}.settings__item-remove{flex:none;display:grid;place-items:center;width:1.7rem;height:1.7rem;color:var(--color-text-faint);border-radius:var(--radius-pill);transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.settings__item-remove svg{width:.9rem;height:.9rem}.settings__item-remove:hover{color:var(--color-text);background:#ffffff14}.settings__add{display:flex;gap:var(--space-2)}.settings__add-input{flex:1;min-width:0;padding:.55rem .75rem;font-size:.9rem;color:var(--color-text);background:#ffffff0d;border:1px solid var(--pill-border);border-radius:var(--radius-sm)}.settings__add-input::placeholder{color:var(--color-text-faint)}.settings__add-input:focus{outline:none;border-color:var(--color-accent)}.settings__add-btn{padding:.55rem 1rem;font-size:.85rem;font-weight:600;color:var(--color-text);background:var(--color-accent-soft);border:1px solid var(--color-accent);border-radius:var(--radius-sm);transition:opacity var(--duration-fast) var(--ease-out)}.settings__add-btn:disabled{opacity:.4;cursor:not-allowed}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes settings-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.preflight__scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:var(--space-3);background:#0000008c;animation:fade-in var(--duration-normal) var(--ease-out) both}.preflight{width:min(92vw,25rem);display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5) var(--space-4) var(--space-4);background:#090b0ff7;border:1px solid var(--pill-border);border-radius:var(--radius-md);box-shadow:0 30px 80px -30px #000c;animation:preflight-pop var(--duration-normal) var(--ease-spring) both}.preflight__eyebrow{font-size:var(--text-label);letter-spacing:.22em;text-transform:uppercase;color:var(--color-accent)}.preflight__title{margin-top:.25rem;font-size:1.5rem;font-weight:600;letter-spacing:-.01em}.preflight__list{display:flex;flex-direction:column;gap:.4rem;list-style:none}.preflight__check{display:flex;align-items:center;gap:.8rem;width:100%;padding:.7rem .8rem;text-align:left;border-radius:var(--radius-sm);transition:background var(--duration-fast) var(--ease-out);animation:preflight-slide var(--duration-normal) var(--ease-out) both}.preflight__check:hover{background:#ffffff0d}.preflight__box{flex:none;display:grid;place-items:center;width:1.6rem;height:1.6rem;border-radius:.5rem;border:1.5px solid var(--pill-border-hover);transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.preflight__box svg{width:1rem;height:1rem;color:#041608;opacity:0;transform:scale(.5);transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-spring)}.preflight__check--on .preflight__box{background:var(--color-accent);border-color:var(--color-accent)}.preflight__check--on .preflight__box svg{opacity:1;transform:scale(1)}.preflight__label{font-size:.98rem;color:var(--color-text);transition:color var(--duration-fast) var(--ease-out)}.preflight__check--on .preflight__label{color:var(--color-text-dim)}.preflight__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--pill-border)}.preflight__ready{font-size:.82rem;color:var(--color-text-faint);transition:color var(--duration-fast) var(--ease-out)}.preflight__ready--all{color:var(--color-accent)}.preflight__actions{display:flex;align-items:center;gap:var(--space-2)}.preflight__skip{padding:.5rem .75rem;font-size:.85rem;color:var(--color-text-faint);transition:color var(--duration-fast) var(--ease-out)}.preflight__skip:hover{color:var(--color-text)}.preflight__manage{align-self:center;margin-top:-.4rem;font-size:.76rem;color:var(--color-text-faint);text-decoration:underline;text-decoration-color:var(--pill-border);text-underline-offset:3px;transition:color var(--duration-fast) var(--ease-out)}.preflight__manage:hover{color:var(--color-text-dim);text-decoration-color:var(--color-text-faint)}@keyframes preflight-pop{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes preflight-slide{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.app{position:relative;z-index:1;min-height:100dvh;display:grid;place-items:center;padding:clamp(4rem,10vh,7rem) var(--space-3) clamp(6rem,14vh,9rem)}:root{--color-text: oklch(98% 0 0);--color-text-dim: oklch(100% 0 0 / .74);--color-text-faint: oklch(100% 0 0 / .5);--pill-bg: oklch(16% .01 260 / .5);--pill-bg-hover: oklch(24% .012 260 / .62);--pill-bg-strong: oklch(14% .01 260 / .72);--pill-border: oklch(100% 0 0 / .14);--pill-border-hover: oklch(100% 0 0 / .26);--color-accent: oklch(80% .16 150);--color-accent-soft: oklch(80% .16 150 / .22);--font-display: "Space Grotesk", system-ui, -apple-system, sans-serif;--text-label: clamp(.72rem, .68rem + .2vw, .82rem);--text-base: clamp(.95rem, .9rem + .3vw, 1.05rem);--text-timer: clamp(4rem, 1rem + 13vw, 12rem);--space-1: .35rem;--space-2: .55rem;--space-3: .9rem;--space-4: 1.5rem;--space-5: 2.4rem;--space-6: 3.5rem;--radius-sm: .6rem;--radius-md: 1rem;--radius-pill: 999px;--shadow-pill: 0 6px 20px -8px oklch(0% 0 0 / .6);--duration-fast: .11s;--duration-normal: .19s;--duration-scene: .7s;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.4, .64, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{min-height:100dvh;font-family:var(--font-display);font-size:var(--text-base);color:var(--color-text);background:#0a0d14;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden}#root{min-height:100dvh;isolation:isolate}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:var(--radius-sm)}::selection{background:var(--color-accent-soft)}.tnum{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}