:root{--bg:#090607;--ink:#fff8f1;--muted:#fff8f1b8;--panel:#16100f94;--line:#ffe8d62e;--accent-strong:#ffd7a8;--danger:#ffb6a0;--display-font:"Georgia", "Times New Roman", serif;--ui-font:"Aptos", "Trebuchet MS", "Segoe UI", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);font-family:var(--ui-font);margin:0}body{min-height:100dvh}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.scene-stage{background:var(--bg);min-height:100dvh;position:relative;overflow:clip}.scene-media{position:fixed;inset:0;overflow:hidden}.scene-image-layer,.scene-video-layer{position:absolute;inset:0}.scene-image-layer--previous{opacity:0;animation:.42s forwards fade-out}.scene-image-layer--active{animation:.42s fade-in}.scene-image{object-fit:cover}.scene-video{object-fit:cover;width:100%;height:100%}.scene-vignette{background:linear-gradient(#06040529 0%,#0604057a 100%),radial-gradient(circle at 16% 22%,#ffd0a433,#0000 38%),linear-gradient(90deg,#060405bd 0%,#06040538 46%,#0604058f 100%);position:absolute;inset:0}.scene-top-glow{pointer-events:none;background:radial-gradient(circle at 50% 0,#fff1dd2e,#0000 34%),radial-gradient(circle at 82% 18%,#ffd5a31f,#0000 22%);position:absolute;inset:0}.scene-overlay{z-index:2;min-height:100dvh;padding:clamp(1.5rem,3vw,2.5rem);position:relative}.eyebrow{color:#fff0dfe0;letter-spacing:.18em;text-transform:uppercase;margin:0 0 .9rem;font-size:.77rem;font-weight:700}.brand-mark{flex-direction:column;align-items:flex-start;gap:.55rem;margin-bottom:1rem;display:flex}.brand-mark__icon{filter:drop-shadow(0 8px 24px #0000003d);width:clamp(2.6rem,4vw,3.8rem);height:auto}.brand-mark__label{margin-bottom:0}.hero-copy,.selection-copy,.focus-copy{max-width:33rem}.hero-copy{padding-top:min(14vh,8rem)}.hero-copy h1,.focus-copy h1,.selection-title{font-family:var(--display-font);letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(3rem,6vw,6rem);line-height:.94}.hero-copy p:last-child,.selection-text,.focus-copy p:last-child{max-width:30rem;color:var(--muted);margin:1.15rem 0 0;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.6}.toybox-hitbox{z-index:3;background:0 0;border:0;border-radius:999px;transition:transform .22s;position:absolute;transform:translate(-50%,-50%)}.toybox-hitbox:before{content:"";border:1px solid #0000;border-radius:999px;transition:box-shadow .22s,border-color .22s,background .22s;position:absolute;inset:6%;box-shadow:0 0 0 1px #ffe3c500}.toybox-hitbox:hover,.toybox-hitbox:focus-visible{outline:none;transform:translate(-50%,-50%)scale(1.03)}.toybox-hitbox:hover:before,.toybox-hitbox:focus-visible:before{background:radial-gradient(circle,#ffdbad14,#0000 58%);border-color:#ffdfbc3d;box-shadow:0 0 0 1px #ffdfbc38}.toybox-hitbox__hint{color:#fff5ecd1;opacity:0;white-space:nowrap;background:#120e0db3;border:1px solid #ffe3c529;border-radius:999px;padding:.45rem .8rem;font-size:.82rem;transition:opacity .22s;position:absolute;bottom:-1.8rem;left:50%;transform:translate(-50%)}.toybox-hitbox:hover .toybox-hitbox__hint,.toybox-hitbox:focus-visible .toybox-hitbox__hint{opacity:1}.opening-fallback{z-index:3;place-items:center;display:grid;position:absolute;inset:0}.opening-fallback__pulse{aspect-ratio:1;filter:blur(4px);background:radial-gradient(circle,#ffd6a947,#ffd6a914 42%,#0000 70%);border-radius:999px;width:min(36vw,20rem);animation:1.8s ease-in-out infinite breathe}.opening-fallback__label{color:#fff5ece0;background:#110d0ca3;border:1px solid #ffe5c724;border-radius:999px;margin:0;padding:.85rem 1.1rem;position:absolute}.selection-overlay{min-height:100dvh;position:relative}.selection-copy{padding-top:min(7vh,4rem)}.selection-spot{min-width:11rem;color:var(--ink);text-align:left;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#110d0c9e;border:1px solid #ffead32e;border-radius:999px;align-items:center;gap:.8rem;padding:.55rem .9rem .55rem .55rem;transition:transform .22s,border-color .22s,background .22s;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 18px 60px #04030347}.selection-spot:hover,.selection-spot:focus-visible,.selection-spot.is-active{background:#1b1412c7;border-color:#ffe0bf6b;outline:none;transform:translate(-50%,calc(-50% - 4px))}.selection-spot__thumb{border-radius:999px;flex:none;width:3.25rem;height:3.25rem;position:relative;overflow:hidden}.selection-spot__thumb img,.toy-card__image img,.toy-picker-card__image img{object-fit:cover;width:100%;height:100%}.selection-spot__text,.toy-card__body,.toy-picker-card__copy{flex-direction:column;gap:.15rem;display:flex}.selection-spot__text strong,.toy-card__body strong,.toy-picker-card__copy strong{font-size:.98rem}.selection-spot__text small,.toy-card__body small,.toy-picker-card__copy small{color:var(--muted);font-size:.8rem}.selection-dock{display:none}.focus-layout{justify-content:space-between;align-items:stretch;gap:2rem;min-height:calc(100dvh - clamp(3rem,6vw,5rem));display:flex}.focus-copy{align-self:flex-start;padding-top:min(7vh,4rem)}.focus-sidecar{flex-direction:column;justify-content:center;gap:1rem;width:min(28rem,100%);margin-left:auto;display:flex}.focus-layout--panel-left{flex-direction:column;justify-content:space-between}.focus-layout--panel-left .focus-sidecar{margin-top:auto;margin-left:0;margin-right:auto}.focus-layout--compact-header .focus-copy{padding-top:min(2.5vh,1.25rem)}.focus-layout--compact-header .brand-mark{gap:.35rem;margin-bottom:.6rem}.focus-layout--compact-header .brand-mark__icon{width:clamp(2.1rem,2.8vw,2.8rem)}.focus-layout--compact-header .focus-copy p:last-child{margin-top:.8rem}.timer-panel,.completion-card,.settings-modal{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 24px 90px #04030357}.timer-panel{border-radius:1.9rem;width:min(28rem,100%);margin-block:auto;padding:1.35rem}.timer-panel__header,.settings-modal__header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.timer-panel__title{font-family:var(--display-font);margin:0;font-size:clamp(1.8rem,4vw,2.5rem);line-height:1}.timer-panel__subtitle{color:var(--muted);margin:.35rem 0 0}.icon-button,.mode-switcher__button,.secondary-button,.link-button,.settings-tabs__button,.danger-button,.toggle-row,.duration-card{color:var(--ink);background:#ffffff0a;border:1px solid #ffe8d62e}.icon-button,.secondary-button,.primary-button,.link-button,.danger-button,.settings-tabs__button{border-radius:999px;padding:.78rem 1rem;transition:transform .18s,background .18s,border-color .18s}.primary-button{color:#241710;background:linear-gradient(#ffd8abf0,#e8b378f0);border:1px solid #ffddb533;font-weight:700}.icon-button:hover,.secondary-button:hover,.primary-button:hover,.link-button:hover,.settings-tabs__button:hover,.danger-button:hover,.mode-switcher__button:hover,.toggle-row:hover,.toy-card:hover,.toy-picker-card:hover{transform:translateY(-1px)}.mode-switcher{flex-wrap:wrap;gap:.6rem;margin-top:1.2rem;display:flex}.mode-switcher__button{border-radius:999px;padding:.6rem .9rem}.mode-switcher__button.is-active,.settings-tabs__button.is-active{background:#ffd8ab24;border-color:#ffddb55c}.timer-readout{font-family:var(--display-font);letter-spacing:-.06em;margin-top:1.45rem;font-size:clamp(4rem,10vw,6.2rem);line-height:1}.timer-meta{color:var(--muted);justify-content:space-between;gap:1rem;margin-top:.95rem;font-size:.92rem;display:flex}.timer-actions,.completion-card__actions{flex-wrap:wrap;gap:.7rem;margin-top:1.4rem;display:flex}.timer-footer{color:var(--muted);justify-content:space-between;gap:1rem;margin-top:1rem;font-size:.88rem;display:flex}.link-button{color:#ffebd3eb;background:0 0;border:0;padding-inline:0}.timer-footer__status{color:var(--muted);text-align:right;margin-left:auto}.timer-footer__status:hover,.timer-footer__status:focus-visible{color:#ffebd3eb}.completion-card{border-radius:1.7rem;padding:1.1rem 1.2rem;position:relative;overflow:hidden}.completion-card__aside,.completion-card__next{z-index:1;color:var(--muted);margin:.75rem 0 0;position:relative}.completion-card__aside{font-size:.84rem}.completion-card h3,.settings-modal h2,.settings-section__copy h3{font-family:var(--display-font);margin:0;line-height:1.05}.completion-card p:last-of-type,.settings-section__copy p{color:var(--muted);margin:.55rem 0 0;line-height:1.55}.settings-backdrop{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0806069e;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.settings-modal{border-radius:2rem;width:min(60rem,100%);max-height:calc(100dvh - 3rem);padding:1.4rem;overflow:auto}.settings-tabs{flex-wrap:wrap;gap:.6rem;margin-top:1.2rem;display:flex}.settings-section{flex-direction:column;gap:1.25rem;margin-top:1.4rem;display:flex}.settings-modal__legal{color:#fff0df94;text-align:center;margin:1.4rem 0 0;font-size:.75rem;line-height:1.5}.settings-section__block{flex-direction:column;gap:1rem;display:flex}.settings-grid,.duration-grid,.toy-picker-grid,.ambient-grid,.help-grid,.stats-panel__grid{gap:.85rem;display:grid}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.duration-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.toy-picker-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.ambient-grid,.help-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toggle-row,.danger-button{border-radius:1.4rem}.toggle-row{text-align:left;justify-content:space-between;gap:1rem;padding:1rem;display:flex}.toggle-row:disabled{cursor:not-allowed;opacity:.55}.toggle-row span:first-child,.duration-card,.danger-button{flex-direction:column;gap:.25rem;display:flex}.toggle-row small,.duration-card small,.toy-picker-card__copy span{color:var(--muted);line-height:1.45}.toggle-pill{text-align:center;background:#ffffff0d;border-radius:999px;align-self:center;min-width:3.4rem;padding:.45rem .75rem}.toggle-pill.is-active{color:var(--accent-strong);background:#ffd8ab2e}.ambient-card,.help-card,.slider-card,.audio-note,.stats-panel{color:var(--ink);background:#ffffff0d;border:1px solid #ffe8d629}.ambient-card,.help-card,.slider-card,.audio-note{border-radius:1.35rem}.ambient-card{text-align:left;flex-direction:column;gap:.35rem;padding:1rem;display:flex}.ambient-card span,.help-card p,.audio-note p,.stats-panel__hint{color:var(--muted);line-height:1.5}.ambient-card.is-active{background:#ffd8ab1a;border-color:#ffddb561}.slider-card{flex-direction:column;gap:.85rem;padding:1rem;display:flex}.slider-card span{justify-content:space-between;gap:1rem;display:flex}.slider-card input[type=range]{accent-color:#f2c28d;width:100%}.audio-note,.help-card{padding:1rem}.audio-note strong,.help-card strong,.stats-tile strong,.stats-row strong{display:block}.stats-panel{border-radius:1.5rem;padding:1rem}.stats-panel__hero{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.stats-panel__hero h3{margin:0}.stats-panel__hint{text-align:right;max-width:12rem;margin:0;font-size:.84rem}.stats-panel__grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1rem}.stats-tile{background:#00000024;border:1px solid #ffe8d61f;border-radius:1.1rem;padding:.9rem}.stats-tile strong{font-size:1.45rem;font-family:var(--display-font)}.stats-tile span,.stats-row span{color:var(--muted)}.stats-panel__by-toy{gap:.55rem;margin-top:1rem;display:grid}.stats-row{background:#0000001f;border-radius:1rem;justify-content:space-between;gap:1rem;padding:.7rem .85rem;display:flex}.danger-button{color:var(--danger);align-items:flex-start;padding:1rem}.duration-card,.toy-picker-card,.toy-card{text-align:left;border-radius:1.4rem;padding:0;overflow:hidden}.duration-card{padding:1rem}.duration-card span{color:#fff4e6e0}.duration-card input{width:100%;color:var(--ink);background:#07050557;border:1px solid #ffe8d629;border-radius:1rem;margin-top:.55rem;padding:.85rem 1rem}.toy-picker-card,.toy-card{color:var(--ink);background:#ffffff0d;border:1px solid #ffe8d629}.toy-picker-card.is-active,.toy-card.is-active{border-color:#ffddb561;box-shadow:inset 0 0 0 1px #ffddb524}.toy-picker-card__image,.toy-card__image{aspect-ratio:4/3;overflow:hidden}.toy-picker-card__copy,.toy-card__body{padding:.85rem .9rem 1rem}.toy-picker-card__copy span{font-size:.8rem}.completion-delight{pointer-events:none;position:absolute;inset:0}.completion-delight__particle{width:.42rem;height:.42rem;transform:translate(var(--x), var(--y));animation:1.8s ease-out forwards delight-drift;animation-delay:var(--delay);opacity:0;background:#ffdab1e0;border-radius:999px;position:absolute;top:1.2rem;right:1.5rem;box-shadow:0 0 12px #ffdab166}@keyframes fade-in{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes breathe{0%,to{opacity:.7;transform:scale(.92)}50%{opacity:1;transform:scale(1.05)}}@keyframes delight-drift{0%{opacity:0;transform:translate(0)scale(.6)}20%{opacity:1}to{opacity:0;transform:translate(var(--x), calc(var(--y) - 34px)) scale(1)}}@media (max-width:1080px){.focus-layout{flex-direction:column;justify-content:flex-end}.focus-copy{max-width:28rem}.focus-sidecar{width:min(100%,32rem);margin-top:auto;margin-left:0}.settings-grid,.duration-grid,.toy-picker-grid,.ambient-grid,.help-grid,.stats-panel__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.selection-spot{display:none}.selection-dock{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;width:min(100%,32rem);margin-top:auto;padding-top:1.4rem;display:grid}.selection-overlay{flex-direction:column;justify-content:flex-end;gap:1rem;display:flex}}@media (max-width:720px){.scene-overlay{padding:1rem}.timer-panel,.completion-card,.settings-modal{border-radius:1.4rem}.settings-grid,.duration-grid,.toy-picker-grid,.selection-dock,.ambient-grid,.help-grid,.stats-panel__grid{grid-template-columns:1fr}.timer-meta,.timer-footer,.toggle-row,.slider-card span,.stats-panel__hero{flex-direction:column}.stats-panel__hint{text-align:left;max-width:none}}
