.three-canvas,.three-canvas>div{position:absolute!important;inset:0;width:100%;height:100%;touch-action:none}.three-canvas canvas{display:block;touch-action:none}.webgl-fallback{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:22px;background:#f4f0e6;padding:30px;text-align:center;color:#314e42}.webgl-fallback h2{font:26px YunjianSerif,serif}.webgl-fallback p{max-width:340px;font-size:14px;line-height:1.9}.webgl-fallback a{color:#f4f0e6;background:#314e42;padding:16px 24px;border-radius:3px;text-decoration:none}.webgl-fallback button{min-height:44px}.audio-check{padding:0 0 14px;border-bottom:1px solid #78978135;margin-bottom:16px}.audio-check .text-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:5px 0}.app.is-3d .desktop-controls{max-width:238px;line-height:1.6}.app.is-3d .scene-caption{pointer-events:none;background:#f4f0e6d4;padding:12px 15px;border-radius:3px;top:135px;left:34px}.app.is-3d .weather-note{background:#f4f0e6d9;padding:10px;border-radius:3px}.app.is-3d .first-hint{max-width:370px}.app.is-3d .welcome{background:linear-gradient(90deg,#f4f0e6e8,#f4f0e680 44%,#f4f0e600 75%)}.world-paper{width:178px;text-align:center;pointer-events:none;background:#f4f0e6ee;border:1px solid #78978170;box-shadow:0 4px 16px #314e421a,inset 0 0 0 4px #f4f0e6cc;border-radius:4px;padding:12px 14px;font:16px YunjianSerif,SimSun,serif;color:#314e42;letter-spacing:.08em}.world-paper small{display:block;font:11px Microsoft YaHei,sans-serif;letter-spacing:0;margin-top:7px;color:#52664f}@media(max-width:699px){.world-paper,.app.is-3d .scene-caption[data-indoor=true] p{display:none}.app.is-3d .scene-caption[data-indoor=true] .caption-line{height:22px}.app.is-3d .welcome{background:linear-gradient(#f4f0e6d4,#f4f0e66e 45%,#f4f0e61a 70%,#f4f0e6c4)}.app.is-3d .first-hint{max-width:calc(100% - 34px)}.app.is-3d .scene-caption{top:103px;left:18px;padding:10px}.app.is-3d .scene-caption p{max-width:200px}.app.is-3d .interaction-prompt{bottom:calc(158px + env(safe-area-inset-bottom))}.app.is-3d .tea-moment{bottom:calc(153px + env(safe-area-inset-bottom))}}@font-face{font-family:YunjianSerif;src:local("Noto Serif SC"),local("Source Han Serif SC"),local("Songti SC"),local("SimSun");font-display:swap}:root{font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,sans-serif;color:#314e42;background:#f4f0e6;font-synthesis:none;font-weight:400;--bg: #f4f0e6;--ink: #314e42;--bamboo: #789781;--wood: #b38a63;--mist: #9eafb6;--lamp: #ebc58e;--muted: #626f5e;--line: #314e4226}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.45}button{border:0;background:none;-webkit-tap-highlight-color:transparent}button,select,textarea{touch-action:manipulation}button:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid #496b53;outline-offset:5px}button{transition:background .25s,transform .25s}button:hover:not(:disabled){background-color:#78978120}button svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3,.brand-name{font-family:YunjianSerif,Songti SC,STSong,SimSun,serif;font-weight:400}::selection{background:#c2d0b4;color:#314e42}.app{position:relative;width:100%;height:100dvh;min-height:480px;overflow:hidden;background:var(--bg);isolation:isolate}.scene-loading{display:grid;place-items:center;height:100%;font-family:YunjianSerif,serif;letter-spacing:.4em;color:#789781}.grain{position:absolute;inset:0;pointer-events:none;z-index:3;opacity:.034;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%238a9175' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.welcome{position:absolute;inset:0;z-index:4;background:linear-gradient(90deg,#f4f0e6ed,#f4f0e6d9 25%,#f4f0e65c 58%,#f4f0e600 80%);animation:reveal 1.6s ease both}.welcome-top{position:absolute;left:5%;right:5%;top:max(38px,env(safe-area-inset-top));display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.22em}.mountain-mark{display:grid;place-items:center;border:1px solid #314e424d;border-radius:50%;width:33px;height:33px}.welcome-meta{margin-left:auto;font-size:12px;letter-spacing:.2em;color:#536851}.welcome-content{position:absolute;left:14.5%;top:27%}.welcome-eyebrow{font-size:12px;letter-spacing:.38em;display:flex;align-items:center;gap:16px;color:#64775e;margin-bottom:36px}.welcome-eyebrow>span{height:1px;width:35px;background:#789781}.welcome h1{font-size:clamp(68px,6.9vw,104px);letter-spacing:.14em;line-height:1.2;position:relative;display:inline-block;color:#314e42;text-shadow:0 2px 25px #f4f0e65c}.seal{position:absolute;right:-28px;top:13px;font-size:11px;letter-spacing:0;line-height:1.25;border:1px solid #a1765b;color:#9a7159;padding:4px 3px;transform:rotate(3deg)}.welcome-subtitle{font-family:YunjianSerif,serif;font-size:19px;letter-spacing:.24em;margin:24px 0 43px;color:#4c6553}.enter-btn{display:flex;align-items:center;justify-content:space-between;gap:44px;width:189px;height:57px;padding:0 26px;background:#314e42;color:#f4f0e6;border-radius:3px;font-size:16px;letter-spacing:.38em;box-shadow:0 8px 25px #314e4212}.enter-btn:hover:not(:disabled){background:#466551;transform:translateY(-2px)}.welcome-detail{font-size:12px;color:#5b705b;letter-spacing:.13em;margin-top:24px}.vertical-verse{position:absolute;right:7%;top:30%;writing-mode:vertical-rl;font-family:YunjianSerif,serif;font-size:14px;line-height:2.6;letter-spacing:.4em;color:#4b6753}.welcome-bottom{position:absolute;bottom:max(35px,env(safe-area-inset-bottom));left:5%;right:5%;display:flex;justify-content:space-between;color:#4e6651;font-size:11px;letter-spacing:.16em}.hud-header{position:absolute;z-index:4;left:0;right:0;top:0;display:flex;justify-content:space-between;align-items:center;padding:28px 40px 50px;background:linear-gradient(#f4f0e6dc,#f4f0e600);pointer-events:none}.brand,.top-tools{pointer-events:auto;display:flex;align-items:center}.brand{gap:18px}.brand-name{font-size:30px;letter-spacing:.13em}.brand-divider{width:1px;height:24px;background:#314e4230}.brand-sub{font-size:11px;letter-spacing:.22em;color:#536851}.top-tools{gap:7px;background:#f4f0e6a8;border:1px solid #f4f0e68c;border-radius:28px;padding:3px 7px;box-shadow:0 4px 18px #314e4205;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.icon-btn{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;padding:10px}.icon-btn svg{width:19px;height:19px;stroke-width:1.5}.weather-btn{width:auto;gap:8px;padding:10px 12px;font-size:11px}.tool-divider{width:1px;height:18px;background:#314e4221;margin:0 4px}.scene-caption{position:absolute;z-index:4;top:156px;left:46px;display:flex;gap:15px;pointer-events:none;animation:reveal 2s ease}.caption-line{height:72px;width:1px;background:linear-gradient(#78978190,transparent)}.scene-caption span:not(.caption-line){font-family:YunjianSerif,serif;font-size:19px;letter-spacing:.25em}.scene-caption p{font-size:11px;margin-top:13px;color:#4e6854;letter-spacing:.1em}.weather-note{position:absolute;z-index:4;top:137px;right:53px;display:flex;gap:9px;align-items:center;font-size:11px;letter-spacing:.1em;color:#4c6553}.status-dot{width:5px;height:5px;border-radius:50%;background:#6b906b}.status-dot.rain{background:#647c8c}.hud-bottom{position:absolute;z-index:4;bottom:calc(28px + env(safe-area-inset-bottom));left:40px;right:40px;display:flex;align-items:center;justify-content:center;pointer-events:none}.activity-dock{pointer-events:auto;display:flex;align-items:center;gap:12px;background:#f4f0e6e3;border:1px solid #faf7ed80;border-radius:9px;padding:9px 16px;box-shadow:0 5px 25px #314e4212;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.activity-dock>button{min-width:75px;min-height:47px;display:flex;gap:9px;align-items:center;justify-content:center;border-radius:4px;padding:9px;font-size:12px;letter-spacing:.12em}.activity-dock>button>svg{width:19px;height:19px;stroke-width:1.4}.activity-dock>span{width:1px;height:20px;background:var(--line)}.desktop-controls{position:absolute;left:0;display:flex;gap:11px;align-items:center;font-size:10px;color:#415b48;background:#f4f0e6a6;padding:8px 11px;border-radius:4px}.keys,.keycap{font-family:inherit;border:1px solid #314e4230;border-radius:3px;padding:4px;font-size:10px;letter-spacing:1px;background:#f4f0e680}.local-caption{position:absolute;right:0;font-family:YunjianSerif,serif;font-size:12px;letter-spacing:.1em;color:#405d49;background:#f4f0e6a6;padding:10px}.first-hint{position:absolute;z-index:5;bottom:130px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:14px;background:#f4f0e6eb;border:1px solid #f4f0e6bf;padding:12px 10px 12px 20px;border-radius:7px;font-size:12px;line-height:1.7;box-shadow:0 5px 25px #314e4210;white-space:nowrap;animation:reveal 1s}.first-hint small{display:block;color:#626f5e;font-size:10px}.first-hint .icon-btn{margin-left:8px}.interaction-prompt{position:absolute;z-index:5;bottom:155px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;min-height:48px;padding:9px 17px;border-radius:24px;background:#f4f0e6ef;border:1px solid #78978155;font-size:13px;box-shadow:0 5px 25px #314e4217}.first-hint:has(~.interaction-prompt){display:none}.tea-moment{position:absolute;z-index:5;bottom:140px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:16px;padding:15px 20px;background:#f4f0e6ed;border-radius:8px;font-size:13px;white-space:nowrap}.tea-moment button{display:flex;align-items:center;gap:8px;border-left:1px solid var(--line);padding:12px 0 12px 17px;margin-left:9px;font-size:12px}.toast{position:absolute;z-index:9;top:108px;left:50%;transform:translate(-50%);font-size:12px;letter-spacing:.06em;pointer-events:none;background:#f4f0e6ed;border-radius:5px;padding:12px 20px;box-shadow:0 4px 15px #314e4209;max-width:80%;text-align:center}.toast:empty{display:none}.joystick{display:none}.storage-warning{position:absolute;z-index:20;bottom:0;left:0;right:0;background:#f4e2bf;color:#634c31;text-align:center;font-size:12px;padding:8px}.modal-backdrop{position:absolute;inset:0;z-index:10;background:#314e4242;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center;padding:24px;animation:reveal .35s ease}.modal{position:relative;max-height:calc(100dvh - 48px);width:min(100%,480px);overflow:auto;background:#f4f0e6;color:#314e42;border:1px solid #e1e0cd;border-radius:6px;box-shadow:0 25px 90px #203c3833;padding:43px 40px 32px;scrollbar-width:thin;scrollbar-color:#aab69d transparent;outline:none}.modal:before{content:"";position:absolute;inset:10px;border:1px solid #7897811c;pointer-events:none}.close{position:absolute;top:12px;right:12px;z-index:1}.panel-kicker{font-size:10px;letter-spacing:.22em;color:#64775e;display:block;margin-bottom:18px}.modal h2{font-size:29px;line-height:1.5;letter-spacing:.1em;margin-bottom:12px}.panel-intro{font-size:12px;line-height:1.9;color:#5b6c58;margin-bottom:25px}.primary-btn{background:#314e42;color:#f4f0e6;min-height:45px;border-radius:3px;padding:11px 18px;font-size:12px;letter-spacing:.12em;display:inline-flex;align-items:center;justify-content:center;gap:20px}.primary-btn:hover:not(:disabled){background:#486951}.full{width:100%;margin-top:22px}.text-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;font-size:12px;padding:8px 10px}.quiet-note,.privacy-note{font-size:10px;line-height:1.9;color:#626f5e}.help-rows>div{display:flex;gap:20px;padding:18px 0;border-top:1px solid var(--line)}.help-rows>div>svg{width:23px;flex-shrink:0;stroke-width:1.3}.help-symbol{font-size:27px;width:23px;flex-shrink:0;text-align:center}.help-rows p{font-size:12px;line-height:1.9}.help-rows strong{display:block;font-size:13px;font-weight:500;margin-bottom:5px}.help-rows p span{color:#5d6f5b}.quiet-note{border-top:1px solid var(--line);padding-top:15px}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--line);gap:15px}.setting-row strong{font-size:13px;font-weight:500;display:block}.setting-row small{font-size:10px;color:#626f5e;display:block;margin-top:7px}.switch{width:44px;min-width:44px;height:26px;background:#c5cabb;border-radius:15px;padding:3px;min-height:26px;display:flex;align-items:center}.switch>span{width:20px;height:20px;background:#f4f0e6;border-radius:50%;box-shadow:0 2px 5px #314e421c;transition:transform .25s}.switch.on{background:#789781}.switch.on>span{transform:translate(18px)}.select-label{font-size:11px;margin:20px 0 10px;display:block;color:#5c6f5a}select{display:block;width:100%;height:44px;background:#e9eadd;color:#314e42;border:1px solid #78978140;border-radius:3px;padding:0 12px;font-size:12px}.text-row{width:100%;min-height:48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:12px;padding:14px 0}.danger{color:#925d4a}.clear-confirm{padding:15px;background:#ebe4d5;border-radius:3px;margin-top:12px;font-size:12px;line-height:1.9}.clear-confirm>div{display:flex;justify-content:flex-end;gap:14px;margin-top:12px}.clear-confirm button{padding:10px;min-height:44px}.notes-modal{background-color:#f3eedf;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,#a4967010 3px,transparent 4px)}.notes-modal h2{display:flex;justify-content:space-between;align-items:center}.tiny-leaf{color:#789781;padding-right:7px}textarea{display:block;width:100%;resize:vertical;min-height:142px;max-height:260px;padding:16px 15px;background:#e7e3d659;border:1px solid #a5b19a66;border-radius:3px;font-family:YunjianSerif,serif;font-size:15px;line-height:2;color:#314e42}textarea::placeholder{color:#697961}.note-actions{display:flex;align-items:center;justify-content:space-between;margin:12px 0 14px;gap:8px}.note-actions>span{font-size:10px;color:#626f5e;white-space:nowrap}.note-actions>div{display:flex;gap:4px}.saved-notes{margin-top:26px}.saved-notes h3{font-size:14px;display:flex;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--line)}.saved-notes h3 span{font-family:inherit;font-size:11px;color:#64775e}.saved-notes article{padding:18px 0 12px;border-bottom:1px solid var(--line)}.saved-notes article>p{font-family:YunjianSerif,serif;white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.9}.saved-notes article footer{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#626f5e;margin-top:8px}.saved-notes article footer>div{display:flex;align-items:center;gap:10px}.saved-notes article footer button{font-size:11px;min-height:44px}.meditation-modal{text-align:center;width:min(100%,490px);padding-top:48px}.meditation-modal .panel-kicker{margin-bottom:24px}.meditation-modal h2{font-size:24px;letter-spacing:.06em}.breathing-circle{margin:50px auto;position:relative;width:140px;height:140px;background:#78978125;border-radius:50%;display:grid;place-items:center;color:#49664f}.breathing-circle>span{font-family:YunjianSerif,serif;font-size:22px;letter-spacing:.2em;z-index:1}.breathing-circle i{position:absolute;inset:-15px;border:1px solid #78978140;border-radius:50%}.breathing-circle i:last-child{inset:-30px;border-color:#78978120}.breathing-circle.breathing{animation:breathe 10s ease-in-out infinite}.breathing-circle.breathing>span{animation:counter-breathe 10s ease-in-out infinite}.duration-options{display:flex;gap:9px;justify-content:center;margin-top:10px}.duration-options button{min-height:44px;min-width:88px;border:1px solid var(--line);border-radius:3px;font-size:12px}.duration-options button.selected{background:#78978125;border-color:#789781}.meditation-time{font-size:15px;font-variant-numeric:tabular-nums;letter-spacing:.2em;margin-bottom:15px}.meditation-time>span{display:block;font-size:10px;letter-spacing:.1em;margin-top:14px;color:#626f5e}.night .hud-header{background:linear-gradient(#d7dfd8d1,#d7dfd800)}.night .scene-caption,.night .weather-note{background:#f4f0e6ad;padding:10px;border-radius:3px}.night .scene-caption{top:146px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes reveal{0%{opacity:0}to{opacity:1}}@keyframes enter-garden{0%{filter:blur(6px);opacity:.65}to{filter:blur(0);opacity:1}}@keyframes breathe{0%,to{transform:scale(.85)}40%{transform:scale(1.16)}}@keyframes counter-breathe{0%,to{transform:scale(1.176)}40%{transform:scale(.862)}}@media(max-width:1000px){.desktop-controls,.local-caption{display:none}.welcome-content{left:10%}.brand-sub,.brand-divider{display:none}}@media(max-width:699px){.welcome{background:linear-gradient(180deg,#f4f0e6ce,#f4f0e67d 34%,#f4f0e629 59%,#f4f0e64d 80%,#f4f0e6e6)}.welcome-top{top:calc(24px + env(safe-area-inset-top));left:25px;right:25px;font-size:9px}.welcome-meta{font-size:10px}.welcome-content{top:20%;left:0;right:0;text-align:center}.welcome-eyebrow{justify-content:center;font-size:10px;margin-bottom:23px;gap:12px}.welcome-eyebrow>span{width:22px}.welcome h1{font-size:73px}.seal{font-size:9px;top:9px;right:-23px}.welcome-subtitle{font-size:14px;margin:17px 0 30px;letter-spacing:.16em}.enter-btn{margin:auto;width:157px;height:50px;font-size:14px}.welcome-detail{font-size:10px;margin-top:18px}.vertical-verse{top:56%;right:20px;font-size:11px;letter-spacing:.28em;line-height:2.3;color:#314e42;background:#f4f0e654;padding:10px 5px}.welcome-bottom{bottom:calc(26px + env(safe-area-inset-bottom));left:25px;right:25px;flex-direction:column;align-items:center;gap:11px;font-size:10px}.welcome-bottom>span:last-child{font-size:9px;color:#67735d}.hud-header{padding:calc(18px + env(safe-area-inset-top)) 18px 35px;gap:8px}.brand-name{font-size:24px;white-space:nowrap;letter-spacing:.08em}.top-tools{gap:0;padding:1px 3px}.icon-btn{width:44px;height:44px;padding:9px}.icon-btn svg{width:17px;height:17px}.weather-btn{width:44px;gap:0;padding:8px}.weather-btn>span{display:none}.tool-divider{margin:0 1px}.scene-caption{left:23px;top:calc(109px + env(safe-area-inset-top));gap:10px}.scene-caption span:not(.caption-line){font-size:16px;letter-spacing:.18em}.scene-caption p{font-size:10px;margin-top:10px}.caption-line{height:58px}.weather-note{top:calc(112px + env(safe-area-inset-top));right:22px;font-size:9px;gap:5px}.hud-bottom{left:17px;right:17px;bottom:calc(18px + env(safe-area-inset-bottom))}.activity-dock{width:100%;justify-content:space-around;padding:7px 6px;gap:2px;border-radius:7px}.activity-dock>button{flex-direction:column;gap:6px;min-width:61px;min-height:52px;font-size:10px;padding:5px 8px}.activity-dock>button>svg{width:20px;height:20px}.activity-dock>span{height:24px}.joystick{position:absolute;left:23px;bottom:calc(111px + env(safe-area-inset-bottom));width:99px;height:99px;border-radius:50%;border:1px solid #f4f0e69c;background:#f4f0e64d;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;z-index:5;touch-action:none;-webkit-user-select:none;user-select:none}.joystick-knob{position:absolute;width:37px;height:37px;background:#f4f0e6d4;border:1px solid #7897814d;box-shadow:0 2px 8px #314e4219;border-radius:50%;pointer-events:none}.joystick-arrows{position:absolute;font-size:18px;line-height:1.4;opacity:.7;text-align:center;pointer-events:none}.interaction-prompt{left:auto;right:20px;bottom:calc(131px + env(safe-area-inset-bottom));transform:none;gap:8px;font-size:12px;padding:9px 14px;min-height:47px}.interaction-prompt .keycap{display:none}.first-hint{bottom:calc(229px + env(safe-area-inset-bottom));padding:10px 5px 10px 14px;gap:8px;font-size:11px;max-width:calc(100% - 38px)}.first-hint small{font-size:9px}.first-hint>.icon-btn{margin-left:0}.tea-moment{bottom:calc(113px + env(safe-area-inset-bottom));width:calc(100% - 38px);gap:9px;padding:12px 14px;font-size:11px}.tea-moment>svg{width:17px}.tea-moment button{margin-left:auto;font-size:11px;padding-left:12px}.toast{top:calc(188px + env(safe-area-inset-top));font-size:10px;padding:10px 13px;min-width:240px;max-width:calc(100% - 40px)}.modal-backdrop{padding:15px;padding-bottom:calc(15px + env(safe-area-inset-bottom))}.modal{padding:38px 25px 25px;max-height:calc(100dvh - 30px - env(safe-area-inset-bottom));border-radius:5px}.modal h2{font-size:26px}.modal .panel-intro{font-size:11px}.modal .close{top:9px;right:10px}.notes-modal .note-actions .primary-btn{padding:10px 12px;gap:10px;font-size:11px}.notes-modal textarea{font-size:14px}.meditation-modal h2{font-size:21px}.meditation-modal .breathing-circle{margin:49px auto}.duration-options button{min-width:78px}.night .scene-caption{top:100px}}@media(max-height:700px)and (max-width:699px){.welcome-content{top:18%}.welcome-eyebrow{margin-bottom:15px}.welcome h1{font-size:64px}.welcome-subtitle{margin-bottom:22px}.welcome-detail{margin-top:14px}.vertical-verse{top:57%}.scene-caption{top:100px}.weather-note{top:104px}.toast{top:165px}.first-hint{bottom:219px}.breathing-circle{margin:40px auto;width:115px;height:115px}.modal{padding-top:33px}.modal h2{font-size:23px}.panel-kicker{margin-bottom:12px}.setting-row{padding:15px 0}.meditation-modal .breathing-circle{margin:42px auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important;scroll-behavior:auto!important}}.reduced-motion *,.reduced-motion *:before,.reduced-motion *:after{animation:none!important;transition:none!important}.interaction-prompt{border-radius:5px;background-color:#f4f0e6f5;background-image:repeating-linear-gradient(0deg,transparent 0 3px,#78978108 3px 4px);border:1px solid #78978170;box-shadow:0 5px 23px #314e421c,inset 0 0 0 4px #f4f0e68f;padding:12px 18px;gap:14px;animation:paper-arrives .3s ease both}.interaction-icon{color:#5e8066;display:flex}.interaction-icon svg{width:24px;height:24px;stroke-width:1.4}.interaction-copy{display:grid;text-align:left;gap:5px}.interaction-copy small{font-size:11px;letter-spacing:.12em;color:#53664f}.interaction-copy strong{font-family:YunjianSerif,serif;font-weight:400;font-size:17px;letter-spacing:.1em}.interaction-prompt .keycap{margin-left:10px;font-size:11px;padding:5px 7px}.activity-dock{border-color:#7897813d;gap:14px;padding:9px 18px}.activity-dock>button{min-width:84px;font-size:13px;gap:11px;min-height:49px}.activity-dock>button[data-near=true]{background:#78978124;color:#274c3b}.activity-dock>button:active{transform:translateY(1px)}.desktop-controls,.keys,.keycap,.local-caption{font-size:11px}.panel-kicker{font-size:11px;color:#53664f}.quiet-note,.privacy-note,.setting-row small,.select-label{font-size:12px;color:#53664f}.scene-modal-backdrop{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;display:flex;align-items:flex-end;justify-content:flex-end;padding:0 38px 115px}.scene-modal-backdrop .meditation-modal{width:370px;padding:30px 27px 25px;background:#f4f0e6f5;box-shadow:0 10px 40px #314e4221}.scene-modal-backdrop .panel-kicker{margin:0 0 12px}.scene-modal-backdrop h2{font-size:21px;letter-spacing:.02em;margin-bottom:8px}.scene-modal-backdrop .panel-intro{font-size:12px;margin-bottom:12px}.scene-modal-backdrop .breathing-circle{width:102px;height:102px;margin:35px auto}.scene-modal-backdrop .duration-options{gap:8px}.scene-modal-backdrop .duration-options button{min-width:87px}.scene-modal-backdrop .primary-btn.full{margin-top:16px}.scene-modal-backdrop .meditation-time{margin:0 0 6px;font-size:14px}.scene-modal-backdrop .meditation-time span{font-size:11px}@keyframes paper-arrives{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}@media(max-width:699px){.activity-dock{gap:2px;padding:7px 6px}.activity-dock>button{min-width:64px;min-height:57px;font-size:12px;gap:6px;padding:5px 6px}.activity-dock>button>svg{width:21px;height:21px}.interaction-prompt{padding:11px 12px;gap:9px;bottom:calc(131px + env(safe-area-inset-bottom))}.interaction-copy small{font-size:10px}.interaction-copy strong{font-size:15px}.interaction-icon svg{width:21px;height:21px}.scene-caption p,.weather-note,.first-hint small{font-size:11px}.scene-caption{top:calc(105px + env(safe-area-inset-top))}.first-hint{font-size:12px;white-space:normal;width:max-content}.first-hint small{max-width:220px}.toast,.tea-moment{font-size:12px}.scene-modal-backdrop{padding:0 16px calc(16px + env(safe-area-inset-bottom))}.scene-modal-backdrop .meditation-modal{width:100%;display:grid;grid-template-columns:86px minmax(0,1fr);column-gap:14px;row-gap:7px;padding:21px 19px 18px;text-align:left}.scene-modal-backdrop .panel-kicker{grid-column:2;margin:0;font-size:10px}.scene-modal-backdrop h2{grid-column:2;font-size:18px;margin:0;line-height:1.55;padding-right:8px}.scene-modal-backdrop .panel-intro{grid-column:2;margin:0;font-size:11px;line-height:1.7}.scene-modal-backdrop .breathing-circle{grid-column:1;grid-row:1 / 4;width:68px;height:68px;margin:auto}.scene-modal-backdrop .breathing-circle i{inset:-7px}.scene-modal-backdrop .breathing-circle i:last-child{inset:-14px}.scene-modal-backdrop .breathing-circle>span{font-size:17px;letter-spacing:.1em}.scene-modal-backdrop .duration-options{grid-column:1 / -1;margin:5px 0 0}.scene-modal-backdrop .duration-options button{flex:1;min-width:72px}.scene-modal-backdrop .primary-btn.full{grid-column:1 / -1;margin:5px 0 0}.scene-modal-backdrop .meditation-time{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;gap:12px;margin:5px 0 0}.scene-modal-backdrop .meditation-time>span{display:inline;margin:0}.scene-modal-backdrop .text-btn{grid-column:1 / -1;margin:0}.scene-modal-backdrop .close{top:4px;right:3px;width:44px;height:44px}}