@import "https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700;900&family=Outfit:wght@wght@300;400;600;800&display=swap";:root{--font-primary:"Noto Sans TC", sans-serif;--font-secondary:"Outfit", sans-serif;--color-bg-dark:#0a0a0c;--color-text-light:#e5e5f0;--color-accent-blue:#4facfe;--color-accent-red:#f36;--color-accent-purple:#8b3dff;--glass-bg:#14141966;--glass-border:#ffffff1a;--glass-glow:#4facfe33}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg-dark);color:var(--color-text-light);font-family:var(--font-primary);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;overflow:hidden}#root{width:100vw;height:100vh;position:relative}.canvas-container{z-index:1;width:100vw;height:100vh;position:absolute;top:0;left:0}.scene-loader{background:radial-gradient(circle at 50% 38%,#4facfe1f,#0000 22%),radial-gradient(circle at 50% 72%,#8b3dff1a,#0000 28%),#050508;place-items:center;display:grid}.scene-loader-copy{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;color:#e5e5f0c7;background:#0a0a0c6b;border:1px solid #ffffff14;border-radius:12px;gap:.5rem;padding:1rem 1.25rem;display:grid;box-shadow:0 0 24px #4facfe14}.scene-loader-copy strong{color:#fff;letter-spacing:.18em;text-transform:uppercase;font-size:.9rem}.scene-loader-copy span{font-size:.82rem;line-height:1.6}.ui-layer{z-index:10;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:absolute;top:0;left:0}.pointer-events-auto{pointer-events:auto}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:8px;position:relative;overflow:hidden;box-shadow:0 4px 30px #00000080,inset 0 0 20px #ffffff0d}.glass-panel:after{content:"";pointer-events:none;background:linear-gradient(#0000,#4facfe4d,#0000);width:100%;height:20px;animation:6s linear infinite scan;position:absolute;top:-100%;left:0}@keyframes scan{0%{top:-100%}to{top:200%}}.glass-button{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;cursor:pointer;font-family:var(--font-primary);letter-spacing:1px;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;padding:.8rem 1.5rem;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.glass-button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.glass-button:hover:before{left:100%}.glass-button:hover{border-color:var(--color-accent-blue);box-shadow:0 0 15px var(--glass-glow);background:#ffffff1a;transform:translate(4px)}.mist-shell{padding:clamp(16px,3vw,32px)}.mist-intro{gap:.9rem;width:min(92vw,560px)}.mist-kicker{color:#e5e5f073;letter-spacing:.34em;text-transform:uppercase;font-size:.72rem}.mist-subtitle{color:#aaa;margin-bottom:.5rem}.mist-question-card{gap:1.1rem;width:min(100%,640px);margin-top:auto;margin-bottom:clamp(1.5rem,5vh,4rem);padding:clamp(1.1rem,3vw,2rem)}.mist-question-meta{color:#e5e5f085;letter-spacing:.18em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:1rem;font-size:.74rem;display:flex}.mist-question-options{flex-direction:column;gap:.8rem;margin-top:.75rem;display:flex}.mist-result-shell{background:#0a0a0cf2;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:clamp(1rem,3vw,2rem);display:flex}.mist-result-poster{scrollbar-width:none;background:#0f0f13;border-radius:12px;flex-direction:column;gap:1rem;width:min(92vw,420px);max-height:min(84vh,820px);padding:clamp(1.2rem,3vw,2rem);display:flex;position:relative;overflow:auto}.mist-result-poster::-webkit-scrollbar{display:none}.mist-result-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.25rem;display:flex}.typewriter-text{white-space:pre-wrap;display:inline-block;overflow:hidden}::-webkit-scrollbar{display:none}@media (width<=640px){.mist-question-meta{flex-direction:column;align-items:flex-start}.mist-intro h1{font-size:1.6rem!important}.mist-result-actions .glass-button{width:100%}}