:root{color:#fffdf7;font-family:Inter,Pretendard,Noto Sans KR,Malgun Gothic,sans-serif;background:#8fc7cc;font-synthesis:none;color-scheme:dark;--glass: rgba(17, 43, 46, .52);--glass-strong: rgba(13, 36, 39, .72);--glass-border: rgba(255, 255, 255, .3);--soft-shadow: 0 2px 18px rgba(5, 24, 27, .42)}*{box-sizing:border-box}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}html,body{width:100%;height:100%;margin:0;overflow:hidden}button,input,select{font:inherit}#world{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}.vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle,transparent 60%,rgba(16,39,42,.1))}.hidden{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.panel.hidden,.hud.hidden,.welcome.hidden,.render-error.hidden{display:none!important}.loading{position:fixed;inset:0;z-index:20;display:grid;place-content:center;text-align:center;background:#9bc7c4;transition:opacity .8s}.loading-mark{font-size:42px;animation:spin 1.8s linear infinite}.loading p,.eyebrow{font-size:12px;letter-spacing:.26em;text-transform:uppercase}@keyframes spin{to{transform:rotate(360deg)}}.render-error{position:fixed;z-index:40;inset:0;display:grid;place-items:center;overflow-y:auto;overscroll-behavior:contain;padding:max(24px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:radial-gradient(circle at 50% 34%,#335556f7,#091c1ffc 72%);color:#fffdf7;text-align:center}.render-error:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle,transparent 45%,rgba(0,10,12,.38))}.render-error-card{position:relative;width:min(520px,100%);padding:clamp(30px,6vw,54px);border:1px solid rgba(255,255,255,.3);border-radius:28px;background:#0c2326d1;box-shadow:0 28px 90px #000c0e7a;-webkit-backdrop-filter:blur(18px) saturate(1.08);backdrop-filter:blur(18px) saturate(1.08)}.render-error-icon{width:58px;height:58px;display:grid;place-items:center;margin:0 auto 20px;border:1px solid rgba(255,244,184,.52);border-radius:50%;color:#fff4b8;background:#fff4b814;font-size:34px;line-height:1}.render-error .eyebrow{margin-bottom:15px;color:#fff4b8}.render-error h2{font-size:clamp(32px,6vw,50px);line-height:1.16;text-wrap:balance}.render-error p{max-width:430px;margin:20px auto 0;color:#ffffffe6;font-size:16px;line-height:1.75;text-wrap:pretty}.render-error .render-error-help{margin-top:10px;color:#ffffffb8;font-size:14px}.render-error .primary{margin-top:28px}.welcome,.panel{position:fixed;z-index:10;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;text-shadow:var(--soft-shadow);transition:opacity 1s,visibility 1s}.welcome{align-items:flex-start;text-align:left;padding-left:clamp(48px,9vw,170px)}.welcome:before,.panel:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#1737391f,#1737390d 50%,#17373940)}.eyebrow{margin-bottom:18px;font-weight:600}h1,h2{font-family:Iowan Old Style,Batang,serif;margin:0;font-weight:400}h1{font-size:clamp(54px,7vw,92px);letter-spacing:-.06em;max-width:620px}h2{font-size:clamp(34px,5vw,60px)}.intro,.panel p{margin:22px 0 34px;font-family:Iowan Old Style,Batang,serif;font-size:16px;line-height:1.9}.primary{min-height:48px;color:#173e41;background:#fffdf6f5;border:0;border-radius:100px;padding:14px 34px;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:.08em;box-shadow:0 10px 40px #0a22243d;transition:transform .2s,background .2s}.primary:hover{transform:translateY(-2px);background:#fff}.session-picker{display:flex;gap:5px;margin:0 0 18px;padding:5px;border:1px solid var(--glass-border);border-radius:100px;background:var(--glass);box-shadow:0 8px 30px #05181b29;-webkit-backdrop-filter:blur(12px) saturate(1.1);backdrop-filter:blur(12px) saturate(1.1)}.session{min-height:40px;border:0;border-radius:100px;padding:8px 15px;color:#fff;background:transparent;font-size:13px;font-weight:600;cursor:pointer;text-shadow:0 1px 8px rgba(0,0,0,.4)}.session.active{color:#24494a;background:#fffcf1eb}.welcome-handheld{width:min(430px,calc(100vw - 48px));min-height:52px;display:grid;grid-template-columns:minmax(122px,1fr) auto;align-items:center;gap:14px;margin:0 0 12px;padding:7px 8px 7px 14px;border:1px solid rgba(255,255,255,.24);border-radius:16px;color:#fff;background:#0c262970;box-shadow:0 8px 30px #05181b24;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-shadow:var(--soft-shadow)}.welcome-handheld-copy{display:grid;gap:2px}.welcome-handheld-copy strong{font-size:13px;line-height:1.25;letter-spacing:.035em}.welcome-handheld-copy small{color:#ffffffc2;font-size:11px;line-height:1.35;letter-spacing:.015em}.handheld-picker{display:flex;gap:3px;padding:3px;border:1px solid rgba(255,255,255,.2);border-radius:100px;background:#071b1e42}.handheld-option{min-width:57px;min-height:36px;border:0;border-radius:100px;padding:7px 10px;color:#ffffffdb;background:transparent;font-size:12px;font-weight:700;cursor:pointer}.handheld-option.active{color:#24494a;background:#fffcf1f0;text-shadow:none}.welcome-comfort{min-height:46px;display:inline-grid;grid-template-columns:22px auto;align-items:center;gap:11px;margin:0 0 18px;padding:8px 14px;border:1px solid rgba(255,255,255,.24);border-radius:14px;color:#fff;background:#0c262970;box-shadow:0 8px 30px #05181b24;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;text-shadow:var(--soft-shadow)}.welcome-comfort input{width:20px;height:20px;margin:0;accent-color:#fff4b8;cursor:pointer}.welcome-comfort-copy{display:grid;gap:2px}.welcome-comfort-copy strong{font-size:13px;line-height:1.25;letter-spacing:.035em}.welcome-comfort-copy small{color:#ffffffc2;font-size:11px;line-height:1.35;letter-spacing:.015em}.hint{position:absolute;bottom:max(28px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:flex-start;gap:6px;max-width:min(420px,calc(100vw - 48px));padding:11px 15px;border:1px solid rgba(255,255,255,.2);border-radius:14px;background:#0c262980;box-shadow:var(--soft-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:13px;line-height:1.45;letter-spacing:.035em}.hint-touch{display:none}.hint-keyboard{color:#ffffffc7;font-size:12px}kbd{display:inline-flex;min-width:1.7em;min-height:1.7em;align-items:center;justify-content:center;padding:0 .42em;border:1px solid rgba(255,255,255,.38);border-radius:5px;background:#ffffff1f;color:#fff;font:600 11px/1 sans-serif;box-shadow:inset 0 -1px #0003}.hud{position:fixed;z-index:8;inset:0;pointer-events:none;opacity:1;transition:opacity 1s}.hud:before{content:"";position:absolute;inset:0 0 auto;height:128px;pointer-events:none;background:linear-gradient(180deg,rgba(8,31,35,.35),transparent)}.brand{position:absolute;top:max(22px,env(safe-area-inset-top));left:max(28px,env(safe-area-inset-left));padding:9px 13px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:#0d262980;box-shadow:var(--soft-shadow);font-family:Iowan Old Style,Batang,serif;font-size:18px;line-height:1}.flight-status{position:absolute;top:max(20px,env(safe-area-inset-top));left:50%;transform:translate(-50%);display:grid;min-width:148px;gap:4px;padding:9px 16px 10px;border:1px solid rgba(255,255,255,.24);border-radius:14px;background:var(--glass);box-shadow:var(--soft-shadow);text-align:center}.biome{font-size:12px;font-weight:700;line-height:1.35;letter-spacing:.16em;transition:opacity .5s}.timer{color:#ffffffe0;font-size:13px;font-variant-numeric:tabular-nums;font-weight:600;line-height:1.2;letter-spacing:.12em}.icon-button{position:absolute;top:max(18px,env(safe-area-inset-top));width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--glass-border);border-radius:50%;color:#fff;background:var(--glass);box-shadow:var(--soft-shadow);cursor:pointer;pointer-events:auto;font-size:17px}#pause{right:28px}#sound{right:84px}.breath{position:absolute;bottom:max(34px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;min-height:44px;padding:9px 16px;border:1px solid rgba(255,255,255,.22);border-radius:100px;background:#0b25287a;box-shadow:var(--soft-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:Iowan Old Style,Batang,serif;font-size:14px;font-weight:600;letter-spacing:.025em}.breath-ring{width:19px;height:19px;border:1px solid rgba(255,255,255,.75);border-radius:50%;animation:breathe 10s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(.65);opacity:.5}45%{transform:scale(1.25);opacity:1}}.guide{position:absolute;left:max(28px,env(safe-area-inset-left));bottom:max(34px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:100px;background:#0b252866;box-shadow:var(--soft-shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:12px;font-weight:600;letter-spacing:.06em}.guide i{width:28px;height:1px;background:#fff}.panel{background:#18373acc;-webkit-backdrop-filter:blur(18px) saturate(1.08);backdrop-filter:blur(18px) saturate(1.08);overflow-y:auto;overscroll-behavior:contain;padding:max(32px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(32px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.panel .primary{margin-bottom:28px}.setting{width:min(360px,86vw);min-height:44px;display:grid;grid-template-columns:minmax(112px,.9fr) minmax(130px,1.1fr);align-items:center;gap:16px;margin:4px 0;text-align:left;font-size:14px;font-weight:600;letter-spacing:.02em}.range-control{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 48px;align-items:center;gap:9px}.range-control input{width:100%}.range-control output{min-width:48px;padding:5px 7px;border:1px solid rgba(255,255,255,.22);border-radius:8px;color:#fffffff0;background:#081f2247;font-size:12px;font-variant-numeric:tabular-nums;line-height:1.25;text-align:center}.setting input{accent-color:#f7e9c6}.setting input[type=range]{min-height:44px;cursor:pointer}.setting input[type=checkbox]{width:22px;height:22px;cursor:pointer}.setting select{min-height:42px;color:#fff;border:1px solid rgba(255,255,255,.38);border-radius:10px;padding:8px 10px;background:#31585b;cursor:pointer}.setting.check input{justify-self:end}.panel-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px}.secondary{min-height:44px;color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:100px;padding:10px 18px;background:#0a222542;cursor:pointer;font-size:13px;font-weight:600}.system-status{position:fixed;z-index:35;left:50%;bottom:calc(max(24px,env(safe-area-inset-bottom)) + 76px);width:max-content;max-width:min(480px,calc(100vw - 40px));min-height:44px;display:flex;align-items:center;justify-content:center;padding:11px 18px;border:1px solid rgba(255,255,255,.32);border-radius:14px;color:#fffdf7;background:#0a2225e6;box-shadow:0 14px 44px #000e1061;-webkit-backdrop-filter:blur(14px) saturate(1.08);backdrop-filter:blur(14px) saturate(1.08);font-size:14px;font-weight:600;line-height:1.45;letter-spacing:.015em;text-align:center;text-wrap:pretty;opacity:0;transform:translate(-50%,12px);pointer-events:none;transition:opacity .24s ease,transform .24s ease}.system-status.visible:not(:empty){opacity:1;transform:translate(-50%)}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #fff4b8;outline-offset:3px}#world:focus-visible{outline:3px solid rgba(255,244,184,.9);outline-offset:-5px}button:active{transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.56}button:disabled:active{transform:none}body.comfort .vignette{background:radial-gradient(circle,transparent 54%,rgba(16,39,42,.16))}body.comfort .breath-ring{animation-timing-function:linear}body.paused .breath-ring{animation-play-state:paused}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@media(hover:none),(pointer:coarse){.hint-pointer{display:none}.hint-touch{display:block}.session,.handheld-option,.icon-button,.secondary{min-height:48px}.icon-button{width:48px}}@media(max-width:640px){.welcome{align-items:center;text-align:center;padding:0 max(20px,env(safe-area-inset-right)) 0 max(20px,env(safe-area-inset-left))}h1{font-size:clamp(46px,14vw,68px)}.intro{margin:17px 0 26px;font-size:15px}.session-picker{width:min(360px,100%);flex-wrap:wrap;justify-content:center;border-radius:22px}.session{flex:1 0 calc(50% - 5px)}.welcome-handheld{width:min(360px,100%);text-align:left}.handheld-option{min-width:52px;padding-inline:8px}.welcome-comfort{width:min(360px,100%);justify-content:center;text-align:left}.hint{left:50%;align-items:center;transform:translate(-50%);text-align:center}.hint-keyboard{display:none}.brand{left:max(14px,env(safe-area-inset-left));font-size:15px}.flight-status{top:calc(max(18px,env(safe-area-inset-top)) + 58px);min-width:142px}.icon-button{top:max(14px,env(safe-area-inset-top))}#pause{right:max(14px,env(safe-area-inset-right))}#sound{right:calc(max(14px,env(safe-area-inset-right)) + 56px)}.guide{display:none}.breath{bottom:max(18px,env(safe-area-inset-bottom));white-space:nowrap}.setting{width:min(360px,92vw)}.system-status{bottom:calc(max(18px,env(safe-area-inset-bottom)) + 70px);max-width:calc(100vw - 28px);min-height:48px;padding:12px 16px;font-size:13px}.render-error-card{padding:30px 22px;border-radius:22px}.render-error-icon{width:52px;height:52px;margin-bottom:16px}.render-error h2{font-size:clamp(30px,9vw,42px)}.render-error p{font-size:15px}}@media(max-height:720px){.welcome{justify-content:flex-start;overflow-y:auto;padding-top:max(24px,env(safe-area-inset-top));padding-bottom:112px}.welcome .eyebrow{margin-bottom:10px}.welcome .intro{margin:12px 0 18px}.session-picker{margin-bottom:12px}}@media(max-height:620px){.panel{justify-content:flex-start}.panel .eyebrow{margin-bottom:10px}.panel h2{font-size:clamp(28px,8vh,42px)}.panel p{margin:10px 0 14px}.panel .primary{margin-bottom:12px}.panel-actions{margin-top:10px}.hint{bottom:max(14px,env(safe-area-inset-bottom))}}@media(max-height:460px)and (orientation:landscape){.welcome{justify-content:flex-start;overflow-y:auto;padding-top:max(18px,env(safe-area-inset-top));padding-bottom:92px}.welcome .eyebrow{margin-bottom:6px}.welcome h1{font-size:38px}.welcome .intro{margin:6px 0 12px;line-height:1.45}.session-picker{margin-bottom:10px}.welcome-handheld{min-height:40px;margin-bottom:8px;padding-block:4px}.welcome-handheld-copy small{display:none}.handheld-option{min-height:34px}.welcome-comfort{min-height:40px;margin-bottom:10px;padding-block:5px}.welcome-comfort-copy small{display:none}.hint{left:auto;right:max(14px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));transform:none;align-items:flex-end;text-align:right}.flight-status{top:max(12px,env(safe-area-inset-top))}.breath{bottom:max(12px,env(safe-area-inset-bottom))}.system-status{left:auto;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));max-width:min(360px,48vw);min-height:44px;transform:translateY(10px)}.system-status.visible:not(:empty){transform:translateY(0)}.render-error{place-items:start center}.render-error-card{padding:22px 28px}.render-error-icon{width:42px;height:42px;margin-bottom:8px;font-size:26px}.render-error .eyebrow{margin-bottom:6px}.render-error h2{font-size:30px}.render-error p{margin-top:8px;line-height:1.5}.render-error .primary{margin-top:14px}}