:root{--ink-strong:#faf6ed;--ink:#f4f0e8;--ink-soft:#e2dfd5;--ink-muted:#d5d3c9;--ink-faint:#c6c5bc;--wood:#ddc2a3;--wood-light:#ecd8be;--wood-deep:#cfb296;--wood-glow:#ddc2a399;--on-wood:#26221c;--water:#bbcfd0;--moss:#c5d5bb;--stone:#18201b;--line:#ffffff24;--line-strong:#ffffff40;--line-control:#ffffff4d;--line-control-bare:#ffffff80;--focus:#f1d9b7;--tint-faint:#ffffff09;--tint-subtle:#ffffff0d;--tint:#ffffff12;--tint-hover:#fff3;--void:#000;--glass-bg:#161c18cc;--glass-border:#ffffff26;--control-bg:#18201bd9;--control-hover:#354137;--icon-bg:#161c18e6;--popover-bg:#18201bfa;--popover-shadow:0 12px 40px #0006;--panel-shadow:0 8px 32px #0000005e;--lift-shadow:0 4px 16px #0006;--text-shadow-title:0 4px 16px #0009;--text-shadow-soft:0 2px 8px #0009;--text-shadow-heading:0 2px 12px #000, 0 1px 4px #000;--text-shadow-status:0 1px 5px #000;--text-shadow-label:0 0 3px #000, 0 0 8px #000c, 0 1px 12px #0009;--breath-bg:radial-gradient(closest-side, #0e181459, #0e181400 75%);--text-shadow-breath:0 0 12px #000c, 0 1px 3px #000;--breath-ring-shadow:drop-shadow(0 0 2px #000a) drop-shadow(0 0 6px #0006);--breath-inhale-border:#c4d4bb80;--breath-inhale-glow:#b3c3a918;--breath-exhale-border:#cfbda966;--glass-bg-3d:#101714f0;--rain-overcast:#27303a66;--snow-overcast:#cdd6e033;--scrim-top:#101915b3;--scrim-mid:#10191552;--status-btn-bg:#172625;--status-btn-border:#ffffff80;--radius-lg:24px;--radius-md:14px;--radius-sm:4px;--radius-pill:999px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--ink);background:var(--void);-webkit-font-smoothing:antialiased;width:100vw;height:100dvh;word-break:auto-phrase;text-wrap:pretty;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Meiryo,sans-serif;overflow:hidden}#root{width:100vw;height:100dvh}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.app-bg-layer{z-index:0;background-position:50%;background-size:cover;position:absolute;inset:0}.app-container{--bg-side:max(100vw, 100dvh);--sauna-bg-shift:clamp(0px, var(--bg-side) * .25 - 20vw, (var(--bg-side) - 100vw) / 2);--sauna-bg-lift:calc((var(--bg-side) - 100dvh) * .18)}@media (height<=480px){.app-container{--sauna-bg-lift:0px}}.app-bg-layer[data-image=sauna_bg\.webp]{background-position:calc(50% + var(--sauna-bg-shift)) calc(50% - var(--sauna-bg-lift))}.app-main-ui-container{z-index:10;pointer-events:none;width:100%;height:100%;position:relative}.app-main-ui-container button,.app-main-ui-container a{pointer-events:auto}.app-stage-container{width:100%;height:100%;transition:opacity 1s}.scene-container{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.background-stack,.scene-3d-layer{transition:opacity 1s;position:absolute;inset:0}.background-stack{z-index:0}.scene-3d-layer{z-index:2;pointer-events:none}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--panel-shadow);width:90%;max-width:400px;padding:2rem;transition:opacity .5s}.primary-btn{border-radius:var(--radius-md);border:1px solid var(--line-control);background-color:var(--control-bg);min-height:44px;color:var(--ink-strong);font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:16px 32px;font-size:1rem;font-weight:500;transition:background-color .3s,transform .15s,box-shadow .3s,opacity .5s;display:inline-flex}.primary-btn.sauna-loyly-btn,.primary-btn.cooling-next-btn,.primary-btn.totonou-next-btn,.primary-btn.finish-btn,.primary-btn.app-btn-primary,.primary-btn.session-end-btn{background-color:var(--wood);border-color:var(--wood);color:var(--on-wood)}.primary-btn.cooling-next-btn{width:100%;margin-top:14px}.app-toolbar{top:calc(16px + env(safe-area-inset-top,0px));z-index:20;gap:28px;display:flex;position:fixed;right:16px}.icon-btn{background:var(--icon-bg);border:1px solid var(--line-control);cursor:pointer;width:44px;height:44px;color:var(--ink-strong);border-radius:50%;justify-content:center;align-items:center;transition:background-color .3s,transform .15s,box-shadow .3s,opacity .3s,border-color .3s;display:flex}.ui-hidden .icon-btn{opacity:.55}.ui-hidden .icon-btn.ui-toggle-btn,.ui-hidden .icon-btn:hover,.ui-hidden .icon-btn:focus-visible{opacity:1}.ui-hidden .ui-toggle-btn{border-color:var(--wood)}.icon-btn:has(.icon-btn-label){border-radius:var(--radius-pill);gap:6px;width:auto;padding:0 16px 0 12px}.icon-btn-label{white-space:nowrap;font-size:.85rem}.app-toolbar[data-labeled=true] .icon-btn{position:relative}.app-toolbar[data-labeled=true] .icon-btn:after{content:attr(data-short-label);white-space:nowrap;color:var(--ink-strong);text-shadow:var(--text-shadow-label);pointer-events:none;font-size:.85rem;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}.ui-hidden .app-toolbar .icon-btn:after{content:none}@media (width<=480px){.app-toolbar[data-labeled=true]{gap:28px}.app-container:has(.app-toolbar[data-labeled=true]) .stage-heading{top:calc(96px + env(safe-area-inset-top,0px))}}@media (hover:hover){.primary-btn:hover,.icon-btn:hover{box-shadow:var(--lift-shadow);transform:translateY(-2px)}.primary-btn:hover{background-color:var(--tint-hover)}.primary-btn.sauna-loyly-btn:hover,.primary-btn.cooling-next-btn:hover,.primary-btn.totonou-next-btn:hover,.primary-btn.finish-btn:hover,.primary-btn.app-btn-primary:hover,.primary-btn.session-end-btn:hover{background-color:var(--wood-light)}.icon-btn:hover{background:var(--control-hover)}}.primary-btn:active,.icon-btn:active{box-shadow:none;transform:translateY(0)scale(.97)}.action-icon{vertical-align:middle;flex-shrink:0}.dashboard-value{font-variant-numeric:tabular-nums;font-weight:500}.reading-label{color:var(--ink-muted);font-size:.85rem}kbd,.button-shortcut{font:inherit;border-radius:var(--radius-sm)}.button-shortcut{opacity:.8;border:1px solid;padding:1px 4px;font-size:.7rem}button:focus-visible,summary:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--focus);outline-offset:4px}h1:focus,h2:focus{outline:none}.scene-mode-controls{pointer-events:auto;position:relative}.display-settings>summary{list-style:none}.display-settings>summary::-webkit-details-marker{display:none}.settings-panel{max-height:calc(100dvh - 90px - env(safe-area-inset-top,0px));border-radius:var(--radius-lg);border:1px solid var(--line-strong);background:var(--popover-bg);box-shadow:var(--popover-shadow);width:min(290px,100vw - 32px);color:var(--ink);gap:18px;padding:20px;font-size:.85rem;line-height:1.6;display:grid;position:absolute;top:54px;right:0;overflow-y:auto}.volume-label{justify-content:space-between;align-items:center;gap:12px;display:flex}.volume-setting input[type=range]{width:100%;min-height:44px;accent-color:var(--wood);cursor:pointer}.settings-heading{color:var(--ink-muted);font-size:.8rem}.settings-panel button{border:1px solid var(--line-control);border-radius:var(--radius-md);background:var(--tint);min-height:44px;color:var(--ink-strong);cursor:pointer;font:inherit;padding:10px 14px}.settings-panel .settings-row-btn{text-align:left;justify-content:space-between;align-items:center;gap:12px;display:flex}.settings-panel a{color:var(--ink-soft);text-underline-offset:4px;align-items:center;min-height:44px;display:flex}.scene-lighting-control{color:var(--ink-strong);justify-content:space-between;align-items:center;gap:6px;font-size:.9rem;display:flex}.scene-lighting-control select{font:inherit;color:var(--ink-strong);background:var(--stone);border:1px solid var(--line-strong);border-radius:var(--radius-md);min-width:140px;min-height:44px;padding:8px}.app-start-screen{text-align:center;pointer-events:auto;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:88px 24px 32px;transition:opacity 1s;display:flex;overflow-y:auto}.app-main-title{letter-spacing:.1em;text-shadow:var(--text-shadow-title);margin-bottom:.5rem;font-size:clamp(1.7rem,7vw,3.5rem);font-weight:600}.app-subtitle{color:var(--ink-soft);text-shadow:var(--text-shadow-soft);margin-bottom:1.5rem;font-size:clamp(1rem,4vw,1.2rem);font-weight:300}.journey-guide{color:var(--ink);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 18px;margin:6px 0 24px;font-size:.9rem;display:flex}.journey-steps{align-items:center;gap:14px;display:inline-flex}.journey-guide .action-icon{width:16px;color:var(--wood-deep)}.journey-note{color:var(--ink-soft);text-shadow:var(--text-shadow-soft);font-size:.85rem}.app-btn-group{flex-direction:column;gap:15px;width:100%;max-width:280px;display:flex}.entry-note{color:var(--ink-soft);text-shadow:var(--text-shadow-soft);justify-content:center;align-items:center;gap:6px;margin:-5px 0 0;font-size:.8rem;display:flex}.entry-note .action-icon{width:16px}.entry-scene-choice{border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:var(--control-bg);margin-bottom:24px;padding:3px;display:flex}.segment-btn{border-radius:var(--radius-pill);min-height:44px;color:var(--ink-muted);font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:6px 20px;font-size:.85rem;transition:background-color .3s,color .3s;display:flex}.segment-note{color:var(--ink-soft);font-size:.8rem;font-weight:400}.segment-btn[aria-pressed=true]{background:var(--line-strong);color:var(--ink-strong);font-weight:500}@media (hover:hover){.segment-btn[aria-pressed=false]:hover{color:var(--ink-strong)}}.session-summary{width:min(460px,100%);max-width:460px;margin:12px 0 32px}.session-summary-stats{grid-template-columns:1fr 1fr;gap:24px 32px;display:grid}.session-summary dt{color:var(--ink-muted);margin-bottom:12px;font-size:.8rem}.session-summary dd{font-variant-numeric:tabular-nums;font-size:1.8rem}.session-summary dd span{font-size:.85rem}.session-end-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.session-end-actions .primary-btn{min-width:220px}.primary-btn.session-reenter-btn{border-color:var(--line-control-bare)}.session-summary-history{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.session-summary-caption{color:var(--ink-muted);margin-bottom:12px;font-size:.8rem}.session-summary-log{color:var(--ink-muted);margin-top:16px;font-size:.8rem}.session-summary .score-history{border-top:none;justify-content:center;padding-top:0}.stage-heading{top:calc(88px + env(safe-area-inset-top,0px));text-align:center;z-index:10;color:var(--ink);text-shadow:var(--text-shadow-heading);position:absolute;left:20px;right:20px}.stage-heading h2{letter-spacing:.15em;margin:8px 0;font-size:clamp(1.5rem,4vw,2rem);font-weight:400}.stage-heading p{font-size:.9rem;line-height:1.7}.stage-heading .stage-step{letter-spacing:.16em;justify-content:center;align-items:center;gap:10px;font-size:.75rem;display:flex}.stage-step-dots{gap:6px;display:inline-flex}.stage-step-dot{border:1px solid var(--ink-soft);width:6px;height:6px;box-shadow:0 1px 4px var(--void);border-radius:50%}.stage-step-dot[data-state=done]{background:var(--ink-soft)}.stage-step-dot[data-state=current]{border-radius:var(--radius-pill);border-color:var(--wood);background:var(--wood);width:18px}.stage-step-set{color:var(--wood-light)}.stage-dock{bottom:calc(40px + env(safe-area-inset-bottom,0px));width:min(540px,100% - 32px);max-width:540px;max-height:calc(100dvh - 260px - env(safe-area-inset-bottom,0px));overscroll-behavior:contain;z-index:12;text-align:left;pointer-events:auto;padding:20px;position:absolute;overflow-y:auto}.stage-info-row{justify-content:space-between;align-items:center;gap:12px;font-size:.9rem;display:flex}.stage-info-row-divided{border-top:1px solid var(--line);padding-top:12px}.dock-actions{gap:12px;display:flex}.dock-actions .primary-btn{flex:1;padding:13px 12px;font-size:.95rem}.stage-dock[data-overflow=true]{scroll-padding-bottom:80px}.stage-dock[data-overflow=true] .dock-actions{z-index:1;background:var(--glass-bg-3d);border-top:1px solid var(--glass-border);margin:0 -16px;padding:10px 16px 0;position:sticky;bottom:0}.heart-rate{align-items:center;gap:6px;display:flex}.heart-rate-icon{color:var(--wood-deep);display:inline-flex}.heart-rate-unit{font-size:.75rem;font-weight:400}.stay-timer{margin-top:14px}.stay-timer-row{justify-content:space-between;align-items:baseline;display:flex}.stay-timer-value{color:var(--ink-strong);font-size:1.35rem}.stay-timer-track{background:var(--line);border-radius:var(--radius-pill);height:3px;margin:8px 0 2px;overflow:hidden}.stay-timer-bar{background:var(--wood);height:100%;transition:width 1s linear}.cooling-panel .stay-timer-bar{background:var(--water)}.stay-timer-goal{color:var(--ink-soft);font-size:.85rem;font-weight:400}.stay-timer[data-reached=true] .stay-timer-bar{background:var(--moss)}.cooling-panel .stay-timer{margin-top:0}.cooling-heart{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.cooling-heart .heart-rate-value{color:var(--ink-strong);font-size:1.35rem}.cooling-heart .heart-rate-icon{color:var(--water)}.sauna-meters-grid{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:4px;display:grid}.sauna-meter-box{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.sauna-meter-value{color:var(--ink-strong);font-size:1.35rem;position:relative}.meter-delta{color:var(--wood);white-space:nowrap;pointer-events:none;margin-left:8px;font-size:.8rem;animation:1.6s ease-out forwards meter-delta-rise;position:absolute;top:.15em;left:100%}.meter-flash{animation:2.4s ease-out meter-flash;display:inline-block}@keyframes meter-flash{0%{color:var(--ink-strong)}10%,40%{color:var(--wood-light);text-shadow:0 0 14px var(--wood-glow)}to{color:var(--ink-strong);text-shadow:none}}@keyframes meter-delta-rise{0%{opacity:0;transform:translateY(4px)}15%{opacity:1;transform:translateY(0)}70%{opacity:1}to{opacity:0;transform:translateY(-6px)}}@keyframes meter-delta-fade{0%,70%{opacity:1}to{opacity:0}}.steam-overlay{pointer-events:none;z-index:11;opacity:0;-webkit-backdrop-filter:blur();background:#ffffff0d;position:absolute;inset:0}.steam-overlay.active{animation:7s cubic-bezier(.25,1,.5,1) forwards steam-blur-fade}@keyframes steam-blur-fade{0%{-webkit-backdrop-filter:blur();opacity:0;background:#fff0}15%{-webkit-backdrop-filter:blur(20px);opacity:.9;background:#ffffff42}45%{-webkit-backdrop-filter:blur(12px);opacity:.7;background:#ffffff1f}to{-webkit-backdrop-filter:blur();opacity:0;background:#fff0}}.sauna-steam-particle{--steam-size:240px;--steam-side:max(100vw, 100dvh);left:max(-60px, calc(50% + var(--sauna-bg-shift,0px) + var(--steam-x) * var(--steam-side) - var(--steam-size) / 2));top:calc(50% - var(--sauna-bg-lift,0px) + var(--steam-y) * var(--steam-side) - var(--steam-size) / 2);width:var(--steam-size);height:var(--steam-size);background:radial-gradient(ellipse 52% 44% at 50% 72%, color-mix(in srgb, var(--wood-light) 48%, transparent) 0%, transparent 70%), radial-gradient(circle at 48% 56%, #fff6 0%, transparent 48%), radial-gradient(circle at 32% 40%, #ffffff42 0%, transparent 42%), radial-gradient(circle at 68% 36%, #ffffff38 0%, transparent 44%);filter:blur(8px);pointer-events:none;z-index:5;border-radius:50%;animation:4s cubic-bezier(.22,.68,.36,1) forwards steam-rise;position:absolute}.sauna-steam-particle:before,.sauna-steam-particle:after{content:"";pointer-events:none;border-radius:50%;position:absolute;inset:-10%}.sauna-steam-particle:before{filter:blur(10px);background:radial-gradient(46% 54% at 38% 58%,#fff6eb59 0%,#0000 55%),radial-gradient(circle at 64% 34%,#ffffff45 0%,#0000 48%);animation:4s ease-out forwards steam-wisp-left}.sauna-steam-particle:after{filter:blur(12px);background:radial-gradient(50% 45% at 62% 52%,#ffffff4d 0%,#0000 52%),radial-gradient(circle at 36% 28%,#fff8f038 0%,#0000 46%);animation:4s ease-out forwards steam-wisp-right}@media (orientation:portrait){.sauna-steam-particle{top:min(calc(50% + var(--steam-y) * var(--steam-side) - var(--steam-size) / 2), calc(var(--steam-floor,100dvh) - var(--steam-size) * .7))}}@keyframes steam-rise{0%{opacity:0;transform:translateY(10px)scale(.65,.55)}14%{opacity:1}55%{opacity:.78;transform:translateY(-24vh)translate(10px)scale(1.9,2.15)}to{opacity:0;transform:translateY(-48vh)translate(-8px)scale(3.2,2.8)}}@keyframes steam-wisp-left{0%{opacity:0;transform:translateY(8px)scale(.6)rotate(0)}20%{opacity:.9}to{opacity:0;transform:translate(-34px,-18vh)scale(1.45,1.25)rotate(-18deg)}}@keyframes steam-wisp-right{0%{opacity:0;transform:translateY(14px)scale(.55)rotate(0)}25%{opacity:.85}to{opacity:0;transform:translate(42px,-26vh)scale(1.55,1.35)rotate(22deg)}}@keyframes breathe{0%{filter:brightness();transform:scale(1)}50%{filter:brightness(1.5);transform:scale(1.1)}to{filter:brightness();transform:scale(1)}}.cooling-glow{pointer-events:none;z-index:8;position:absolute;inset:0}@keyframes glow-pulse{0%{box-shadow:inset 0 0 50px #96c4c82e}50%{box-shadow:inset 0 0 100px #96c4c86b}to{box-shadow:inset 0 0 50px #96c4c82e}}.cooling-ripple-effect{pointer-events:none;z-index:5;border:2px solid #bbd3d33d;border-radius:50%;width:120px;height:120px;animation:3s ease-out forwards ripple;position:absolute}@keyframes ripple{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}.aurora-container{z-index:1;opacity:.65;pointer-events:none;background:radial-gradient(circle,#10181526 0%,#04080740 100%);transition:opacity 2s;position:absolute;inset:0;overflow:hidden}.aurora-blob{filter:blur(80px);opacity:.45;mix-blend-mode:screen;pointer-events:none;transform-origin:50%;border-radius:50%;width:70vw;max-width:600px;height:70vw;max-height:600px;position:absolute}.aurora-blob.one{background:radial-gradient(circle,#8d97754d 0%,#0000 70%);animation:25s ease-in-out infinite alternate float-aurora;top:-10%;left:-10%}.aurora-blob.two{background:radial-gradient(circle,#7d9b954d 0%,#0000 70%);animation:32s ease-in-out infinite alternate-reverse float-aurora;bottom:-15%;right:-10%}.aurora-blob.three{background:radial-gradient(circle,#a28e6e33 0%,#0000 70%);animation:20s ease-in-out -7s infinite alternate float-aurora;top:35%;left:30%}@keyframes float-aurora{0%{transform:translate(0)scale(1)rotate(0)}50%{transform:translate(12%,8%)scale(1.2)rotate(180deg)}to{transform:translate(-6%,-10%)scale(.9)rotate(360deg)}}.breathing-circle-premium{border:1px solid var(--line);background:var(--breath-bg);z-index:10;border-radius:50%;justify-content:center;align-items:center;width:clamp(150px,23vh,230px);height:clamp(150px,23vh,230px);margin-bottom:56px;transition:transform 4s cubic-bezier(.4,0,.2,1),box-shadow 4s cubic-bezier(.4,0,.2,1),border-color 4s,opacity .5s;display:flex;position:relative}.breathing-ring{pointer-events:none;width:calc(100% + 2px);height:calc(100% + 2px);filter:var(--breath-ring-shadow);position:absolute;inset:-1px;transform:rotate(-90deg)}.breathing-ring circle{fill:none;stroke-width:2px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100px;animation:4s linear forwards breath-ring}[data-breath=inhale] .breathing-ring circle{stroke:var(--moss)}[data-breath=exhale] .breathing-ring circle{stroke:var(--wood)}@keyframes breath-ring{to{stroke-dashoffset:0}}.breathing-label{letter-spacing:3px;z-index:10;color:var(--ink-strong);text-shadow:var(--text-shadow-breath);font-size:1.4rem;font-weight:500}[data-breath] .aurora-container{transition:opacity 4s cubic-bezier(.4,0,.2,1)}[data-breath=inhale] .aurora-container{opacity:.75}[data-breath=exhale] .aurora-container{opacity:.45}[data-breath=inhale] .breathing-circle-premium{border-color:var(--breath-inhale-border);box-shadow:0 0 32px var(--breath-inhale-glow);transform:scale(1.15)}[data-breath=exhale] .breathing-circle-premium{border-color:var(--breath-exhale-border);box-shadow:none;transform:scale(.92)}.totonou-result{gap:4px;margin-bottom:14px;display:grid}.totonou-tier{color:var(--ink-strong);letter-spacing:.08em;font-size:1.1rem}.totonou-feedback{color:var(--ink-soft);font-size:.9rem;line-height:1.7}.score-history{border-top:1px solid var(--line);gap:12px;padding-top:12px;list-style:none;display:flex;overflow-x:auto}.score-history-item{flex-direction:column;align-items:center;gap:4px;min-width:44px;font-size:.8rem;display:flex}.score-history-column{border-bottom:1px solid var(--line-strong);flex-direction:column;justify-content:flex-end;align-self:stretch;align-items:center;gap:4px;height:62px;display:flex}.score-history-value{color:var(--ink)}.score-history-bar{border-radius:var(--radius-sm) var(--radius-sm) 0 0;width:14px}.score-history-set{color:var(--ink-muted)}.sauna-3d-canvas{z-index:2;touch-action:none;position:absolute;inset:0}.sauna-3d-canvas canvas{display:block}.sauna-3d-canvas:focus-visible{outline:2px solid var(--wood);outline-offset:-4px}.scene-3d-layer .sauna-3d-canvas{pointer-events:auto}.app-container:has(.sauna-3d-canvas) .glass-panel{background:var(--glass-bg-3d);-webkit-backdrop-filter:none}:is(.app-container:has(.sauna-3d-canvas[data-load-ms]) .cooling-ripple-effect,.app-container:has(.sauna-3d-canvas[data-load-ms]) .sauna-steam-particle,.app-container:has(.sauna-3d-canvas[data-load-ms]) .steam-overlay){display:none}.app-container:has(.sauna-3d-canvas[data-load-ms]) .aurora-container{display:none}.app-container:has(.sauna-3d-canvas) .stage-heading:before{content:"";z-index:-1;background:radial-gradient(closest-side, var(--scrim-mid), color-mix(in srgb, var(--scrim-mid) 55%, transparent) 50%, color-mix(in srgb, var(--scrim-mid) 15%, transparent) 80%, transparent);pointer-events:none;width:min(560px,100%);position:absolute;top:-32px;bottom:-32px;left:50%;transform:translate(-50%)}.scene-status{text-align:center;pointer-events:none;z-index:12;color:var(--ink-strong);text-shadow:var(--text-shadow-status);font-size:11px;position:fixed;bottom:10px;left:0;right:0}.scene-status button{pointer-events:auto;border:1px solid var(--status-btn-border);border-radius:var(--radius-sm);background:var(--status-btn-bg);color:var(--ink-strong);cursor:pointer;margin-left:8px;padding:6px 10px}.ui-hidden .stage-dock,.ui-hidden .stage-heading{visibility:hidden;pointer-events:none}.ui-hidden .scene-status{opacity:0}.ui-hidden .scene-status button{visibility:hidden}.rain-2d{z-index:1;pointer-events:none;background:var(--rain-overcast);transition:opacity 1s;position:absolute;inset:0;overflow:hidden}.rain-2d-layer{position:absolute;inset:-25%;rotate:9deg}.rain-2d-fall{animation:.5s linear infinite rain-2d-fall;position:absolute;inset:-320px 0 0}.rain-2d-layer.far .rain-2d-fall{opacity:.55;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='240'%3E%3Cg stroke='white' stroke-width='1' stroke-linecap='round'%3E%3Cpath d='M39.6 36.2v17.4' stroke-opacity='0.31'/%3E%3Cpath d='M64.2 87.8v11.8' stroke-opacity='0.4'/%3E%3Cpath d='M6.3 104.1v11.9' stroke-opacity='0.32'/%3E%3Cpath d='M51.2 198.4v12.4' stroke-opacity='0.34'/%3E%3Cpath d='M74.8 227.5v16.7' stroke-opacity='0.38'/%3E%3Cpath d='M74.8 -12.5v16.7' stroke-opacity='0.5'/%3E%3Cpath d='M7.4 206.0v14.0' stroke-opacity='0.33'/%3E%3Cpath d='M15.7 74.0v19.0' stroke-opacity='0.34'/%3E%3Cpath d='M69.5 153.3v14.8' stroke-opacity='0.41'/%3E%3Cpath d='M9.3 14.3v13.2' stroke-opacity='0.44'/%3E%3Cpath d='M51.6 75.4v16.8' stroke-opacity='0.39'/%3E%3Cpath d='M36.8 190.7v17.9' stroke-opacity='0.35'/%3E%3Cpath d='M68.6 126.0v19.6' stroke-opacity='0.45'/%3E%3Cpath d='M35.4 235.2v12.3' stroke-opacity='0.38'/%3E%3Cpath d='M35.4 -4.8v12.3' stroke-opacity='0.45'/%3E%3Cpath d='M19.6 117.4v11.6' stroke-opacity='0.43'/%3E%3Cpath d='M90.7 137.5v19.6' stroke-opacity='0.36'/%3E%3Cpath d='M82.7 142.6v16.8' stroke-opacity='0.39'/%3E%3C/g%3E%3C/svg%3E");animation-duration:.62s;top:-240px}.rain-2d-layer.near .rain-2d-fall{opacity:.4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='320'%3E%3Cg stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M217.0 302.3v37.4' stroke-opacity='0.52'/%3E%3Cpath d='M217.0 -17.7v37.4' stroke-opacity='0.37'/%3E%3Cpath d='M181.6 207.1v49.2' stroke-opacity='0.56'/%3E%3Cpath d='M74.9 123.5v41.8' stroke-opacity='0.37'/%3E%3Cpath d='M120.2 53.8v29.3' stroke-opacity='0.37'/%3E%3Cpath d='M198.7 41.4v32.2' stroke-opacity='0.45'/%3E%3Cpath d='M225.1 25.8v36.8' stroke-opacity='0.49'/%3E%3Cpath d='M228.1 262.2v46.3' stroke-opacity='0.43'/%3E%3Cpath d='M108.3 114.8v46.8' stroke-opacity='0.59'/%3E%3Cpath d='M40.6 56.4v31.9' stroke-opacity='0.42'/%3E%3C/g%3E%3C/svg%3E");animation-name:rain-2d-fall-near;animation-duration:.42s}@keyframes rain-2d-fall{to{translate:0 240px}}@keyframes rain-2d-fall-near{to{translate:0 320px}}.app-container:has(.sauna-3d-canvas[data-load-ms]) .rain-2d{display:none}.snow-2d{z-index:1;pointer-events:none;background:var(--snow-overcast);transition:opacity 1s;position:absolute;inset:0;overflow:hidden}.snow-2d-layer{animation:5s ease-in-out infinite alternate snow-2d-sway;position:absolute;inset:-25%}.snow-2d-fall{position:absolute;inset:0}.snow-2d-layer.far .snow-2d-fall{opacity:.6;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cdefs%3E%3CradialGradient id='g'%3E%3Cstop offset='0.3' stop-color='white'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cg fill='url(%23g)'%3E%3Ccircle cx='72.4' cy='89.6' r='2.1' fill-opacity='0.79'/%3E%3Ccircle cx='81.3' cy='94.0' r='1.5' fill-opacity='0.8'/%3E%3Ccircle cx='100.8' cy='126.9' r='1.5' fill-opacity='0.72'/%3E%3Ccircle cx='14.5' cy='129.5' r='2.0' fill-opacity='0.62'/%3E%3Ccircle cx='157.2' cy='154.4' r='1.9' fill-opacity='0.85'/%3E%3Ccircle cx='25.2' cy='2.4' r='1.8' fill-opacity='0.62'/%3E%3Ccircle cx='30.4' cy='38.7' r='1.4' fill-opacity='0.79'/%3E%3Ccircle cx='70.5' cy='134.8' r='1.8' fill-opacity='0.86'/%3E%3Ccircle cx='80.0' cy='106.0' r='1.8' fill-opacity='0.71'/%3E%3Ccircle cx='159.6' cy='159.3' r='2.1' fill-opacity='0.88'/%3E%3Ccircle cx='-0.4' cy='159.3' r='2.1' fill-opacity='0.88'/%3E%3Ccircle cx='159.6' cy='-0.7' r='2.1' fill-opacity='0.88'/%3E%3Ccircle cx='-0.4' cy='-0.7' r='2.1' fill-opacity='0.88'/%3E%3Ccircle cx='50.4' cy='36.7' r='1.6' fill-opacity='0.63'/%3E%3Ccircle cx='122.6' cy='64.1' r='2.1' fill-opacity='0.75'/%3E%3Ccircle cx='153.3' cy='135.6' r='1.4' fill-opacity='0.68'/%3E%3Ccircle cx='145.6' cy='75.2' r='2.2' fill-opacity='0.76'/%3E%3C/g%3E%3C/svg%3E");animation:11s linear infinite snow-2d-fall;top:-160px}.snow-2d-layer.near{animation-duration:3.8s;animation-delay:-1.7s}.snow-2d-layer.near .snow-2d-fall{opacity:.75;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cdefs%3E%3CradialGradient id='g'%3E%3Cstop offset='0.3' stop-color='white'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cg fill='url(%23g)'%3E%3Ccircle cx='21.9' cy='188.8' r='4.2' fill-opacity='0.71'/%3E%3Ccircle cx='26.1' cy='99.8' r='4.5' fill-opacity='0.9'/%3E%3Ccircle cx='35.4' cy='73.9' r='3.2' fill-opacity='0.62'/%3E%3Ccircle cx='239.1' cy='53.3' r='3.9' fill-opacity='0.78'/%3E%3Ccircle cx='57.2' cy='219.6' r='3.2' fill-opacity='0.86'/%3E%3Ccircle cx='35.0' cy='126.2' r='3.3' fill-opacity='0.71'/%3E%3Ccircle cx='291.3' cy='241.0' r='3.5' fill-opacity='0.95'/%3E%3C/g%3E%3C/svg%3E");animation:9s linear infinite snow-2d-fall-near;top:-300px}@keyframes snow-2d-sway{0%{translate:-14px}to{translate:14px}}@keyframes snow-2d-fall{to{translate:0 160px}}@keyframes snow-2d-fall-near{to{translate:0 300px}}.app-container:has(.sauna-3d-canvas[data-load-ms]) .snow-2d{display:none}@media (prefers-reduced-motion:reduce){.background-stack,.scene-3d-layer,.rain-2d,.snow-2d,.app-stage-container,.app-start-screen,.stay-timer-bar{transition:none}.primary-btn:active,.icon-btn:active{transform:none}.aurora-blob,.heart-rate-icon,.cooling-glow{animation:none!important}.meter-delta{animation-name:meter-delta-fade}.steam-overlay,.sauna-steam-particle,.cooling-ripple-effect,.rain-2d-layer,.snow-2d-layer{display:none}}@media (hover:none) and (pointer:coarse){.button-shortcut{display:none}}@media (width<=600px){.app-toolbar{gap:12px}.button-shortcut{display:none}.stage-dock{bottom:calc(34px + env(safe-area-inset-bottom,0px));padding:16px}.stage-heading{top:calc(86px + env(safe-area-inset-top,0px))}.cooling-heart{margin-top:8px;padding-top:8px}.stay-timer{margin-top:8px}.sauna-meters-grid{gap:12px}.sauna-meter-value,.stay-timer-value{font-size:1.2rem}.dock-actions{gap:8px}.dock-actions .primary-btn{padding:12px 8px;font-size:.85rem}.dock-actions .action-icon{width:16px}.session-summary{gap:20px 24px;padding:24px 16px}.breathing-label{font-size:1.1rem}}@media (height<=620px){.stage-heading{top:72px}.stage-heading h2{margin:2px 0;font-size:1.2rem}.stage-heading>p:not(.stage-step){display:none}.stage-dock{max-height:calc(100dvh - 170px);bottom:calc(28px + env(safe-area-inset-bottom,0px));padding:12px 16px}.stay-timer{margin-top:8px}.stay-timer-track{margin:6px 0 2px}.app-start-screen{justify-content:flex-start}.session-summary{margin:4px 0 20px;padding:20px 16px}.breathing-circle-premium{width:130px;height:130px;margin-bottom:46px}.breathing-label{font-size:1rem}}@media (height<=480px) and (width>=600px),(height<=620px) and (width>=960px){.stage-heading{width:38%;top:90px;left:24px;right:auto}.stage-dock{width:52%;max-height:calc(100dvh - 110px);right:24px}.breathing-circle-premium{width:110px;height:110px;position:absolute;top:165px;left:calc(19% - 31px)}.breathing-label{letter-spacing:2px}}@media (width<=360px){.rest-dock .dock-actions{flex-direction:column}.rest-dock .dock-actions .primary-btn{min-height:44px;padding:10px 12px}}@media (prefers-reduced-motion:reduce){[data-breath] .breathing-circle-premium{box-shadow:none;background:0 0;border-color:#0000;transition:none;transform:none}.breathing-ring{display:none}[data-breath] .aurora-container{opacity:.6;transition:none}}.dock-finish{border-radius:var(--radius-md);min-height:44px;color:var(--ink-soft);font:inherit;cursor:pointer;text-underline-offset:4px;background:0 0;border:0;margin:4px auto -8px;padding:8px 16px;font-size:.85rem;text-decoration:underline;display:block}@media (height<=620px) and (width<=599px){.scene-container:has(.rest-dock){--breath-docked-top:140px;--breath-docked-size:72px}.scene-container:has(.rest-dock) .breathing-circle-premium{top:calc(var(--breath-docked-top) + env(safe-area-inset-top,0px));width:var(--breath-docked-size);height:var(--breath-docked-size);margin:0;position:absolute}.scene-container:has(.rest-dock) .breathing-label{letter-spacing:1px;font-size:.85rem}.scene-container:has(.rest-dock) .rest-dock{max-height:calc(100dvh - var(--breath-docked-top) - var(--breath-docked-size) - 64px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}}.stay-timer-goal{color:var(--ink-soft);font-size:.9rem}.dock-finish{color:var(--ink-strong);font-size:.9rem}