/* Sense prototype: persistent surfaces, immediate content, restrained motion. */
body.entry-open{overflow:hidden}
body.entry-open .ambient,body.entry-open #demo-mode{visibility:hidden}
#entry-screen{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;overflow:auto;overscroll-behavior:contain;background:#F8F3E4;color:#342516;color-scheme:light;padding:0 max(26px,env(safe-area-inset-right)) 0 max(26px,env(safe-area-inset-left))}
.entry-header{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1120px;margin:0 auto;min-height:100px;padding-top:env(safe-area-inset-top)}
.entry-header img{width:100px;height:50px;object-fit:contain;filter:brightness(0) saturate(100%);opacity:.78}
.entry-back{height:44px;width:44px;border:0;border-radius:50%;background:#4a4c370d;color:#4A4C37;font-size:24px}
.entry-main{width:100%;max-width:352px;margin:auto; padding:32px 0 20px}
.entry-mark{display:block;width:36px;height:56px;object-fit:contain;margin-bottom:30px}
.entry-panel h1,.entry-panel h2{font-size:clamp(34px,8vw,46px);line-height:1.12;font-weight:400;margin:0;outline:none;text-wrap:balance}
.entry-panel em{color:#4A4C37}
.entry-description{font-size:15px;line-height:1.6;color:#686655;margin:20px 0 34px;overflow-wrap:anywhere}
.entry-panel form{margin:0}
.entry-panel label{display:block;font-size:13px;color:#4A4C37;margin-bottom:10px}
.entry-panel input{display:block;width:100%;height:56px;padding:0 16px;background:#fff8;border:1px solid #4a4c3733;border-radius:12px;font:inherit;font-size:16px;color:#342516;outline-offset:3px;box-shadow:none}
.entry-panel input:focus{outline:2px solid #817C50;border-color:transparent}
.entry-panel input::placeholder{color:#8c897b}
.entry-primary{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:56px;margin-top:14px;padding:0 19px;background:#4A4C37;color:#F8F3E4;border:0;border-radius:12px;font-size:15px;transition:transform 120ms ease,background 120ms ease}
.entry-primary span{font-size:21px}.entry-primary:hover{background:#3c3e2c}.entry-primary:disabled{opacity:.55;cursor:wait}
.entry-hint{color:#706d5f;font-size:12px;line-height:1.5;margin:17px 0 0}
.entry-text-button{border:0;background:none;color:#4A4C37;min-height:44px;padding:12px 0;font-size:13px;margin-top:18px}.entry-text-button span{margin-left:8px}.entry-prev{margin:0 0 18px}
#entry-code{font-size:25px;font-variant-numeric:tabular-nums}
#entry-error{min-height:24px;margin:16px 0 0;font-size:13px;line-height:1.5;color:#963e25}
.entry-footer{padding:24px 0 max(22px,env(safe-area-inset-bottom));text-align:center;color:#767262;font-size:11px}.entry-footer p{margin:0}.entry-footer .legal-links a{font-size:11px}
@media(min-width:700px){.entry-header{min-height:110px}.entry-main{padding-bottom:44px}.entry-mark{margin-bottom:34px}.entry-footer{padding-bottom:30px}}
@media(max-height:700px){.entry-header{min-height:76px}.entry-main{padding-top:12px}.entry-mark{height:40px;margin-bottom:20px}.entry-description{margin:14px 0 24px}.entry-footer{padding-top:10px}}
/* Text never waits for a decorative entrance. */
.intro .word{animation:none}.session-intro .word{animation:none}
#welcome-name{min-height:20px}#welcome-name:empty{display:block}
.intro h1{font-size:clamp(29px,6vw,38px)}
.account-trigger{backdrop-filter:none;background:#f8f3e40e;border-color:#f8f3e426}
#account-dialog{background:#4A4C37;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:24px;box-shadow:0 16px 60px #34251635}
#account-dialog::backdrop{background:#34251680;backdrop-filter:none}#account-dialog:before{display:none}.sheet-top{background:#4A4C37;backdrop-filter:none}
.sheet-body h2{font-size:30px}.sheet-primary,.sheet-secondary{border-radius:14px}.plan-option{border-radius:16px}
/* Keep the sheet footprint and the exit control stable through the flow. */
.flow-screen{min-height:290px;padding:28px 22px max(28px,env(safe-area-inset-bottom));background:#41432ff7;box-shadow:0 -8px 32px #34251620}
.flow-screen h2{font-size:25px}.flow-primary{border-radius:14px;background:#FFFB54;color:#342516;border-color:transparent}
.session-header{padding:max(18px,env(safe-area-inset-top)) 20px;z-index:8}.back{border:1px solid #f8f3e42b;background:#34251677;backdrop-filter:none;min-width:44px;min-height:44px}
.back span{font-size:13px}.video-frame{border-radius:0}.video-frame:before{filter:none;inset:0;background:radial-gradient(ellipse at center,#4A4C37,#28291f);transform:none}
.play-disc{backdrop-filter:none;background:#f8f3e414;transition:transform 140ms ease}.start-video:active .play-disc{transform:scale(.94)}
.start-video:disabled{cursor:wait;opacity:.65}
#media-status{position:absolute;z-index:7;bottom:max(100px,env(safe-area-inset-bottom));left:24px;right:24px;text-align:center;font-size:13px;color:#F8F3E4;pointer-events:none}
#media-retry{position:absolute;z-index:8;bottom:48px;left:50%;transform:translateX(-50%);background:#F8F3E4;color:#342516;border:0;border-radius:12px;padding:12px 20px;min-height:44px}
#session:not([data-step="video"]) #media-status,#session:not([data-step="video"]) #media-retry{display:none}
@media(min-width:700px){.flow-screen{width:440px}.session-header{max-width:680px;left:50%;width:100%;transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.entry-primary,.play-disc{transition:none}}

/* Approved light direction: one warm, quiet surface throughout the app. */
:root{color:#342516;background:#F8F3E4;color-scheme:light}
.ambient{background:#F8F3E4}.ambient:after{background:linear-gradient(180deg,#f8f3e4cc,transparent 40%,#f8f3e477)}
.gradient{opacity:.22;width:80vmax;height:80vmax}
.gradient-sand{background:radial-gradient(ellipse,#EFE4B5,transparent 64%)}
.gradient-lemon{background:radial-gradient(ellipse,#fffb5477,transparent 60%)}
.gradient-cacao{background:radial-gradient(ellipse,#817c502e,transparent 66%)}
.masthead img{filter:brightness(0) saturate(100%);opacity:.78}
.intro,.footnote{color:#4A4C37}.selection-preview p{color:#342516}.intro>p{color:#767262}
.account-trigger{color:#4A4C37;background:#ffffff80;border-color:#4a4c3726}
.frost-pane,.frost-pane.selected{background:linear-gradient(145deg,#ffffffeb,#f8f3e4cc 55%,#efe4b591)}
.petal .material{stroke:#4a4c3733;stroke-width:1.1}.petal:focus-visible .material{stroke:#4A4C37;stroke-width:2}
.petal text{font-weight:450}.core-light{opacity:calc(var(--core-energy,.62)*.6)}
#core-mark{filter:drop-shadow(0 0 4px #b7ad3780) drop-shadow(0 0 16px #fffb5499)}
.flow-screen{background:#f8f3e4fc;color:#342516;border-color:#4a4c3720;box-shadow:0 -10px 40px #3425160d}
.flow-context{color:#706d5f}.place-options button{background:linear-gradient(145deg,#ffffff,#efe4b56b);border-color:#4a4c372b}
.rating-control output,.rating-summary{color:#4A4C37}.rating-control input{accent-color:#4A4C37}
.flow-primary{background:#4A4C37;color:#F8F3E4}.complete-actions button{color:#4A4C37}
.session-extra a{color:#4A4C37}
#session:not([data-step="video"]) .back{color:#4A4C37;background:#f8f3e4ed;border-color:#4a4c372b}
#account-dialog{--ink:#342516;color:#342516;background:#F8F3E4;border-color:#4a4c3720;color-scheme:light}
.sheet-top{background:#F8F3E4}.sheet-top img{filter:brightness(0);opacity:.75}.sheet-close{color:#4A4C37;background:#4a4c370a;border-color:#4a4c3724}
.sheet-body p,.sheet-link{color:#4A4C37}.sheet-body h2 em,.history-values,.stats-total strong{color:#4A4C37}
.sheet-body input:not([type=checkbox]):not([type=radio]){background:#fff8;border-color:#4a4c3733}.sheet-body input::placeholder{color:#858173}
.sheet-primary{background:#4A4C37;color:#F8F3E4;border-color:#4A4C37}.sheet-secondary{background:#ffffff66;color:#4A4C37;border-color:#4a4c3733}
.plan-option{border-color:#4a4c3733;background:#fff6;box-shadow:none}.plan-option:has(input:checked){background:#efe4b56b;border-color:#817C50;box-shadow:none}.plan-option input,.check-row input{accent-color:#4A4C37}
.sheet-message{background:#fff5;border-color:#4a4c3726}.sheet-divider{background:#4a4c3726}.history-list li,.stats-table th,.stats-table td{border-color:#4a4c3726}.sheet-error{color:#963e25!important}
#demo-mode{color:#4A4C37}
@media(prefers-reduced-transparency:reduce){.flow-screen,#account-dialog{background:#F8F3E4}.frost-pane,.place-options button{background:#F8F3E4}}

#heading{outline:none}
body.entry-open .gradient,body.entry-open .core-light:before{animation-play-state:paused}
@media(min-width:700px){.wheel-wrap{width:min(460px,calc(100dvh - 330px));min-width:280px}.experience{padding-bottom:24px}}
.video-frame video{mask-image:linear-gradient(to bottom,transparent,black 8%,black 92%,transparent),linear-gradient(to right,transparent,black 6%,black 94%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to bottom,transparent,black 8%,black 92%,transparent),linear-gradient(to right,transparent,black 6%,black 94%,transparent);-webkit-mask-composite:source-in}

#home[inert] .masthead{visibility:hidden}

/* Arrival and continuous light atmosphere. No media assets in this prototype. */
body.entry-open .ambient{visibility:visible}
body.entry-open .gradient{animation-play-state:running}
#entry-screen{background:transparent;isolation:isolate}
#entry-screen:before{content:"";position:fixed;inset:0;background:#f8f3e480;z-index:-1;pointer-events:none}
.gradient{opacity:.52}
.gradient-cacao{background:radial-gradient(ellipse,#b6b98a66,transparent 66%)}
.gradient-sand{background:radial-gradient(ellipse,#E8D49D,transparent 64%)}
#arrival{position:fixed;inset:0;margin:0;width:100%;height:100%;max-width:none;max-height:none;border:0;padding:0;background:#F8F3E4;color:#4A4C37;overflow:hidden}
#arrival[open]{display:flex;align-items:center;justify-content:center}
#arrival::backdrop{background:#F8F3E4}
.arrival-mark{width:76px;height:118px;overflow:visible;z-index:1}
.arrival-mark path{transform-box:fill-box;transform-origin:center}
.arrival-halo{position:absolute;width:min(95vw,620px);aspect-ratio:1;border-radius:50%;background:radial-gradient(ellipse,#efe4b5aa,transparent 65%)}
#skip-arrival{position:absolute;bottom:max(40px,env(safe-area-inset-bottom));border:0;background:none;color:#706d5f;font:inherit;font-size:13px;padding:16px 24px}
body[data-preview="without-video"] .video-frame{background:#F8F3E4}
body[data-preview="without-video"] .video-frame:before{background:radial-gradient(ellipse at 25% 35%,#efe4b5c0,transparent 60%),radial-gradient(ellipse at 80% 65%,#b6b98a70,transparent 60%);inset:-15%;animation:preview-drift 14s ease-in-out infinite alternate}
body[data-preview="without-video"] .video-frame video,body[data-preview="without-video"] .stage-shade,body[data-preview="without-video"] .video-caption{display:none}
body[data-preview="without-video"] .session-intro{color:#4A4C37}
body[data-preview="without-video"] .session-intro>p{color:#706d5f}
.session-mark{display:block;margin:0 auto 32px}
body[data-preview="without-video"] .start-video{color:#4A4C37}
body[data-preview="without-video"] .play-disc{border-color:#4a4c3733;background:#ffffff66;color:#4A4C37}
body[data-preview="without-video"] .play-disc svg{display:none}
body[data-preview="without-video"] .play-disc:after{content:'↑';font-size:28px}
body[data-preview="without-video"] .back{color:#4A4C37;background:#f8f3e4bb;border-color:#4a4c372b}
@keyframes preview-drift{from{transform:translate(-3%,-2%) scale(1)}to{transform:translate(3%,3%) scale(1.08)}}
@media(prefers-reduced-motion:reduce){.gradient,body[data-preview="without-video"] .video-frame:before{animation:none!important}}

#skip-arrival:focus:not(:focus-visible){outline:none}
body.entry-open #home,body.entry-open #session{visibility:hidden}
#skip-arrival{outline:none}
#skip-arrival:focus-visible{outline:2px solid #817C50;outline-offset:2px;border-radius:12px}
/* A single continuous dial, with a fixed pool of light. */
.selection-preview{display:none}
.sense-dial{position:relative;width:360px;height:420px;max-width:100%;margin:12px auto 0;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;color:#4A4C37}
.sense-dial.is-dragging{cursor:grabbing}
.dial-orbit{position:absolute;width:284px;height:284px;top:48px;left:50%;transform:translateX(-50%);border:1px solid #817c5012;border-radius:50%;pointer-events:none}
.dial-light{position:absolute;width:260px;height:200px;left:50%;top:-42px;transform:translateX(-50%);background:radial-gradient(ellipse,#fffdf0 0%,#efe4b582 34%,transparent 69%);pointer-events:none}
.dial-label{position:absolute;top:190px;left:50%;border:0;background:none;color:#4A4C37;font:inherit;font-size:23px;letter-spacing:-.035em;white-space:nowrap;padding:13px 9px;min-height:48px;cursor:inherit;will-change:transform,opacity}
.dial-label.is-current{font-weight:500;color:#342516}
.dial-label:focus-visible{outline:2px solid #817C50;border-radius:12px}
#dial-confirm{position:absolute;left:50%;top:190px;transform:translate(-50%,-50%);width:112px;height:130px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;background:none;border:0;color:#4A4C37;font:inherit;cursor:pointer;border-radius:50%}
#dial-confirm>span{font-size:13px}#dial-confirm:active img{scale:.95}#dial-confirm img{transition:scale 120ms ease}
.dial-controls{position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:20px}
.dial-controls button{width:44px;height:44px;border:1px solid #817c5020;background:#ffffff55;border-radius:50%;font:inherit;color:#4A4C37;font-size:18px}.dial-controls button:active{background:#efe4b5}
#dial-status{font-size:12px;min-width:78px;text-align:center;color:#706d5f}
@media(max-width:360px){.sense-dial{scale:.88;margin-top:-8px;margin-bottom:-44px}}
@media(max-height:750px){.sense-dial{margin-top:-8px}.experience .intro{margin-bottom:0}.footnote{margin-top:4px}}
@media(prefers-reduced-motion:reduce){#dial-confirm img{transition:none}}

/* One original SVG: the same S settles into the centred wordmark. */
#arrival .arrival-mark{position:absolute;left:50%;top:50%;width:196px;height:auto;transform:translate(-50%,-50%);overflow:visible}
#arrival .arrival-rig{transform-origin:0 0;transform:translate(57.65px,3.75px) scale(1.5)}
#arrival .arrival-wordmark{opacity:1}
#arrival .arrival-wordmark path{opacity:0}

/* Centre the launch artwork in the usable standalone viewport, not behind system bars. */
#arrival{height:100dvh}
#arrival .arrival-mark,#arrival .arrival-halo{position:absolute;left:50%;top:calc(50% + (env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))/2);transform:translate(-50%,-50%)}

/* Keep the next screen concealed until its own entrance starts. */
body.arrival-pending #home .masthead,body.arrival-pending #home .intro,body.arrival-pending #home .sense-dial,body.arrival-pending #home .footnote,body.arrival-pending .entry-header,body.arrival-pending .entry-main,body.arrival-pending .entry-footer{opacity:0}