:root{color:#f8ead8;--fox:#f47b4b;--red:#a92f20;--teal:#176b68;--gold:#dfb66b;--line:#f2d4c238;--panel:#1c1917e8;background:#171514;font-family:Noto Serif CJK SC,Source Han Serif SC,Songti SC,serif}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}button,input{font:inherit}.shell{background:radial-gradient(circle at 15% 8%,#f47b4b24,#0000 30%),linear-gradient(135deg,#211d1a,#11100f 65%);min-height:100dvh;position:relative;overflow:hidden}.shell:after{content:"";pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.game-surface{position:absolute;inset:0}.title{z-index:8;border-left:2px solid var(--fox);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-shadow:0 2px 18px #000;background:linear-gradient(#171514f0,#171514c4);border-radius:0 14px 14px 0;padding:10px 18px 12px 15px;position:absolute;top:22px;left:28px}.title small,.panel small{color:var(--gold);letter-spacing:.22em}.title h1{letter-spacing:.16em;margin:3px 0;font-size:clamp(28px,3vw,48px);font-weight:500}.title p{color:#e9dccb;margin:0;font-size:13px}.mural-stage{place-items:center;display:grid;position:absolute;inset:0}.mural-transform{width:100%!important;height:100%!important}.mural-transform-content{place-items:center;width:100%;height:100%;display:grid}.mural-canvas{width:min(100%,1800px);line-height:0;position:relative;box-shadow:0 34px 90px #000}.mural-canvas img{filter:saturate(.86)contrast(1.04)brightness(.86);width:100%;display:block}.hotspot-layer{position:absolute;inset:0}.hotspot{cursor:pointer;background:0 0;border:0;place-items:center;min-width:44px;min-height:44px;display:grid;position:absolute}.hotspot span{color:#fff3df;background:#a92f20e8;border:1px solid #ffe6bacc;border-radius:50%;place-items:center;width:31px;height:31px;font:700 10px ui-monospace,monospace;transition:all .2s;display:grid;box-shadow:0 0 0 7px #f47b4b29,0 0 24px #ffb359b8}.hotspot:hover span,.hotspot:focus-visible span{transform:scale(1.15);box-shadow:0 0 0 10px #f47b4b33,0 0 35px #ffb359}.mural-controls{z-index:9;gap:6px;display:flex;position:absolute;bottom:105px;left:28px}.mural-controls button,.snap-controls button{border:1px solid var(--line);color:#f8ead8;cursor:pointer;background:#181513f2;border-radius:50%;width:38px;height:38px}.panel{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 22px 58px #0006}.desktop{z-index:10;position:absolute}.evidence{width:min(430px,31vw);max-height:min(54dvh,570px);bottom:22px;left:28px}.progress{width:min(360px,27vw);bottom:22px;right:28px}.companion-panel{border-radius:0 0 9px 9px;padding:15px}.companion-panel header{align-items:center;gap:12px;display:flex}.companion-panel img{object-fit:cover;border:1px solid #ffffff47;border-radius:16px;width:52px;height:52px}.companion-panel h2{margin:3px 0;font-size:20px;font-weight:500}.companion-panel p{color:#eadbcd;font-size:13px;line-height:1.65}.companion-panel label{color:#bca89b;margin-bottom:6px;font-size:11px;display:block}.companion-panel form div{border:1px solid var(--line);border-radius:10px;display:flex;overflow:hidden}.companion-panel input{color:#fff4e8;background:#0004;border:0;outline:0;flex:1;min-width:0;padding:10px}.companion-panel form button{color:#fff;background:var(--red);border:0;width:42px}.evidence-panel,.progress-panel{border-radius:8px 20px 8px 8px;min-height:68px;padding:13px 17px}.evidence-panel header{justify-content:space-between;display:flex}.evidence-panel strong{color:var(--fox);font:600 12px ui-monospace}.evidence-panel p{color:#bba99c;margin:7px 0 0;font-size:12px}.progress-panel ol{justify-content:space-between;margin:10px 0 0;padding:0;list-style:none;display:flex}.progress-panel li{text-align:center;color:#9c8f86;gap:3px;font-size:12px;display:grid}.progress-panel li span{border:1px solid #5b524d;border-radius:50%;place-items:center;width:23px;height:23px;margin:auto;display:grid}.progress-panel li[data-active=true] span{border-color:var(--fox);background:#f47b4b29}.mobile-sheet{display:none}@media (width<=899px){.title{top:14px;left:16px}.title h1{font-size:25px}.title p{font-size:11px}.mural-stage{bottom:34dvh}.mural-canvas{width:145%;max-width:none}.mural-controls{bottom:12px;left:14px}.desktop{display:none}.mobile-sheet{z-index:20;height:48dvh;padding:34px 13px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#181513fa;border-radius:25px 25px 0 0;transition:height .3s cubic-bezier(.2,.8,.2,1);display:block;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -24px 70px #0009}.mobile-sheet[data-snap=collapsed]{height:106px}.mobile-sheet[data-snap=full]{height:min(88dvh,760px)}.mobile-sheet[data-dragging=true]{-webkit-user-select:none;user-select:none;transition:none}.handle{cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;place-items:start center;height:44px;padding-top:10px;display:grid;position:absolute;top:0;left:0;right:0}.handle:after{content:"";background:#70645d;border-radius:4px;width:42px;height:4px;transition:width .18s,background .18s;box-shadow:0 1px #fff1}.handle:hover:after,.handle:focus-visible:after,.mobile-sheet[data-dragging=true] .handle:after{background:var(--gold);width:54px}.handle:focus-visible{outline:2px solid var(--focus);outline-offset:-6px}.mobile-sheet[data-dragging=true] .handle{cursor:grabbing}.mobile-sheet nav{background:#100f0e;border-radius:12px;gap:5px;width:max-content;padding:3px;display:flex}.mobile-sheet nav button{color:#9e8e83;background:0 0;border:0;border-radius:9px;padding:7px 16px}.mobile-sheet nav button[data-active=true]{color:#fff6ea;background:var(--teal)}.sheet-content{height:calc(100% - 49px);padding-top:8px;overflow:auto}.mobile-sheet .panel{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:6px 4px}.mobile-sheet form{background:#181513;padding-top:8px;position:sticky;bottom:0}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}}.dialogue{max-height:210px;overflow:auto}.dialogue-entry{position:relative}.dialogue-entry p{margin:0}.dialogue-entry[data-role=player]{background:#176b6855;border-radius:12px 12px 3px;margin:8px 0 8px 30px;padding:9px 11px}.dialogue-entry[data-role=companion]{padding:8px 0}.dialogue-entry[data-status=incomplete],.dialogue-entry[data-status=failed]{opacity:.78;border-left:2px solid var(--fox);padding-left:9px}.dialogue-entry small{color:#d79d78;font-size:10px;display:block}.dialogue-entry button{color:#ffdcca;cursor:pointer;background:#f47b4b18;border:1px solid #f47b4b88;border-radius:20px;margin-top:6px;padding:4px 10px}.trace-inspector{z-index:40;color:#d9f3eb;background:#071716e8;border:1px solid #49a29d;max-width:330px;padding:10px;font:11px/1.4 ui-monospace,monospace;position:fixed;top:120px;left:12px}.trace-inspector>*{margin:3px 0;display:block}.trace-inspector pre{white-space:pre-wrap}.restart{z-index:12;border:1px solid var(--line);color:#d9c4b4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#171412e8;border-radius:18px;padding:7px 13px;position:absolute;top:24px;left:205px}.restart:hover{color:#fff0df;border-color:#f47b4b88}.startup,.login-gate{color:#f8ead8;background:#171412;place-items:center;min-height:100dvh;display:grid}.startup{align-content:center;gap:15px}.startup p{color:#d7c1ae}.startup button{border:1px solid var(--fox);color:#fff;background:#a92f20;border-radius:20px;padding:8px 18px}.startup-orbit{border:1px solid #dfb66b66;border-top-color:var(--fox);border-radius:50%;width:42px;height:42px;animation:1.2s linear infinite orbit}@keyframes orbit{to{transform:rotate(360deg)}}.session-actions{z-index:12;flex-direction:column;align-items:flex-start;gap:7px;display:flex;position:absolute;top:268px;left:28px}.session-actions button{border:1px solid var(--line);color:#d9c4b4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#171412e8;border-radius:18px;padding:7px 13px}.session-actions button:hover{color:#fff0df;border-color:#f47b4b88}.session-actions .restart{position:static}.opening-task{z-index:90;color:#f7e8d8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#1b1512eb;border:1px solid #efbd7c70;border-radius:8px 24px;justify-content:space-between;align-items:center;gap:18px;width:min(620px,100vw - 32px);padding:13px 15px 13px 19px;display:flex;position:fixed;bottom:clamp(115px,16vh,170px);left:50%;transform:translate(-50%);box-shadow:0 18px 55px #0009}.opening-task strong{color:var(--gold);letter-spacing:.18em;font-size:11px}.opening-task p{margin:4px 0 0;font-size:13px;line-height:1.55}.opening-task button,.story-box footer .story-skip{color:#bca99b;box-shadow:none;background:#ffffff08;border-color:#ffffff1f}.guided-opening .story-box footer span{margin-left:auto}.login-gate{background:radial-gradient(circle at 50% 25%,#81412e55,#0000 32%),linear-gradient(155deg,#251d19,#100f0e 70%);position:relative;overflow:hidden}.login-gate:before{content:"";opacity:.11;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.login-landscape{opacity:.38;height:42%;position:absolute;inset:auto 0 0}.login-landscape i{background:#203d38;border-radius:52% 48% 0 0;width:58%;height:115%;position:absolute;bottom:-18%;transform:rotate(8deg)}.login-landscape i:nth-child(2){background:#49251e;right:-12%;transform:rotate(-10deg)}.login-landscape i:nth-child(3){background:#101b19;width:50%;bottom:-55%;left:28%;transform:none}.login-card{text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#2b211de8,#171311f5);border:1px solid #f2d4c233;border-radius:160px 160px 24px 24px;width:min(430px,100vw - 32px);padding:34px 42px 38px;animation:.7s cubic-bezier(.2,.8,.2,1) gate-arrive;position:relative;box-shadow:0 40px 110px #000b,inset 0 1px #fff1}@keyframes gate-arrive{0%{opacity:0;transform:translateY(24px)scale(.98)}}.login-card>img{object-fit:cover;border:1px solid #ffd6b966;border-radius:42% 42% 48% 48%;width:112px;height:112px;box-shadow:0 0 0 9px #f47b4b12,0 18px 36px #0008}.login-seal{color:var(--gold);letter-spacing:.2em;writing-mode:vertical-rl;font-size:10px;position:absolute;top:24px;right:25px}.login-kicker{color:#e0b083;letter-spacing:.12em;margin:19px 0 4px;font-size:12px}.login-card h1{letter-spacing:.2em;text-indent:.2em;margin:0;font-size:42px;font-weight:500}.login-question{color:#ccb8a8;margin:6px 0 24px;font-size:14px}.login-rule{color:#c18a69;letter-spacing:.18em;align-items:center;gap:10px;font-size:10px;display:flex}.login-rule:before,.login-rule:after{content:"";background:linear-gradient(90deg,#0000,#a65b40);flex:1;height:1px}.login-rule:after{transform:scaleX(-1)}.login-note{color:#b9a597;max-width:280px;margin:15px auto 20px;font-size:12px;line-height:1.8}.login-card form{text-align:left}.login-card label{color:#d6c0af;margin-bottom:7px;font-size:12px;display:block}.login-input{background:#08070666;border:1px solid #f2d4c244;border-radius:12px;transition:all .2s;display:flex;overflow:hidden}.login-input:focus-within{border-color:#f47b4baa;box-shadow:0 0 0 3px #f47b4b18}.login-input input{color:#fff2e5;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:13px 14px}.login-input button{color:#fff4e6;cursor:pointer;background:linear-gradient(135deg,#bd3d28,#87301f);border:0;padding:0 17px}.login-input button:disabled{opacity:.45}.login-error{color:#ffb093;margin:10px 0 0;font-size:12px}@media (width<=899px){.restart{padding:6px 10px;font-size:11px;top:15px;left:auto;right:15px}.session-actions{flex-direction:row;align-items:center;top:15px;left:auto;right:15px}.session-actions button{padding:6px 9px;font-size:10px}.opening-task{align-items:flex-end;padding:11px 12px;bottom:calc(48dvh + 14px)}.opening-task p{font-size:11px}.opening-task button{flex:none;padding:5px 8px}.login-card{padding:30px 26px 32px}.login-card h1{font-size:34px}.login-card>img{width:96px;height:96px}.login-seal{right:17px}}.floating-companion{z-index:30;touch-action:none;border-radius:16px 16px 9px 9px;width:min(330px,100vw - 32px);position:fixed;overflow:hidden;box-shadow:0 24px 64px #0009}.floating-companion-bar{color:#c9b3a2;border:1px solid var(--line);cursor:grab;-webkit-user-select:none;user-select:none;letter-spacing:.12em;background:#120f0de8;border-bottom:0;border-radius:16px 16px 0 0;justify-content:space-between;align-items:center;height:31px;padding:0 7px 0 12px;font-size:10px;display:flex}.floating-companion-bar:active{cursor:grabbing}.floating-companion-bar button{color:#eed8c7;cursor:pointer;background:#ffffff0d;border:0;border-radius:12px;padding:4px 9px;font-size:10px}.floating-companion .companion-panel{max-height:min(58dvh,440px)}.floating-companion .dialogue{max-height:min(24dvh,190px)}.companion-launcher{z-index:30;color:#fff0e2;cursor:pointer;background:#201713e8;border:1px solid #ffcda877;border-radius:27px 27px 10px;place-items:center;width:74px;height:74px;display:grid;position:fixed;box-shadow:0 15px 40px #0009,0 0 0 6px #f47b4b12}.companion-launcher img{object-fit:cover;border-radius:17px;width:49px;height:49px}.companion-launcher span{font-size:10px;line-height:1}.story-dialogue{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);isolation:isolate;background:radial-gradient(circle at 25% 40%,#e77c4730,#0000 35%),linear-gradient(#080706a6,#080706d9 72%,#080706f5);animation:.35s ease-out story-in;position:fixed;inset:0;overflow:hidden}.story-stage-glow{filter:blur(10px);background:radial-gradient(circle,#d7aa5552,#0000 64%);border-radius:50%;width:75vw;height:100vh;position:absolute;bottom:-30vh;left:-10vw}.story-portrait{z-index:0;object-fit:contain;object-position:left bottom;filter:drop-shadow(0 26px 30px #0008);max-width:58vw;height:min(77dvh,760px);animation:.55s cubic-bezier(.18,.8,.22,1) portrait-arrive;position:absolute;bottom:clamp(116px,13vh,150px);left:clamp(-70px,2vw,38px)}.story-box{background:linear-gradient(110deg,#241713f5,#161211f2);border:1px solid #f0cf9d66;border-radius:8px 34px;min-height:150px;padding:31px 34px 20px 160px;position:absolute;bottom:clamp(24px,5vh,58px);left:clamp(24px,9vw,150px);right:clamp(24px,9vw,150px);box-shadow:0 24px 70px #000b,inset 0 1px #fff1}.story-box:before{content:"";pointer-events:none;border:1px solid #d69d6333;border-radius:5px 27px;position:absolute;inset:8px}.story-speaker{color:#fff3df;letter-spacing:.14em;background:linear-gradient(135deg,#c94d2e,#87301f);border-radius:4px 18px;min-width:118px;padding:9px 18px;font-size:15px;position:absolute;top:-18px;left:28px;box-shadow:0 10px 24px #0008}.story-box p{color:#f5e6d5;letter-spacing:.04em;margin:0;font-size:clamp(15px,1.35vw,20px);line-height:1.9;position:relative}.story-box footer{color:#b3a08f;justify-content:flex-end;align-items:center;gap:18px;margin-top:15px;font:11px ui-monospace,monospace;display:flex;position:relative}.story-box footer button{color:#fff4e5;cursor:pointer;background:#a93624;border:1px solid #efb97555;border-radius:18px 18px 5px;min-width:104px;padding:8px 17px;box-shadow:0 8px 20px #0005}.story-box footer button:hover{background:#c74c2e}@keyframes story-in{0%{opacity:0}}@keyframes portrait-arrive{0%{opacity:0;transform:translate(-45px)scale(.96)}}@media (width<=899px){.story-dialogue{background:linear-gradient(#0807068c,#080706d9 60%,#080706fa)}.story-portrait{object-position:center bottom;opacity:.86;max-width:96vw;height:min(61dvh,560px);bottom:36dvh;left:50%;transform:translate(-50%)}.story-box{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));border-radius:8px 25px;min-height:190px;padding:34px 22px 18px}.story-box p{font-size:15px;line-height:1.75}.story-speaker{left:20px}.story-box footer{margin-top:12px}@keyframes portrait-arrive{0%{opacity:0;transform:translate(-50%)translateY(24px)scale(.96)}}}.floating-companion{transform-origin:85% 8%;animation:.22s cubic-bezier(.2,.8,.2,1) companion-expand}.companion-launcher{touch-action:none;cursor:grab;transform-origin:50%;animation:.2s cubic-bezier(.2,.8,.2,1) companion-collapse}.companion-launcher:active{cursor:grabbing}@keyframes companion-expand{0%{opacity:0;transform:translateY(-8px)scale(.9)}}@keyframes companion-collapse{0%{opacity:0;transform:scale(.72)}}@media (prefers-reduced-motion:reduce){.floating-companion,.companion-launcher{animation:none}}.evidence-panel{scrollbar-color:#9d5a3d #120f0d;max-height:min(54dvh,570px);overflow:auto}.evidence-panel>header{z-index:2;background:linear-gradient(#1c1917 72%,#0000);margin:-13px -17px 10px;padding:13px 17px 10px;position:sticky;top:-13px}.evidence-stack{gap:8px;display:grid}.evidence-card{background:linear-gradient(145deg,#251d19f2,#171412f5);border:1px solid #e1b9802e;border-radius:6px 17px 6px 6px;overflow:hidden;box-shadow:inset 3px 0 #a83b274f}.evidence-card summary{cursor:pointer;color:#ead9ca;justify-content:space-between;align-items:center;gap:10px;min-height:48px;padding:10px 11px;font-size:12px;line-height:1.45;list-style:none;display:flex}.evidence-card summary::-webkit-details-marker{display:none}.evidence-card summary:before{content:"＋";color:var(--gold);flex:none;font:15px ui-monospace}.evidence-card[open] summary:before{content:"−"}.evidence-card summary span{flex:1;gap:2px;display:grid}.evidence-card summary small{color:#c27955;letter-spacing:.14em;font:10px ui-monospace}.evidence-card summary em{color:#8ed0c7;background:#176b682e;border:1px solid #58a59d55;border-radius:20px;flex:none;padding:3px 7px;font-size:10px;font-style:normal}.evidence-card-body{border-top:1px solid #e1b9801f;gap:13px;padding:0 11px 13px;display:grid}.evidence-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:11px -2px 0;display:grid}.evidence-gallery[data-count="1"]{grid-template-columns:1fr}.evidence-gallery figure{background:#0c0a09;border-radius:4px 10px 4px 4px;min-width:0;margin:0;position:relative;overflow:hidden}.evidence-gallery img{aspect-ratio:16/9;object-fit:cover;filter:saturate(.82)contrast(1.04);width:100%;transition:filter .2s,transform .25s;display:block}.evidence-gallery figure:hover img{filter:saturate()contrast(1.02);transform:scale(1.025)}.evidence-gallery figcaption{color:#bda99a;padding:5px 7px;font-size:10px;line-height:1.45}.evidence-claims{gap:8px;margin:0;display:grid}.evidence-claims>div{background:#ffffff05;border-left:2px solid #7f6c5d;padding:8px 9px 8px 12px}.evidence-claims>div[data-kind=visible]{border-color:#d6aa62}.evidence-claims>div[data-kind=record]{border-color:#4e9a91}.evidence-claims>div[data-kind=inference]{border-color:#d16a43}.evidence-claims>div[data-kind=limit]{border-color:#8e4a42}.evidence-claims dt{color:#dfb66b;letter-spacing:.12em;margin:0 0 3px;font-size:10px}.evidence-claims dd{color:#d4c3b5;margin:0;font-size:11px;line-height:1.65}.evidence-sources{border-top:1px solid #ead3bf1a;padding-top:2px}.evidence-sources h3{color:#a99383;letter-spacing:.16em;margin:8px 0 5px;font-size:10px;font-weight:500}.evidence-sources ol{gap:4px;margin:0;padding:0;list-style:none;display:grid}.evidence-sources li{color:#b8a798;overflow-wrap:anywhere;justify-content:space-between;align-items:flex-start;gap:9px;font-size:10px;line-height:1.55;display:flex}.evidence-sources b{color:#d6a66e;border:1px solid #d2a66e4d;border-radius:10px;flex:none;padding:1px 5px;font:9px ui-monospace}@media (width<=899px){.mobile-sheet .evidence-panel{max-height:none;overflow:visible}.mobile-sheet .evidence-panel>header{background:#181513f2;margin:-6px -4px 8px;padding:7px 4px 10px;top:-6px}.mobile-sheet .evidence-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}.companion-panel form .conclusion-submit{color:#dfb66b;letter-spacing:.08em;cursor:pointer;background:#dfb66b0d;border:1px solid #dfb66b55;border-radius:14px;width:auto;height:auto;margin:7px 0 0 auto;padding:5px 11px;font-size:10px;display:block}.companion-panel form .conclusion-submit:disabled{opacity:.35;cursor:not-allowed}.hotspot span{opacity:1;background:#ffd68e;border-color:#fff0cb;width:18px;height:18px;font-size:0;transition:opacity .2s,transform .2s,box-shadow .2s;transform:scale(1)}.hotspot[data-status=discovered],.hotspot[data-status=viewed]{z-index:1}.hotspot[data-status=available][data-proximity=hidden] span{opacity:0;transform:scale(.35)}.hotspot:hover span,.hotspot:focus-visible span,.hotspot[data-proximity=inside] span{opacity:1;transform:scale(1.2)}.hotspot[data-status=viewed] span{background:#70b9ae;width:13px;height:13px;box-shadow:0 0 0 5px #176b6838}.next-observation{z-index:9;border:1px solid var(--line);color:#ead8c4;cursor:pointer;background:#181513f2;border-radius:999px;padding:8px 13px;position:absolute;top:120px;left:28px}.next-observation:disabled{opacity:.58;cursor:not-allowed}.current-task{z-index:9;border:1px solid var(--line);color:#f8ead8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#181513e8;border-radius:14px;align-items:center;gap:18px;width:min(620px,44vw);padding:11px 14px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 15px 45px #0007}.current-task div{flex:1;min-width:0}.current-task small{color:var(--gold);letter-spacing:.18em;font-size:10px;display:block}.current-task strong{white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:13px;font-weight:500;display:block;overflow:hidden}.current-task p{color:#c6b3a5;margin:4px 0 0;font-size:11px}.current-task button{color:#dfb66b;cursor:pointer;background:#dfb66b0d;border:1px solid #dfb66b55;border-radius:999px;flex:none;padding:7px 10px}@media (width<=899px){.mural-controls{top:128px;bottom:auto}.next-observation{top:176px;bottom:auto}.current-task{pointer-events:none;width:auto;bottom:calc(48dvh + 12px);left:12px;right:12px;transform:none}.current-task strong{white-space:normal}.current-task button{pointer-events:auto;font-size:10px}.shell:has(.mobile-sheet[data-snap=collapsed]) .current-task{bottom:118px}}.companion-flight{z-index:40;pointer-events:none;position:fixed;inset:0}.companion-flight>img{left:var(--flight-x);top:var(--flight-y);object-fit:contain;filter:drop-shadow(0 15px 22px #0008);width:130px;max-height:180px;animation:.8s cubic-bezier(.2,.75,.2,1) both xiaoli-flight;position:absolute;transform:translate(-50%,-50%)}.companion-flight>div{left:clamp(16px,calc(var(--flight-x) + 55px),calc(100vw - 260px));top:clamp(80px,calc(var(--flight-y) + 45px),calc(100vh - 150px));border:1px solid var(--line);color:#f8ead8;pointer-events:auto;background:#181513ee;border-radius:8px 18px;width:240px;padding:12px 14px;animation:.35s .65s both flight-prompt;position:absolute;box-shadow:0 15px 45px #0008}.companion-flight p{color:#ccb9aa;margin:5px 0 9px;font-size:11px;line-height:1.55}.companion-flight button{color:#ffe0a5;cursor:pointer;background:#a92f204f;border:1px solid #dfb66b66;border-radius:999px;padding:6px 10px}.companion-pet{z-index:25;border:1px solid var(--line);color:#ead8c4;background:#181513e8;border-radius:22px 8px 22px 22px;align-items:center;gap:9px;width:270px;padding:8px 28px 8px 8px;display:flex;position:fixed;bottom:20px;right:20px}.companion-pet img{object-fit:cover;border-radius:50%;width:48px;height:48px}.companion-pet p{margin:0;font-size:11px;line-height:1.5}.companion-pet button{color:#bda99a;cursor:pointer;background:0 0;border:0;position:absolute;top:5px;right:7px}@keyframes xiaoli-flight{0%{opacity:0;transform:translate(calc(100vw - var(--flight-x) - 100px),calc(30px - var(--flight-y))) scale(.35)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes flight-prompt{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.companion-flight>img,.companion-flight>div{animation:.2s both flight-prompt}}.trace-inspector{pointer-events:none}.anchored-hotspot-card{z-index:24;background:linear-gradient(145deg,#261c18f5,#151312f7);border-radius:8px 24px 8px 18px;width:min(410px,100vw - 32px);max-height:calc(100dvh - 110px);padding:15px;animation:.22s ease-out hotspot-card-in;position:fixed;overflow:auto;box-shadow:0 24px 70px #000b,inset 3px 0 #d8764f66}.anchored-hotspot-card>header{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1b1614f5;justify-content:space-between;align-items:flex-start;margin:-15px -15px 10px;padding:14px 15px 10px;display:flex;position:sticky;top:-15px}.anchored-hotspot-card h2{margin:2px 0 0;font-size:20px;font-weight:500}.anchored-hotspot-card>header button{color:#c9b6a7;cursor:pointer;background:0 0;border:0;font-size:24px}.hotspot-first-layer{gap:9px;display:grid}.visual-observation{color:#f2dfcf;margin:0;font-size:13px;line-height:1.65}.hotspot-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.hotspot-gallery figure{background:#0c0a09;border-radius:5px 13px 5px 5px;margin:0;overflow:hidden}.hotspot-gallery img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.hotspot-gallery figcaption{color:#bdaaa0;padding:5px 7px;font-size:10px;line-height:1.4}.observation-prompt{border-left:2px solid var(--gold);color:#cbb9aa;background:#ffffff08;margin:0;padding:8px 10px;font-size:11px;line-height:1.55}.observation-prompt b{color:var(--gold);font-weight:500}.hotspot-dialogue{border-top:1px solid #ecd4bd1c;border-bottom:1px solid #ecd4bd1c;max-height:185px;margin:10px 0;padding:5px 0;overflow:auto}.hotspot-dialogue-empty{color:#bdaba0;font-size:11px}.anchored-hotspot-card form label{color:#baa597;margin-bottom:5px;font-size:10px;display:block}.anchored-hotspot-card form>div{border:1px solid var(--line);border-radius:10px;display:flex;overflow:hidden}.anchored-hotspot-card input{color:#fff3e7;background:#08070666;border:0;outline:0;flex:1;min-width:0;padding:10px}.anchored-hotspot-card form button{color:#fff;background:var(--red);border:0;width:42px}.reference-questions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.reference-questions button{color:#e2bd8e;cursor:pointer;background:#d6a76f0a;border:1px solid #d6a76f42;border-radius:999px;padding:6px 9px;font-size:10px}.hotspot-sources{color:#ad9b8e;border-top:1px solid #ecd4bd1c;margin-top:9px;padding-top:7px;font-size:10px;line-height:1.55}.hotspot-sources summary{cursor:pointer;color:#c9ad91}.hotspot-sources section{padding:2px 4px}.hotspot-sources ol{padding-left:18px}@keyframes hotspot-card-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}@media (width<=899px){.anchored-hotspot-card{z-index:23;right:10px;bottom:calc(106px + env(safe-area-inset-bottom));border-radius:20px 20px 7px 7px;width:auto;max-height:min(58dvh,620px);top:auto!important;left:10px!important}.hotspot-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.shell:has(.anchored-hotspot-card) .mobile-sheet{height:96px}.shell:has(.anchored-hotspot-card) .current-task{display:none}}@media (prefers-reduced-motion:reduce){.anchored-hotspot-card{animation:none}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.notebook-panel{border-radius:8px 20px 8px 8px;max-height:min(54dvh,570px);padding:13px 15px;overflow:auto}.notebook-panel>header{z-index:2;background:linear-gradient(#1c1917 75%,#0000);justify-content:space-between;align-items:center;gap:10px;margin:-13px -15px 10px;padding:13px 15px 10px;display:flex;position:sticky;top:-13px}.notebook-panel>header strong{color:#d9ad72;font-size:10px;font-weight:500}.notebook-panel>p{color:#b8a699;font-size:11px;line-height:1.65}.notebook-stack{gap:9px;display:grid}.notebook-card{background:linear-gradient(145deg,#251d19f2,#171412f5);border:1px solid #d8ad7633;border-radius:6px 17px 6px 6px;padding:11px;overflow:hidden;box-shadow:inset 3px 0 #176b685c}.notebook-card>header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.notebook-card h3{margin:2px 0 0;font-size:14px;font-weight:500}.notebook-card>header button,.notebook-card dd>button,.notebook-card form button{color:#dfb77f;cursor:pointer;background:#d6a76f0b;border:1px solid #d6a76f42;border-radius:999px;padding:5px 8px;font-size:10px}.notebook-card dl{gap:7px;margin:10px 0;display:grid}.notebook-card dl>div{background:#ffffff05;border-left:2px solid #7b6a5d;padding:7px 8px}.notebook-card dl>div[data-kind=observation]{border-color:#d6aa62}.notebook-card dl>div[data-kind=interpretation]{border-color:#4e9a91}.notebook-card dl>div[data-kind=uncertainty]{border-color:#9d5b50}.notebook-card dt{color:#d5aa72;letter-spacing:.1em;font-size:10px}.notebook-card dd{color:#d1c0b3;gap:6px;margin:3px 0 0;font-size:11px;line-height:1.55;display:grid}.notebook-card dd>button{justify-self:start}.notebook-card textarea{resize:vertical;border:1px solid var(--line);color:#f8ead8;background:#08070699;border-radius:7px;width:100%;min-height:68px;padding:7px}.notebook-card form button{margin-top:5px}.notebook-card>details{color:#bba99b;border-top:1px solid #ecd4bd1c;padding-top:6px;font-size:10px;line-height:1.55}.notebook-card>details summary{cursor:pointer;color:#c9ad91}.notebook-card>details ol{padding-left:16px}@media (width<=899px){.mobile-sheet .notebook-panel{max-height:none;box-shadow:none;background:0 0;border:0;padding:6px 4px;overflow:visible}.mobile-sheet .notebook-panel>header{background:#181513f2;margin:-6px -4px 8px;padding:7px 4px 10px;top:-6px}}.question-tree{border-radius:8px 20px 8px 8px;padding:13px 15px}.question-tree>header{justify-content:space-between;align-items:center;display:flex}.question-tree>header span{color:#c09367;font-size:10px}.question-tree ol{gap:7px;margin:10px 0;padding:0;list-style:none;display:grid}.question-tree li{color:#9c8f86;grid-template-columns:15px 1fr;align-items:start;gap:7px;font-size:11px;line-height:1.45;display:grid}.question-tree li i{border:1px solid #655b54;border-radius:50%;width:9px;height:9px;margin-top:2px}.question-tree li[data-state=complete] i{background:#176b68;border-color:#55958c}.question-tree li[data-state=current]{color:#f0d8bd;font-size:12px}.question-tree li[data-state=current] i{border-color:#f0bb74;box-shadow:0 0 0 4px #d68b3d1c}.question-tree li[data-state=future] span{letter-spacing:.2em}.question-actions{flex-wrap:wrap;gap:6px;display:flex}.question-actions button{color:#bea990;cursor:pointer;background:#ffffff08;border:1px solid #d7a46a3d;border-radius:999px;padding:6px 9px;font-size:9px}.question-actions button.primary{color:#fff0d9;background:#9f3826;border-color:#d46d48}.question-tree>p{color:#efc78e;margin:8px 0 0;font-size:11px;line-height:1.5}@media (width<=899px){.mobile-sheet .question-tree{box-shadow:none;background:0 0;border:0;padding:6px 4px}}.conclusion-desk{z-index:120;color:#f6e7d5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);isolation:isolate;background:#100e0de8;grid-template-rows:auto 1fr;grid-template-columns:minmax(410px,1.08fr) minmax(440px,.92fr);gap:18px 24px;padding:clamp(24px,4vw,58px);animation:.35s ease-out conclusion-enter;display:grid;position:fixed;inset:0;overflow:auto}.conclusion-backdrop{z-index:-1;background:radial-gradient(circle at 20% 10%,#bd4c2b32,#0000 32%),radial-gradient(circle at 86% 88%,#176b6833,#0000 36%),linear-gradient(145deg,#211914f7,#0d0c0bf9);position:fixed;inset:0}.conclusion-heading{border-bottom:1px solid #dfb66b38;grid-column:1/-1;justify-content:space-between;align-items:flex-end;gap:24px;padding-bottom:15px;display:flex}.conclusion-heading small{color:var(--gold);letter-spacing:.22em}.conclusion-heading h2{letter-spacing:.08em;margin:5px 0 3px;font-size:clamp(25px,3vw,43px);font-weight:500}.conclusion-heading p{color:#bda99a;margin:0;font-size:12px}.conclusion-heading button,.conclusion-editor footer button{color:#ead0ad;cursor:pointer;background:#ffffff08;border:1px solid #d6a76f4a;border-radius:22px 22px 7px;min-height:44px;padding:8px 15px}.conclusion-notes{grid-template-columns:repeat(2,minmax(0,1fr));align-self:start;gap:11px;display:grid}.conclusion-note-group{background:linear-gradient(145deg,#2a211beb,#171311f2);border:1px solid #d7ad7733;border-radius:6px 21px 6px 13px;min-height:150px;padding:12px;box-shadow:0 14px 38px #0005,inset 3px 0 #d16e4652}.conclusion-note-group[data-dimension=long_term]{box-shadow:0 14px 38px #0005,inset 3px 0 #c8954e66}.conclusion-note-group[data-dimension=multi_source]{box-shadow:0 14px 38px #0005,inset 3px 0 #27827c66}.conclusion-note-group[data-dimension=unknown]{box-shadow:0 14px 38px #0005,inset 3px 0 #856f6266}.conclusion-note-group>header{grid-template-columns:27px 1fr auto;align-items:center;gap:8px;margin-bottom:9px;display:grid}.conclusion-note-group>header i{color:#dfb66b;border:1px solid #dfb66b55;border-radius:50%;place-items:center;width:27px;height:27px;font-size:11px;font-style:normal;display:grid}.conclusion-note-group h3{margin:0;font-size:12px;font-weight:500}.conclusion-note-group>header span{color:#a99a8c;font:10px ui-monospace,monospace}.empty-note{color:#9c8f86;margin:18px 4px;font-size:11px;line-height:1.6}.conclusion-note{background:#fff5e909;border:1px solid #eed1b31f;border-radius:4px 13px 4px 4px;margin-top:7px;padding:9px 10px}.conclusion-note>button{color:#e7bd83;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;width:100%;min-height:28px;padding:0;font-size:11px;display:flex}.conclusion-note>p{color:#d4c1b1;margin:3px 0 7px;font-size:11px;line-height:1.6}.conclusion-note details{color:#a99a8c;font-size:10px;line-height:1.55}.conclusion-note summary{cursor:pointer;color:#a99788}.conclusion-note details p{margin:7px 0 3px}.conclusion-note details small{color:#a77469}.conclusion-writing{align-self:start;min-height:560px;padding-left:clamp(75px,9vw,145px);position:relative}.conclusion-writing>img{z-index:0;object-fit:contain;object-position:left bottom;filter:drop-shadow(0 22px 25px #0008);opacity:.92;width:clamp(170px,22vw,330px);max-height:88%;position:absolute;bottom:-5px;left:clamp(-35px,-2vw,-12px)}.conclusion-editor{z-index:1;background:linear-gradient(135deg,#281c17f2,#151211f5);border:1px solid #e4bd8252;border-radius:8px 27px;margin:26px 0 0;padding:20px;position:relative;box-shadow:0 25px 65px #0008,inset 0 1px #fff1}.conclusion-editor>header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.conclusion-editor>header div{gap:3px;display:grid}.conclusion-editor>header small{color:var(--fox);letter-spacing:.14em;font-size:10px}.conclusion-editor>header strong{font-size:14px;font-weight:500}.conclusion-editor>header>span{color:#b3a08f;font:10px ui-monospace,monospace}.reflection-prompts{flex-wrap:wrap;gap:6px;margin-top:15px;display:flex}.reflection-prompts button{color:#d8b483;cursor:pointer;background:#dfb66b0b;border:1px solid #dfb66b3d;border-radius:18px;min-height:36px;padding:6px 10px;font-size:10px}.reflection-prompts button:hover,.reflection-prompts button:focus-visible{background:#dfb66b18;border-color:#dfb66b91}.reflection-help{color:#a99a8c;margin:7px 1px 0;font-size:10px;display:block}.reflection-cue{border-left:2px solid var(--teal);color:#b9cdc7;background:#176b6814;min-height:34px;margin:8px 0;padding:8px 10px;font-size:10px;line-height:1.6}.conclusion-editor>label{color:#d7b57f;letter-spacing:.14em;margin:12px 0 6px;font-size:10px;display:block}.conclusion-editor textarea{resize:vertical;color:#f7eadc;background:#0807068c;border:1px solid #ead1b838;border-radius:7px 17px 7px 7px;outline:0;width:100%;min-height:150px;padding:13px 14px;font:13px/1.8 inherit;display:block}.conclusion-editor textarea:focus{border-color:#dfb66b99;box-shadow:0 0 0 3px #dfb66b14}.conclusion-feedback{border-left:3px solid var(--fox);background:#b8432816;border-radius:3px 12px 3px 3px;margin-top:12px;padding:11px 13px}.conclusion-feedback[data-complete=true]{background:#176b6818;border-left-color:#4d9e93}.conclusion-feedback>strong{color:#f1c493;font-size:11px}.conclusion-feedback ul{color:#d3c2b4;gap:3px;margin:7px 0;padding-left:18px;font-size:11px;line-height:1.55;display:grid}.conclusion-feedback p{color:#e0cdbc;margin:7px 0 0;font-size:11px;line-height:1.65}.conclusion-feedback b{color:#f1c493}.conclusion-editor footer{justify-content:flex-end;align-items:center;gap:8px;margin-top:13px;display:flex}.conclusion-editor footer .conclusion-primary{color:#fff4e5;background:linear-gradient(135deg,#b64029,#842d20);border-color:#d96e4d}.conclusion-editor footer button:disabled{opacity:.4;cursor:not-allowed}.conclusion-complete{color:#8fd1c8;letter-spacing:.12em}.conclusion-desk button:focus-visible,.conclusion-desk textarea:focus-visible{outline-offset:3px;outline:2px solid #ffd58f}@keyframes conclusion-enter{0%{opacity:0;transform:translateY(10px)}}@media (width<=899px){.conclusion-desk{padding:18px 12px calc(24px + env(safe-area-inset-bottom));display:block;overflow-y:auto}.conclusion-heading{z-index:4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#171210f2;align-items:center;margin:0 -12px 12px;padding:14px 12px 12px;position:sticky;top:-18px}.conclusion-heading h2{font-size:22px}.conclusion-heading p{display:none}.conclusion-heading button{flex:none;min-height:44px;padding:7px 11px;font-size:10px}.conclusion-notes{scroll-snap-type:x mandatory;gap:8px;margin:0 -12px;padding:2px 12px 12px;display:flex;overflow-x:auto}.conclusion-note-group{scroll-snap-align:start;flex:0 0 min(82vw,330px);min-height:132px}.conclusion-writing{min-height:0;margin-top:8px;padding:85px 0 0}.conclusion-writing>img{object-position:left top;width:135px;height:145px;top:-12px;bottom:auto;left:-18px}.conclusion-editor{border-radius:7px 22px;margin:0;padding:16px 13px}.conclusion-editor>header{min-height:55px;padding-left:105px}.reflection-prompts{grid-template-columns:1fr;display:grid}.reflection-prompts button{text-align:left;min-height:44px}.conclusion-editor textarea{min-height:180px;font-size:16px}.conclusion-editor footer{padding:10px 13px calc(10px + env(safe-area-inset-bottom));background:#171210f5;margin:13px -13px -16px;position:sticky;bottom:0}.conclusion-editor footer button{min-height:44px}}@media (prefers-reduced-motion:reduce){.conclusion-desk{animation:none}}.anchored-hotspot-card h2:focus,.conclusion-heading h2:focus{outline:none}.anchored-hotspot-card h2:focus-visible,.conclusion-heading h2:focus-visible{outline-offset:4px;outline:2px solid #ffd58f}.anchored-hotspot-card>header button,.anchored-hotspot-card form button,.reference-questions button,.question-actions button,.next-observation{min-width:44px;min-height:44px}.hotspot-dialogue+.sr-only{pointer-events:none}@media (width>=900px){.anchored-hotspot-card{max-width:calc(100vw - 500px)}.shell:has(.anchored-hotspot-card) .current-task{max-width:34vw}}.companion-activity{color:#e9d7c6;background:linear-gradient(135deg,#d07a4217,#176b6815);border:1px solid #dfb66b30;border-radius:6px 14px 6px 6px;align-items:flex-start;gap:10px;margin:9px 0;padding:9px 10px;font-size:10px;line-height:1.45;display:flex}.companion-activity-mark{color:#ffe4bc;background:#8e3524;border:1px solid #e5b76f5c;border-radius:50%;flex:0 0 33px;place-items:center;width:33px;height:33px;display:grid;position:relative;box-shadow:0 0 0 4px #d7834312}.companion-activity-mark span{z-index:2;position:relative}.companion-activity-mark i{background:#f2c77f;border-radius:50%;width:4px;height:4px;animation:1.15s ease-in-out infinite xiaoli-ink;position:absolute}.companion-activity-mark i:first-of-type{top:6px;left:-2px}.companion-activity-mark i:nth-of-type(2){animation-delay:.18s;top:14px;right:-3px}.companion-activity-mark i:nth-of-type(3){animation-delay:.36s;bottom:-3px;left:5px}.companion-activity[data-phase=assessing] .companion-activity-mark{animation:1.6s ease-in-out infinite xiaoli-stamp}.companion-activity-copy{flex:1;min-width:0}.companion-activity-copy>strong{color:#f0c98d;font-weight:500;display:block}.queued-turn{border-top:1px solid #efd6af1f;margin-top:6px;padding-top:6px}.queued-turn p{overflow-wrap:anywhere;color:#ead9ca!important;margin:3px 0!important}.queued-turn nav{gap:5px;display:flex}.queued-turn button{color:#dcb985;cursor:pointer;background:#ffffff08;border:1px solid #dfb66b3d;border-radius:999px;padding:3px 8px;font-size:10px}@keyframes xiaoli-ink{0%,to{opacity:.28;transform:translateY(2px)scale(.75)}50%{opacity:1;transform:translateY(-2px)scale(1)}}@keyframes xiaoli-stamp{0%,72%,to{transform:translateY(0)rotate(0)}82%{transform:translateY(2px)rotate(-4deg)}}@media (prefers-reduced-motion:reduce){.companion-activity-mark,.companion-activity-mark i{animation:none!important}}.investigation-dock{z-index:18;align-items:flex-end;gap:9px;display:flex;position:fixed;bottom:20px;right:20px}.investigation-dock-launchers{gap:7px;display:grid}.investigation-dock-launchers button{color:#bba99a;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#181412e8;border:1px solid #dfb66b34;border-radius:20px 20px 7px;place-items:center;gap:2px;width:58px;min-height:58px;padding:6px 4px;font-size:10px;display:grid;box-shadow:0 12px 32px #0007}.investigation-dock-launchers button span{color:#dfb66b;border:1px solid #dfb66b44;border-radius:50%;place-items:center;width:25px;height:25px;font-size:11px;display:grid}.investigation-dock-launchers button[data-active=true]{color:#fff0d9;background:#842f22e8;border-color:#dc875c88}.investigation-drawer{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#181513ed;border-radius:8px 24px 8px 18px;width:min(390px,100vw - 118px);max-height:calc(100dvh - 145px);animation:.2s ease-out drawer-enter;overflow:auto;box-shadow:0 24px 70px #000a}.investigation-drawer>.panel{max-height:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0}.shell:has(.investigation-drawer) .current-task{width:min(620px,100vw - 530px);left:28px;transform:none}@keyframes drawer-enter{0%{opacity:0;transform:translate(12px)}}@media (prefers-reduced-motion:reduce){.investigation-drawer{animation:none}}.anchored-hotspot-card{touch-action:none;flex-direction:column;height:min(720px,100dvh - 88px);display:flex;overflow:hidden}.anchored-hotspot-card>header{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;flex:none;align-items:center;margin:-15px -15px 0;position:relative;top:auto}.anchored-hotspot-card>header:active{cursor:grabbing}.anchored-hotspot-card>header nav{gap:3px;display:flex}.anchored-hotspot-card>header nav button{border-radius:50%;min-width:38px;min-height:38px;font-size:11px}.anchored-hotspot-card>header nav button:last-child{font-size:22px}.hotspot-card-scroll{scrollbar-color:#9d5a3d #120f0d;touch-action:pan-y;flex:1;min-height:0;padding:10px 2px 4px;overflow:auto}.hotspot-composer{background:#181412f7;border-top:1px solid #ecd4bd1c;flex:none;margin:7px -2px -2px;padding:8px 2px 2px}.anchored-hotspot-card[data-collapsed=true]{height:auto;min-height:0}.anchored-hotspot-card[data-collapsed=true]>header{margin-bottom:-15px}.anchored-hotspot-card[data-collapsed=true] h2{font-size:15px}@media (width<=899px){.anchored-hotspot-card{width:auto;height:min(64dvh,620px);max-height:none;padding-bottom:calc(12px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;right:10px;top:auto!important;bottom:0!important;left:10px!important}.anchored-hotspot-card[data-collapsed=true]{height:82px;padding-bottom:calc(8px + env(safe-area-inset-bottom))}.anchored-hotspot-card>header{cursor:default}.hotspot-card-scroll{padding-top:8px}.hotspot-composer{padding-bottom:2px}}.hotspot-coaching{gap:8px;margin-top:2px;display:grid}.coaching-goal{border-left:3px solid var(--gold);background:linear-gradient(120deg,#d59a5018,#ffffff05);border-radius:3px 13px 3px 3px;padding:10px 11px}.coaching-goal small,.coaching-hint small{color:#e0ad67;letter-spacing:.14em;font-size:10px}.coaching-goal p,.coaching-hint p{color:#f0dfce;margin:4px 0;font-size:12px;line-height:1.55}.coaching-goal span{color:#bdaca1;font-size:10px;line-height:1.5}.coaching-hint{background:#176b6818;border:1px solid #5b9d9038;border-radius:5px 15px 5px 5px;padding:9px 11px 9px 42px;animation:.24s ease-out coaching-reveal;position:relative}.coaching-hint:before{content:"狸";color:#fff1da;background:#a43a27;border-radius:50%;place-items:center;width:23px;height:23px;font-size:10px;display:grid;position:absolute;top:11px;left:10px}.coaching-hint.direct{background:linear-gradient(135deg,#b4482522,#176b6818);border-color:#dfa95c55}.coaching-actions{flex-wrap:wrap;gap:6px;display:flex}.coaching-actions button{color:#fff0d9;cursor:pointer;background:#8f3324;border:1px solid #d6a76f55;border-radius:999px;min-height:34px;padding:6px 10px;font-size:10px}.coaching-actions button:hover{background:#a9402c;border-color:#f1c077}@keyframes coaching-reveal{0%{opacity:0;transform:translateY(5px)}}@media (prefers-reduced-motion:reduce){.coaching-hint{animation:none}}.hotspot-focus-layer{z-index:24;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#080706a6;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.anchored-hotspot-card.hotspot-focus-card{touch-action:auto;border-radius:10px 30px 10px 22px;width:min(920px,100%);max-width:none;height:100%;max-height:none;position:relative;transform:none;box-shadow:0 30px 100px #000d,inset 3px 0 #d8764f66;inset:auto!important}.hotspot-focus-card>header{cursor:default;touch-action:auto}.hotspot-focus-card>header:active{cursor:default}.hotspot-focus-card .hotspot-card-scroll{overscroll-behavior:contain}.hotspot-focus-card .hotspot-dialogue{max-height:none;overflow:visible}.hotspot-focus-card .hotspot-gallery{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.hotspot-focus-card .hotspot-composer{padding:10px 4px 4px}.hotspot-focus-card .hotspot-composer input{font-size:14px}@media (width<=899px){.hotspot-focus-layer{-webkit-backdrop-filter:none;backdrop-filter:none;padding:0}.anchored-hotspot-card.hotspot-focus-card{width:100%;height:100dvh;padding:12px 12px calc(10px + env(safe-area-inset-bottom));border:0;border-radius:0}.hotspot-focus-card>header{padding-top:calc(12px + env(safe-area-inset-top))}.hotspot-focus-card .hotspot-gallery{grid-template-columns:1fr}.hotspot-focus-card .hotspot-composer input{font-size:16px}}.navigation-notice{z-index:130;color:#f5e5d2;background:#181513f2;border:1px solid #dfb66b66;border-radius:8px 18px;align-items:center;gap:10px;width:min(420px,100vw - 32px);padding:10px 14px;animation:.24s cubic-bezier(.2,.8,.2,1) navigation-notice-in;display:flex;position:fixed;top:22px;left:50%;transform:translate(-50%);box-shadow:0 16px 48px #000a}.navigation-notice span{color:#ffe4bc;background:#8e3524;border-radius:50%;flex:0 0 34px;place-items:center;width:34px;height:34px;animation:1.6s ease-in-out infinite xiaoli-stamp;display:grid;position:relative;box-shadow:0 0 0 4px #d7834312}.navigation-notice p{color:#ead9ca;margin:0;font-size:12px;line-height:1.55}@keyframes navigation-notice-in{0%{opacity:0;transform:translate(-50%,-10px)scale(.96)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.navigation-notice,.navigation-notice span{animation:none!important}}.knowledge-point-stack{gap:8px;margin-top:2px;display:grid}.knowledge-point-card{background:linear-gradient(118deg,#b57b3221,#176b6821 72%,#171311e8);border:1px solid #dfb66b66;border-radius:5px 18px 5px 11px;grid-template-columns:32px minmax(0,1fr);align-items:start;gap:10px;padding:11px 13px 12px;display:grid;position:relative;overflow:hidden;box-shadow:inset 3px 0 #dfb66b8c,0 10px 24px #0003}.knowledge-point-card:after{content:"";background:linear-gradient(90deg,#dfb66b8c,#0000);height:1px;position:absolute;bottom:7px;left:55px;right:14px}.knowledge-point-mark{color:#f3d49d;background:#176b6852;border:1px solid #e7bd7b8c;border-radius:50% 50% 45% 48%;place-items:center;width:30px;height:30px;font-size:11px;display:grid;box-shadow:0 0 0 4px #dfb66b0e}.knowledge-point-card small{color:#d9ac68;letter-spacing:.2em;margin:0 0 4px;font-size:9px;display:block}.knowledge-point-card strong{color:#f6e4c9;letter-spacing:.025em;font-size:13px;font-weight:600;line-height:1.72;display:block}.knowledge-point-card[data-new=true]{animation:.55s ease-out knowledge-point-collect}@keyframes knowledge-point-collect{0%{opacity:0;filter:saturate(.55);transform:translateY(-5px)}52%{box-shadow:inset 3px 0 #f1ca83,0 0 28px #dfb66b2e}to{opacity:1;filter:none;transform:none}}.notebook-card dl>div[data-kind=knowledge]{background:linear-gradient(90deg,#dfb66b14,#176b6810);border-color:#dfb66b}.notebook-card [data-kind=knowledge] dd{color:#f0dcc0;font-weight:600}.notebook-card [data-kind=knowledge] ul{gap:5px;margin:1px 0 0;padding-left:16px;display:grid}.investigation-drawer>.notebook-panel{overflow:visible}@media (width<=899px){.knowledge-point-card{grid-template-columns:29px minmax(0,1fr);gap:8px;padding:10px 11px}.knowledge-point-mark{width:27px;height:27px}.knowledge-point-card strong{font-size:12px;line-height:1.65}}@media (prefers-reduced-motion:reduce){.knowledge-point-card[data-new=true]{animation:none}}.dialogue-entry strong{color:#ffe3b8;font-weight:600}.explanation-slots{gap:6px;margin-top:2px;display:grid}.explanation-slot{isolation:isolate;background:#ffffff05;border:1px solid #d8ad7626;border-left:3px solid #5b524d;border-radius:4px 14px 4px 9px;grid-template-columns:26px minmax(0,1fr);align-items:start;gap:9px;padding:8px 10px;transition:border-color .2s,background .2s;display:grid;position:relative;overflow:hidden}.explanation-slot:before{content:"";z-index:-1;opacity:0;background:linear-gradient(90deg,#0000,#ffe7a972,#0000);width:38%;position:absolute;inset:-40% auto -40% -45%;transform:skew(-18deg)}.explanation-slot:after{content:"要点解锁";color:#ffe7b5;letter-spacing:.16em;opacity:0;background:#842f22e8;border:1px solid #efc77d9c;border-radius:2px 8px 2px 6px;padding:3px 7px;font-size:9px;font-weight:700;position:absolute;top:7px;right:9px;transform:scale(1.45)rotate(5deg);box-shadow:0 4px 14px #0006}.explanation-slot i{color:#a1948a;border:1px solid #6a5f57;border-radius:50%;place-items:center;width:24px;height:24px;font:11px ui-monospace,monospace;display:grid}.explanation-slot[data-filled=true]{border-left-color:var(--gold);background:linear-gradient(100deg,#dfb66b16,#ffffff05)}.explanation-slot[data-filled=true] i{color:#f3d49d;background:#dfb66b14;border-color:#e7bd7b8c}.explanation-slot small{color:#c8a06a;letter-spacing:.18em;font-size:9px;display:block}.explanation-slot p{color:#f0dfce;margin:2px 0 0;font-size:12px;line-height:1.5}.explanation-slot[data-filled=false] p{color:#8d8177;letter-spacing:.35em}.explanation-slot[data-new=true]{animation:1.05s cubic-bezier(.16,.8,.22,1) both slot-unlock;animation-delay:calc(var(--unlock-order,0)*.12s)}.explanation-slot[data-new=true]:before{animation:.72s ease-out both slot-light-sweep;animation-delay:calc(var(--unlock-order,0)*.12s + 90ms)}.explanation-slot[data-new=true]:after{animation:.92s cubic-bezier(.18,.85,.2,1) both slot-stamp;animation-delay:calc(var(--unlock-order,0)*.12s + .16s)}.explanation-slot[data-new=true] i{animation:.72s cubic-bezier(.16,1.35,.3,1) both slot-seal;animation-delay:calc(var(--unlock-order,0)*.12s + 90ms)}.explanation-slot[data-new=true] p{animation:.65s ease-out both slot-text-reveal;animation-delay:calc(var(--unlock-order,0)*.12s + .24s)}.explanation-complete{background:linear-gradient(118deg,#b57b3221,#176b6821 72%,#171311e8);border:1px solid #dfb66b80;border-radius:6px 20px 6px 12px;margin-top:2px;padding:11px 13px 12px;position:relative;box-shadow:inset 3px 0 #dfb66b8c,0 10px 24px #0003}.explanation-complete:before{content:"录";color:#f3d49d;background:#842f22;border:1px solid #e7bd7b8c;border-radius:50% 50% 45% 48%;place-items:center;width:26px;height:26px;font-size:11px;display:grid;position:absolute;top:-9px;right:14px;transform:rotate(8deg)}.explanation-complete small{color:#d9ac68;letter-spacing:.2em;font-size:9px;display:block}.explanation-complete strong{color:#f6e4c9;margin-top:3px;font-size:13px;font-weight:600;line-height:1.7;display:block}.explanation-complete[data-new=true]{animation:.9s cubic-bezier(.16,.8,.22,1) both hotspot-complete;animation-delay:calc(var(--unlock-count,1)*.12s + .36s)}@keyframes slot-unlock{0%{opacity:.2;box-shadow:none;border-color:#d8ad7626;transform:translateY(14px)scale(.965)}35%{opacity:1;border-color:#f3d18ec4;transform:translateY(-3px)scale(1.018);box-shadow:0 0 0 1px #f3d18e40,0 0 30px #d99b3945}68%{transform:translateY(1px)scale(.997);box-shadow:0 0 22px #d99b392e}to{opacity:1;box-shadow:none;border-color:#d8ad7660;transform:none}}@keyframes slot-light-sweep{0%{opacity:0;left:-45%}20%{opacity:1}to{opacity:0;left:120%}}@keyframes slot-stamp{0%,18%{opacity:0;transform:scale(1.45)rotate(5deg)}38%{opacity:1;transform:scale(.88)rotate(-2deg)}52%,72%{opacity:1;transform:scale(1)rotate(0)}to{opacity:0;transform:translateY(-7px)scale(.94)}}@keyframes slot-seal{0%{transform:scale(.45)rotate(-20deg);box-shadow:0 0 #dfb66b00}58%{transform:scale(1.18)rotate(5deg);box-shadow:0 0 0 7px #dfb66b1f}to{transform:none;box-shadow:0 0 #dfb66b00}}@keyframes slot-text-reveal{0%{opacity:0;filter:blur(2px);transform:translate(-5px)}to{opacity:1;filter:none;transform:none}}@keyframes hotspot-complete{0%{opacity:0;transform:scale(.94)rotate(-1.2deg)}55%{box-shadow:0 0 34px #dfb66b3d,inset 3px 0 #f1ca83}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.explanation-slot,.explanation-slot[data-new=true],.explanation-slot[data-new=true]:before,.explanation-slot[data-new=true]:after,.explanation-slot[data-new=true] i,.explanation-slot[data-new=true] p,.explanation-complete[data-new=true]{transition:none;animation:none}.explanation-slot[data-new=true]:after{display:none}}.hotspot-focus-card .visual-observation{font-size:14px}.hotspot-focus-card .hotspot-gallery figcaption,.hotspot-focus-card .coaching-goal small,.hotspot-focus-card .coaching-hint small,.hotspot-focus-card .coaching-goal span,.hotspot-focus-card .coaching-actions button,.hotspot-focus-card .reference-questions button,.hotspot-focus-card .hotspot-sources,.hotspot-focus-card .hotspot-composer label{font-size:12px}.hotspot-focus-card .coaching-goal p,.hotspot-focus-card .coaching-hint p{font-size:14px}.hotspot-focus-card .hotspot-dialogue-empty{font-size:13px}.hotspot-focus-card .explanation-slot small,.hotspot-focus-card .explanation-complete small,.hotspot-focus-card .knowledge-point-card small{font-size:11px}.hotspot-focus-card .explanation-slot p{font-size:13px}.hotspot-focus-card .explanation-complete strong,.hotspot-focus-card .knowledge-point-card strong{font-size:14px}.hotspot-knowledge,.hotspot-comparisons{background:#fff5e906;border:1px solid #d6aa6642;border-radius:8px;padding:12px 13px}.hotspot-knowledge h3,.hotspot-comparisons h3{color:#e2b56e;letter-spacing:.12em;margin:0 0 7px;font-size:12px}.hotspot-knowledge p,.hotspot-comparisons p,.hotspot-comparisons li{color:#e8d8ca;margin:5px 0;font-size:14px;line-height:1.65}.hotspot-comparisons{gap:9px;display:grid}.hotspot-comparisons article{background:#176b6812;border-left:3px solid #3a9690;padding:10px}.hotspot-comparisons article>div{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.hotspot-comparisons h4{color:#f0dfce;margin:0;font-size:14px}.hotspot-comparisons ul{margin:6px 0;padding-left:19px}.hotspot-comparisons button{color:#bde0dc;background:#176b6826;border:1px solid #64b4ae59;border-radius:5px;min-height:44px;padding:7px 12px}@media (width<=899px){.hotspot-focus-card>header{margin:-12px -12px 0}.hotspot-focus-card .hotspot-gallery figcaption,.hotspot-focus-card .coaching-goal span,.hotspot-focus-card .reference-questions button,.hotspot-focus-card .hotspot-sources,.hotspot-focus-card .hotspot-composer label{font-size:13px}.hotspot-focus-card .coaching-goal p,.hotspot-focus-card .coaching-hint p,.hotspot-focus-card .visual-observation,.hotspot-knowledge p,.hotspot-comparisons p,.hotspot-comparisons li{font-size:15px}}.hotspot[data-focus-intro=true]{z-index:12}.hotspot[data-focus-intro=true] span{opacity:1;animation:1.15s cubic-bezier(.16,.8,.22,1) both focus-hotspot-ring;box-shadow:0 0 0 4px #ffe0a8,0 0 0 18px #f19b4b66,0 0 60px 28px #ffc56f9e}.hotspot-focus-introduction{z-index:120;color:#f8ead8;place-items:center;padding:clamp(18px,4vw,54px);animation:1.05s both focus-intro-stage;display:grid;position:fixed;inset:0;overflow:auto}.focus-intro-vignette{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:radial-gradient(circle at 50% 42%,#16100dc7 0,#080706ee 68%);position:absolute;inset:0}.focus-intro-card{background:#171310f5;border:1px solid #e0b16e59;border-radius:8px 34px 8px 22px;grid-template-columns:minmax(0,1.35fr) minmax(300px,.8fr);width:min(1050px,100%);max-height:min(790px,100dvh - 48px);animation:.9s cubic-bezier(.16,.86,.2,1) .48s both focus-intro-extract;display:grid;position:relative;overflow:hidden;box-shadow:0 38px 120px #000e,0 0 0 1px #0008,inset 0 0 80px #d27b3110}.focus-intro-image-frame{background:#090706;min-height:360px;position:relative;overflow:hidden}.focus-intro-image-frame:after{content:"局部图像提取";color:#ffe3ad;letter-spacing:.18em;background:#17110dc4;border:1px solid #ffe1a759;padding:5px 9px;font-size:10px;position:absolute;top:17px;left:18px}.focus-intro-image-frame img{object-fit:cover;filter:saturate(.9)contrast(1.06);width:100%;height:100%;animation:1.1s cubic-bezier(.16,.86,.2,1) .45s both focus-intro-image}.focus-intro-scanline{background:#ffe2a9;height:2px;animation:1.25s ease-out .45s both focus-intro-scan;position:absolute;top:-4px;left:0;right:0;box-shadow:0 0 18px 5px #f7b95f}.focus-intro-copy{background:linear-gradient(145deg,#211914,#12100e);min-width:0;padding:clamp(24px,3.2vw,45px);overflow:auto}.focus-intro-copy small{color:#dca45e;letter-spacing:.24em;font-size:11px}.focus-intro-copy h2{color:#fff0d8;letter-spacing:.08em;outline:none;margin:8px 0 19px;font-size:clamp(25px,3vw,38px);font-weight:500;line-height:1.2}.focus-intro-copy p{color:#d8c7b8;margin:10px 0;font-size:14px;line-height:1.8}.focus-intro-copy .focus-intro-observation{color:#f4e1cb;background:#ffffff08;border-left:2px solid #dca45e;margin-bottom:18px;padding:10px 12px}.focus-intro-copy button{color:#fff0d7;cursor:pointer;letter-spacing:.12em;background:linear-gradient(110deg,#9f3927,#743024);border:1px solid #e6ba7959;border-radius:4px 14px 4px 8px;justify-content:space-between;align-items:center;width:100%;min-height:48px;margin-top:25px;padding:0 15px;font:600 13px inherit;display:flex}.focus-intro-copy button:hover{background:linear-gradient(110deg,#b34730,#83362a);border-color:#f4ca88}.focus-intro-copy button i{font-size:19px;font-style:normal}.hotspot-focus-introduction[data-exiting=true]{animation:.52s cubic-bezier(.4,0,.7,.2) both focus-intro-to-card}.hotspot-focus-introduction[data-exiting=true] .focus-intro-card{animation:none}.hotspot-focus-introduction[data-exiting=true] button{cursor:wait}@keyframes focus-hotspot-ring{0%{opacity:0;transform:scale(.35)}28%{opacity:1}70%{transform:scale(2.1);box-shadow:0 0 0 3px #ffe0a8,0 0 0 28px #f19b4b40,0 0 72px 36px #ffc56f8c}to{opacity:1;transform:scale(1.35)}}@keyframes focus-intro-stage{0%,42%{background:0 0}to{background:#080706d9}}@keyframes focus-intro-extract{0%{opacity:0;filter:blur(8px);transform:scale(.18)}to{opacity:1;filter:none;transform:none}}@keyframes focus-intro-image{0%{filter:saturate(.45)contrast(1.2)blur(3px);transform:scale(1.2)}to{filter:saturate(.9)contrast(1.06);transform:none}}@keyframes focus-intro-scan{0%{opacity:0;top:0}15%{opacity:1}85%{opacity:1}to{opacity:0;top:100%}}@keyframes focus-intro-to-card{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(18px)scale(.94)}}@media (width<=899px){.hotspot-focus-introduction{align-items:end;padding:0}.focus-intro-card{border:0;border-radius:24px 24px 0 0;flex-direction:column;width:100%;max-height:100dvh;display:flex}.focus-intro-image-frame{flex:0 0 min(40dvh,330px);min-height:220px}.focus-intro-copy{padding:22px 19px calc(18px + env(safe-area-inset-bottom))}.focus-intro-copy h2{font-size:25px}.focus-intro-copy p{font-size:15px;line-height:1.72}}@media (prefers-reduced-motion:reduce){.hotspot[data-focus-intro=true] span,.hotspot-focus-introduction,.focus-intro-card,.focus-intro-image-frame img,.focus-intro-scanline,.hotspot-focus-introduction[data-exiting=true]{animation:none!important}.focus-intro-vignette{-webkit-backdrop-filter:none;backdrop-filter:none}}:root,html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-body:"Noto Sans CJK SC","Source Han Sans SC","Microsoft YaHei UI","PingFang SC",sans-serif;--font-display:"Noto Serif CJK SC","Source Han Serif SC","Songti SC","STSong",serif;--ink:#fff4e5;--ink-soft:#e7d5c4;--ink-muted:#c7b3a3;--surface:#191513f5;--surface-solid:#191513;--surface-raised:#251d19f7;--surface-soft:#30231d;--canvas:#100f0e;--cinnabar:#bd4a32;--cinnabar-deep:#8f3022;--gold:#e5bd72;--teal:#3f9990;--teal-deep:#176b68;--line:#f1d3b94f;--line-strong:#efc8847d;--focus:#ffd58a;--shadow:0 22px 64px #000a;--veil:#090807b3;--tutorial-veil:#090705a8;--tutorial-ring:#f2bd6e;--tutorial-glow:#f0a94b80;--tutorial-avatar-shadow:0 12px 38px #000b,0 0 24px #e98b4e99;--tutorial-coach-bg:linear-gradient(145deg,#2a1d18f7,#14110ff9);--tutorial-coach-shadow:0 25px 75px #000c,inset 3px 0 var(--cinnabar)}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#2c211b;--ink-soft:#49382d;--ink-muted:#715b4b;--surface:#f5ead8f5;--surface-solid:#f5ead8;--surface-raised:#fff8eaf8;--surface-soft:#ead7ba;--canvas:#d8c19d;--cinnabar:#9e3527;--cinnabar-deep:#76271e;--gold:#8a5c15;--teal:#17665f;--teal-deep:#0e554f;--line:#68452c4f;--line-strong:#7c4b2775;--focus:#713622;--shadow:0 20px 55px #4d2f1d38;--veil:#f2e4cdbd;--tutorial-veil:#76583f78;--tutorial-ring:#8a5c15;--tutorial-glow:#9e5c286b;--tutorial-avatar-shadow:0 12px 32px #4d2f1d52,0 0 22px #b464345c;--tutorial-coach-bg:linear-gradient(145deg,#fff9edfa,#ead8bcfa);--tutorial-coach-shadow:0 24px 62px #4d2f1d52,inset 3px 0 var(--cinnabar)}html,body,#root{font-family:var(--font-body);color:var(--ink);background:var(--canvas);font-size:16px;line-height:1.55}button,input,textarea,select{font-family:var(--font-body)}h1,h2,.story-speaker,.conclusion-heading strong{font-family:var(--font-display)}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.theme-toggle{z-index:22;border:1px solid var(--line-strong);min-width:76px;min-height:40px;color:var(--ink);background:var(--surface-raised);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:6px 11px 6px 7px;transition:transform .2s,border-color .2s,background .2s;display:flex;position:fixed;top:20px;right:24px}.theme-toggle:hover{border-color:var(--gold);transform:translateY(-1px)}.theme-toggle-icon{color:#fff7e9;background:linear-gradient(145deg,var(--cinnabar),var(--cinnabar-deep));width:26px;height:26px;font-family:var(--font-display);border-radius:50%;place-items:center;font-size:13px;display:grid;box-shadow:inset 0 0 0 1px #fff3}.theme-toggle-label{letter-spacing:.06em;font-size:13px;font-weight:650}.shell{color:var(--ink);background:radial-gradient(circle at 14% 7%,color-mix(in srgb,var(--cinnabar) 22%,transparent),transparent 31%),linear-gradient(135deg,var(--surface-soft),var(--canvas) 68%)}.panel,.anchored-hotspot-card,.investigation-drawer,.current-task,.navigation-notice{color:var(--ink);border-color:var(--line);background:var(--surface);box-shadow:var(--shadow)}.current-task strong{color:var(--ink);font-size:14px}.current-task p{color:var(--ink-soft);font-size:13px}.current-task .current-task-hint{color:var(--gold)}.current-task button,.next-observation{color:var(--gold);border-color:var(--line-strong);background:var(--surface-raised);font-size:12px}.title{color:var(--ink);border-color:var(--cinnabar);background:linear-gradient(180deg,var(--surface-solid),color-mix(in srgb,var(--surface-solid) 88%,transparent));text-shadow:none;box-shadow:0 12px 36px #0004}.title h1{font-size:clamp(28px,3vw,46px);font-weight:600;line-height:1.16}.title p,.companion-panel p,.opening-task p,.navigation-notice p{color:var(--ink-soft);font-size:14px}.title small,.panel small,.opening-task strong{color:var(--gold);font-size:12px;font-weight:650}.session-actions{top:268px}.session-actions button,.restart,.mural-controls button{min-height:40px;color:var(--ink);border-color:var(--line);background:var(--surface-raised)}.session-actions button{font-size:13px}.session-actions button:hover,.restart:hover{color:var(--ink);border-color:var(--cinnabar)}.companion-panel h2{font-size:21px;font-weight:650}.companion-panel p{line-height:1.75}.companion-panel label{color:var(--ink-muted);font-size:12px}.companion-panel input,.hotspot-composer input,.conclusion-editor textarea{color:var(--ink);background:color-mix(in srgb,var(--surface-solid) 78%,transparent);font-size:14px}.companion-panel form button,.hotspot-composer button,.conclusion-primary{background:linear-gradient(135deg,var(--cinnabar),var(--cinnabar-deep))}.dialogue-entry small,.evidence-card summary small,.evidence-claims dt,.evidence-sources h3,.notebook-card dt,.knowledge-point-card small,.explanation-slot small,.explanation-complete small{color:var(--gold);font-size:12px}.dialogue-entry[data-role=player]{color:var(--ink);background:color-mix(in srgb,var(--teal) 20%,transparent)}.dialogue-entry strong,.knowledge-point-card strong,.explanation-complete strong{color:var(--ink)}.evidence-panel p,.evidence-gallery figcaption,.evidence-claims dd,.evidence-sources li,.notebook-card dd,.coaching-goal span,.hotspot-sources{color:var(--ink-muted);font-size:12px}.evidence-panel strong{color:var(--gold);font-size:13px}.evidence-card,.notebook-card,.knowledge-point-card,.explanation-complete{color:var(--ink);border-color:var(--line);background:linear-gradient(145deg,var(--surface-raised),var(--surface-solid))}.notebook-panel>header{background:linear-gradient(180deg,var(--surface-solid) 75%,transparent)}.notebook-panel>header strong{color:var(--gold);font-size:12px}.notebook-panel>p{color:var(--ink-muted);font-size:13px}.notebook-card h3{color:var(--ink)}.notebook-card>header button,.notebook-card dd>button,.notebook-card form button{color:var(--gold);border-color:var(--line-strong);background:color-mix(in srgb,var(--gold) 8%,transparent);font-size:12px}.notebook-card dl>div{background:color-mix(in srgb,var(--surface-soft) 28%,transparent)}.notebook-card textarea{color:var(--ink);border-color:var(--line);background:color-mix(in srgb,var(--surface-soft) 44%,transparent);font-size:14px}.notebook-card>details,.notebook-card>details summary{color:var(--ink-muted);border-color:var(--line);font-size:12px}.evidence-card summary,.coaching-goal p,.coaching-hint p,.explanation-slot p,.visual-observation,.hotspot-dialogue,.hotspot-knowledge p,.hotspot-comparisons p,.hotspot-comparisons li{color:var(--ink-soft);font-size:14px}.evidence-card summary{font-size:13px}.evidence-card summary em{color:var(--teal);border-color:color-mix(in srgb,var(--teal) 45%,transparent);background:color-mix(in srgb,var(--teal) 10%,transparent);font-size:11px}.evidence-panel>header{background:linear-gradient(180deg,var(--surface-solid) 72%,transparent)}.coaching-goal,.coaching-hint,.explanation-slot,.hotspot-knowledge,.hotspot-comparisons{border-color:var(--line);background:color-mix(in srgb,var(--surface-raised) 72%,transparent)}.coaching-actions button,.reference-questions button,.hotspot-comparisons button{color:#fff8ea;border-color:color-mix(in srgb,var(--gold) 55%,transparent);background:var(--cinnabar-deep);min-height:40px;font-size:12px}.coaching-actions .text-button{color:var(--ink-soft);background:var(--surface-soft)}.anchored-hotspot-card>header{color:var(--ink);background:color-mix(in srgb,var(--surface-solid) 96%,transparent)}.anchored-hotspot-card>header button{color:var(--ink-muted)}.hotspot-composer{border-color:var(--line);background:var(--surface-solid)}.anchored-hotspot-card form label,.hotspot-dialogue-empty,.hotspot-gallery figcaption,.observation-prompt,.hotspot-sources,.hotspot-sources summary{color:var(--ink-muted);font-size:12px}.anchored-hotspot-card input{color:var(--ink);background:color-mix(in srgb,var(--surface-soft) 44%,transparent);font-size:14px}.anchored-hotspot-card form button{color:#fff8ed;background:linear-gradient(135deg,var(--cinnabar),var(--cinnabar-deep))}.reference-questions button{color:var(--gold);border-color:var(--line);background:color-mix(in srgb,var(--gold) 8%,transparent);font-size:12px}.observation-prompt{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 7%,transparent)}.hotspot-dialogue,.hotspot-sources{border-color:var(--line)}.story-dialogue,.conclusion-backdrop,.hotspot-focus-layer{background:var(--veil)}.story-box,.conclusion-desk{color:var(--ink);border-color:var(--line-strong);background:linear-gradient(110deg,var(--surface-raised),var(--surface-solid));box-shadow:var(--shadow)}.story-box p,.conclusion-desk p,.conclusion-note p{color:var(--ink-soft)}.story-box footer{color:var(--ink-muted);font-family:var(--font-body);font-size:12px}.story-speaker{color:#fff7e9;background:linear-gradient(135deg,var(--cinnabar),var(--cinnabar-deep));font-size:16px;font-weight:650}.opening-task{color:var(--ink);border-color:var(--line-strong);background:var(--surface);box-shadow:var(--shadow)}.conclusion-heading{border-color:var(--line)}.conclusion-heading p,.conclusion-note-group>header span,.empty-note,.conclusion-note details,.conclusion-note summary,.conclusion-editor>header>span,.reflection-help{color:var(--ink-muted);font-size:12px}.conclusion-heading button,.conclusion-editor footer button{color:var(--ink-soft);border-color:var(--line-strong);background:color-mix(in srgb,var(--surface-soft) 62%,transparent);font-size:13px}.conclusion-note-group,.conclusion-editor{color:var(--ink);border-color:var(--line);background:linear-gradient(145deg,var(--surface-raised),var(--surface-solid));box-shadow:var(--shadow)}.conclusion-note-group h3,.conclusion-editor>header strong{color:var(--ink);font-size:14px}.conclusion-note-group>header i{color:var(--gold);border-color:var(--line-strong)}.conclusion-note{border-color:var(--line);background:color-mix(in srgb,var(--surface-soft) 34%,transparent)}.conclusion-note>button{color:var(--gold);font-size:12px}.conclusion-note>p{font-size:13px}.conclusion-note details{font-size:12px}.conclusion-editor>header small,.conclusion-editor>label{color:var(--cinnabar);font-size:12px}.reflection-prompts button{color:var(--gold);border-color:var(--line-strong);background:color-mix(in srgb,var(--gold) 8%,transparent);font-size:12px}.reflection-cue{color:var(--teal);border-color:var(--teal);background:color-mix(in srgb,var(--teal) 10%,transparent);font-size:12px}.conclusion-feedback{border-color:var(--cinnabar);background:color-mix(in srgb,var(--cinnabar) 9%,transparent)}.conclusion-feedback>strong,.conclusion-feedback b{color:var(--cinnabar)}.conclusion-feedback ul,.conclusion-feedback p{color:var(--ink-soft);font-size:13px}.conclusion-complete{color:var(--teal)}.mobile-sheet{color:var(--ink);border-color:var(--line);background:var(--surface-solid)}.mobile-sheet nav{background:var(--surface-soft)}.mobile-sheet nav button{color:var(--ink-muted);font-size:13px}.mobile-sheet nav button[data-active=true]{color:#fff;background:var(--teal-deep)}.floating-companion{color:var(--ink);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}.floating-companion-bar{color:var(--ink-muted);border-color:var(--line);background:var(--surface-solid);font-size:12px}.floating-companion-bar button{color:var(--ink);font-size:12px}.companion-launcher{color:var(--ink);border-color:var(--line-strong);background:var(--surface-raised);box-shadow:var(--shadow),0 0 0 6px color-mix(in srgb,var(--cinnabar) 8%,transparent)}.hotspot span{color:#fff8e8;background:var(--cinnabar-deep);box-shadow:0 0 0 7px color-mix(in srgb,var(--cinnabar) 22%,transparent),0 0 25px color-mix(in srgb,var(--gold) 72%,transparent);border-color:#fff1c9;font-size:11px}.hotspot[data-status=viewed] span{background:var(--teal-deep)}.progress-panel li{color:var(--ink-muted);font-size:12px}.progress-panel li[data-active=true]{color:var(--gold)}.question-tree>header span,.question-tree li,.question-actions button{color:var(--ink-muted);font-size:12px}.question-tree li[data-state=complete]{color:var(--teal)}.question-tree li[data-state=current],.question-tree>p{color:var(--ink);font-size:13px}.question-actions button{border-color:var(--line);background:color-mix(in srgb,var(--surface-soft) 36%,transparent);min-height:38px}.question-actions button.primary{color:#fff8ea;border-color:var(--cinnabar);background:var(--cinnabar-deep)}.investigation-dock-launchers button{color:var(--ink-muted);border-color:var(--line);background:var(--surface-raised);box-shadow:var(--shadow);font-size:12px}.investigation-dock-launchers button span{color:var(--gold);border-color:var(--line-strong)}.investigation-dock-launchers button[data-active=true]{color:#fff8ea;border-color:var(--cinnabar);background:var(--cinnabar-deep)}.companion-flight>div,.companion-pet{color:var(--ink);border-color:var(--line);background:var(--surface);box-shadow:var(--shadow)}.companion-flight p,.companion-pet p{color:var(--ink-soft);font-size:12px}.companion-flight button{color:var(--gold);border-color:var(--line-strong);background:color-mix(in srgb,var(--cinnabar) 12%,transparent)}.companion-pet button{color:var(--ink-muted)}.evidence-gallery figure,.hotspot-gallery figure{background:var(--surface-soft)}.companion-activity{color:var(--ink-soft);border-color:var(--line);background:linear-gradient(135deg,color-mix(in srgb,var(--cinnabar) 8%,transparent),color-mix(in srgb,var(--teal) 8%,transparent))}.companion-activity-copy>strong{color:var(--gold)}.companion-activity-mark{color:#fff8ea;border-color:var(--line-strong);background:var(--cinnabar-deep);box-shadow:0 0 0 4px color-mix(in srgb,var(--cinnabar) 8%,transparent)}.queued-turn{border-color:var(--line)}.queued-turn small{color:var(--teal)}.queued-turn p{color:var(--ink-soft)!important}.queued-turn button{color:var(--gold);border-color:var(--line);background:color-mix(in srgb,var(--surface-soft) 38%,transparent)}.explanation-slot i{color:var(--ink-muted);border-color:var(--line-strong);background:var(--surface-raised)}.explanation-slot[data-filled=true] i{color:var(--gold);border-color:var(--gold);background:color-mix(in srgb,var(--gold) 12%,var(--surface-raised))}.knowledge-point-mark{color:var(--gold);border-color:var(--line-strong);background:color-mix(in srgb,var(--teal) 14%,var(--surface-raised));box-shadow:0 0 0 4px color-mix(in srgb,var(--gold) 7%,transparent)}.explanation-complete:before{color:#fff8ea;border-color:var(--line-strong);background:var(--cinnabar-deep)}.hotspot-knowledge h3,.hotspot-comparisons h3{color:var(--gold)}.hotspot-comparisons h4{color:var(--ink)}.hotspot-comparisons small{color:var(--teal)}.hotspot-focus-introduction{color:var(--ink)}.focus-intro-vignette{background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--surface-raised) 58%,transparent),var(--veil) 72%)}.focus-intro-card{color:var(--ink);border-color:var(--line-strong);background:var(--surface-raised);box-shadow:var(--shadow),inset 0 0 80px color-mix(in srgb,var(--gold) 5%,transparent)}.focus-intro-copy{background:linear-gradient(145deg,var(--surface-raised),var(--surface-solid))}.focus-intro-copy small{color:var(--gold)}.focus-intro-copy h2{color:var(--ink)}.focus-intro-copy p{color:var(--ink-soft)}.focus-intro-copy .focus-intro-observation{color:var(--ink);border-color:var(--gold);background:color-mix(in srgb,var(--gold) 7%,transparent)}.focus-intro-copy button{color:#fff8ea;border-color:color-mix(in srgb,var(--gold) 55%,transparent);background:linear-gradient(110deg,var(--cinnabar),var(--cinnabar-deep))}.progress-panel li span{color:var(--ink-muted);border-color:var(--line-strong);background:var(--surface-raised)}.progress-panel li[data-active=true] span{color:var(--gold);border-color:var(--gold);background:color-mix(in srgb,var(--gold) 12%,var(--surface-raised))}.investigation-dock-launchers button span{color:var(--gold);border-color:var(--line-strong);background:color-mix(in srgb,var(--gold) 10%,var(--surface-raised))}.investigation-dock-launchers button[data-active=true] span{color:#fff8ea;background:color-mix(in srgb,var(--cinnabar-deep) 80%,transparent);border-color:#fff8ea}.question-tree li i{border-color:var(--line-strong);background:var(--surface-raised)}.question-tree li[data-state=complete] i{border-color:var(--teal);background:var(--teal)}.question-tree li[data-state=current] i{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 16%,var(--surface-raised));box-shadow:0 0 0 4px color-mix(in srgb,var(--gold) 9%,transparent)}.notebook-card [data-kind=knowledge] dd,.notebook-card [data-kind=knowledge] li{color:var(--ink)}.login-seal{border:1px solid var(--line);color:var(--gold);background:color-mix(in srgb,var(--surface-raised) 82%,transparent);writing-mode:horizontal-tb;border-radius:999px;padding:4px 8px;line-height:1.2;top:22px;right:28px}.login-gate,.startup{color:var(--ink);background:radial-gradient(circle at 50% 23%,color-mix(in srgb,var(--cinnabar) 22%,transparent),transparent 33%),linear-gradient(155deg,var(--surface-soft),var(--canvas) 72%)}.startup p{color:var(--ink-soft);font-size:15px}.startup button{border:1px solid var(--line-strong);color:#fff8ec;background:linear-gradient(135deg,var(--cinnabar),var(--cinnabar-deep));cursor:pointer;border-radius:999px;min-height:42px;padding:8px 18px}.login-card{color:var(--ink);border-color:var(--line);background:linear-gradient(180deg,var(--surface-raised),var(--surface-solid));box-shadow:var(--shadow)}.login-card h1{font-size:40px;font-weight:600}.login-kicker,.login-rule{color:var(--gold);font-size:13px}.login-question{color:var(--ink-soft);font-size:15px}.login-note,.login-card label{color:var(--ink-muted);font-size:13px}.login-input{border-color:var(--line);background:color-mix(in srgb,var(--surface-soft) 48%,transparent)}.login-input input{color:var(--ink);font-size:15px}.login-input button{color:#fff8ec;background:linear-gradient(135deg,var(--cinnabar),var(--cinnabar-deep))}html[data-theme=light] .shell:after,html[data-theme=light] .login-gate:before{opacity:.045}html[data-theme=light] .mural-canvas{box-shadow:0 28px 70px #4b2d1b66,0 0 0 1px #4c301d66}html[data-theme=light] .mural-canvas img{filter:saturate(.9)contrast(1.02)brightness(.94)}html[data-theme=light] .title{background:linear-gradient(115deg,#fff9edf7,#ead8bcf2)}html[data-theme=light] .login-landscape i{background:#789085}html[data-theme=light] .login-landscape i:nth-child(2){background:#aa735d}html[data-theme=light] .login-landscape i:nth-child(3){background:#506a61}html[data-theme=light] .dialogue-entry[data-role=player]{background:#c9e1d8}html[data-theme=light] .hotspot-focus-layer{background:#dbc8a9e8}html[data-theme=light] .story-stage-glow{background:radial-gradient(circle,#b36b3652,#0000 64%)}html[data-theme=light] .trace-inspector{color:#173f3a;background:#e4f1e9f2;border-color:#277068}.guided-investigation-tour{z-index:110;pointer-events:auto;background:0 0;position:fixed;inset:0}.tutorial-spotlight{left:var(--tour-x);top:var(--tour-y);width:var(--tour-width);height:var(--tour-height);border:2px solid var(--tutorial-ring);box-shadow:0 0 0 9999px var(--tutorial-veil),0 0 30px var(--tutorial-glow);pointer-events:none;border-radius:16px;transition:left .45s cubic-bezier(.22,.8,.24,1),top .45s cubic-bezier(.22,.8,.24,1),width .45s cubic-bezier(.22,.8,.24,1),height .45s cubic-bezier(.22,.8,.24,1);position:fixed;transform:translate(-50%,-50%)}.tutorial-flying-xiaoli{z-index:1;left:var(--tour-x);top:var(--tour-y);object-fit:cover;object-position:50% 18%;border:2px solid var(--tutorial-ring);width:76px;height:76px;box-shadow:var(--tutorial-avatar-shadow);pointer-events:none;border-radius:50%;transition:left .65s cubic-bezier(.22,.8,.24,1),top .65s cubic-bezier(.22,.8,.24,1);position:fixed;transform:translate(-115%,-82%)rotate(-4deg)}.tutorial-coach{z-index:2;left:var(--coach-x);top:var(--coach-y);border:1px solid var(--line-strong);width:min(620px,100vw - 28px);color:var(--ink);background:var(--tutorial-coach-bg);box-shadow:var(--tutorial-coach-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:9px 28px 9px 22px;padding:18px 20px;transition:left .3s,top .3s;position:fixed}.tutorial-coach small{color:var(--gold);letter-spacing:.14em}.tutorial-coach h2{font-family:var(--font-display);margin:5px 0 7px;font-size:20px;font-weight:500}.tutorial-coach p{color:var(--ink-soft);margin:0;line-height:1.7}.tutorial-coach footer{align-items:center;gap:10px;margin-top:14px;display:flex}.tutorial-coach footer span{color:var(--ink-muted);margin-left:auto;font-size:12px}.tutorial-coach button{border:1px solid var(--cinnabar);color:#fff7e9;background:var(--cinnabar-deep);cursor:pointer;border-radius:999px;min-height:40px;padding:8px 16px}.tutorial-coach .tutorial-skip{border-color:var(--line);color:var(--ink-muted);background:color-mix(in srgb,var(--surface-soft) 34%,transparent)}[data-tutorial-active=true]{pointer-events:none}.tutorial-observation-target{gap:9px;display:grid}.anchored-hotspot-card>header button:disabled{cursor:not-allowed;opacity:.35}@media (prefers-reduced-motion:reduce){.tutorial-spotlight,.tutorial-flying-xiaoli,.tutorial-coach{transition:none}}@media (width<=899px){.theme-toggle{width:40px;min-width:40px;height:40px;padding:6px;top:14px;right:14px}.theme-toggle-label{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.session-actions{top:62px;right:14px}.title p{font-size:12px}.title small{font-size:11px}.story-box p{font-size:16px}.opening-task p{font-size:13px}.mobile-sheet{background:var(--surface-solid)}.mobile-sheet .panel{color:var(--ink)}.mobile-sheet form,.mobile-sheet .notebook-panel>header{background:var(--surface-solid)}.conclusion-heading,.conclusion-editor footer{background:color-mix(in srgb,var(--surface-solid) 96%,transparent)}.login-seal{top:18px;right:18px}.tutorial-flying-xiaoli{width:58px;height:58px;transform:translate(-105%,-78%)}.tutorial-coach{padding:15px}.tutorial-coach h2{font-size:18px}.tutorial-coach p{font-size:13px;line-height:1.55}.tutorial-coach footer{flex-wrap:wrap}.tutorial-coach footer span{order:-1;width:100%;margin:0}}.mural-preview{z-index:0;position:relative}.mural-tile-layer{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.mural-canvas .mural-tile{opacity:0;max-width:none;transition:opacity .15s linear;position:absolute}.mural-canvas .mural-tile[data-loaded=true]{opacity:1}.hotspot-layer{z-index:2}.companion-pet{width:min(330px,100vw - 32px);animation:.25s ease-out pet-arrive;box-shadow:0 15px 45px #0007}.companion-pet .pet-dismiss{color:#bda99a;cursor:pointer;background:0 0;border:0;position:absolute;top:5px;right:7px}.companion-pet nav{gap:6px;margin-top:7px;display:flex}.companion-pet nav button{color:#e7c18d;cursor:pointer;background:#d6a76f0b;border:1px solid #d6a76f42;border-radius:999px;padding:5px 9px;font-size:10px;position:static}.companion-pet nav button:first-child{color:#fff1df;background:#9f3826;border-color:#cf6848}.companion-pet nav button:hover{border-color:#dfb66b99}@keyframes pet-arrive{0%{opacity:0;transform:translateY(8px)scale(.97)}}@media (prefers-reduced-motion:reduce){.companion-pet{animation:none}}@media (width>=900px){.mural-controls{top:170px;bottom:auto}.next-observation{top:218px}}