@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.block{display:block}.contents{display:contents}.table{display:table}}:root{--ink:#07090c;--panel:#0d1319;--panel-soft:#131d25;--line:#c69e648a;--gold:#d0aa72;--gold-dim:#8c6b45;--paper:#e1d2ba;--muted:#a79c8f;--alert:#d46c57;--green:#92b99e}*{box-sizing:border-box}html,body{background:var(--ink);min-height:100%}body{color:#f4eadb;margin:0;font-family:Noto Serif TC,Microsoft JhengHei,Georgia,serif}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{background:#0b1015;max-width:560px;min-height:100dvh;margin:0 auto;padding-bottom:150px;position:relative;overflow:hidden;box-shadow:0 0 50px #000000bf}.hero{border-bottom:1px solid var(--line);height:316px;position:relative;overflow:hidden}.hero-art{pointer-events:none;will-change:transform,filter;background-position:59%;background-size:cover;animation:.65s ease-out both hostReveal,7s ease-in-out .65s infinite alternate hostIdle;position:absolute;inset:-2%}.hero-daily .hero-art{background-image:url(/assets/host-daily-v3.png)}.hero-mystery .hero-art{background-image:url(/assets/host-mystery-v3.png)}.hero-warm .hero-art{background-image:url(/assets/host-warm-v3.png)}.hero-light_horror .hero-art{background-image:url(/assets/host-horror-v3.png)}.hero.is-thinking .hero-art{animation:1.25s ease-in-out infinite alternate hostThinking}.hero.is-approved .hero-art{animation:1.1s ease-out both hostApproved,7s ease-in-out 1.1s infinite alternate hostIdle}.hero.is-alert .hero-art{animation:.7s ease-out both hostAlert}@keyframes hostReveal{0%{opacity:.4;filter:brightness(.72);transform:scale(1.045)}to{opacity:1;filter:brightness();transform:scale(1.02)}}@keyframes hostIdle{0%{transform:scale(1.02)translate(-.25%)}to{transform:scale(1.035)translate(.25%,-.15%)}}@keyframes hostThinking{0%{filter:brightness(.76)contrast(1.04);transform:scale(1.02)}to{filter:brightness(.94)contrast(1.08);transform:scale(1.04)translateY(-.25%)}}@keyframes hostApproved{0%{filter:brightness(.82)sepia(0);transform:scale(1.035)}55%{filter:brightness(1.12)sepia(.12);transform:scale(1.02)}to{filter:brightness(1.03)sepia(.05);transform:scale(1.02)}}@keyframes hostAlert{0%{filter:brightness(.72)contrast(1.16);transform:scale(1.045)translate(.45%)}45%{filter:brightness(1.06)contrast(1.12);transform:scale(1.025)translate(-.35%)}to{filter:brightness(.9)contrast(1.08);transform:scale(1.02)}}.hero-scrim{background:linear-gradient(90deg,#040608e0 0%,#04060852 62%,#0406081f 100%);position:absolute;inset:0}.topbar,.hero-case{z-index:1;display:flex;position:relative}.topbar{padding:max(16px, env(safe-area-inset-top)) 18px 0;justify-content:space-between;align-items:center}.brand{color:#f2e4cc;text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.brand strong{letter-spacing:.08em;font-size:25px;display:block}.brand small{color:var(--gold);letter-spacing:.04em;margin-top:2px;font-size:11px;display:block}.brand-mark{color:var(--gold);border:1px solid var(--gold-dim);border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.icon-button{color:var(--paper);border:1px solid var(--line);background:#05080a94;border-radius:9px;flex:0 0 42px;width:42px;height:42px}.hero-case{border:1px solid var(--line);background:#06090ccc;padding:13px 15px;display:block;position:absolute;bottom:20px;left:18px;right:130px;box-shadow:inset 0 0 0 1px #0009}.eyebrow,.host-label,.result-label{color:var(--gold);letter-spacing:.15em;font-size:12px}.hero-case h1{margin:7px 0 8px;font-size:25px;line-height:1.18}.meta{color:#e5bf7e;gap:10px;font-size:12px;display:flex}.case-panel,.notice,.clue-strip,.transcript{background:linear-gradient(145deg,#101921f7,#060a0ef7);border:1px solid #d0aa726b;margin:13px 14px}.case-panel{padding:14px 15px 12px}.host-label{align-items:center;gap:8px;display:flex}.pulse{background:var(--green);width:7px;height:7px;box-shadow:0 0 12px var(--green);border-radius:50%}.case-panel p{color:#f6ecdf;margin:10px 0;font-size:16px;line-height:1.75}.inline-link{color:var(--gold);background:0 0;border:0;padding:0;font-size:13px}.inline-link svg{margin-right:6px}.notice{color:#d6c7b4;gap:10px;padding:11px 13px;font-size:13px;line-height:1.55;display:flex}.notice svg{color:var(--gold);margin-top:3px}.clue-strip,.transcript{padding:13px}.section-heading{color:var(--gold);justify-content:space-between;align-items:center;font-size:13px;display:flex}.section-heading button{color:var(--paper);background:0 0;border:0;font-size:12px}.empty-note{color:var(--muted);margin:12px 0 2px;font-size:13px;line-height:1.65}.clue-row{gap:8px;margin-top:11px;padding-bottom:2px;display:flex;overflow-x:auto}.clue-card{min-width:116px;color:var(--gold);background:#04080c80;border:1px solid #d0aa7261;padding:10px}.clue-card span,.clue-card strong{display:block}.clue-card span{color:var(--muted);margin:6px 0 2px;font-size:10px}.clue-card strong{color:#f0dfc7;font-size:13px}.transcript-row{border-bottom:1px solid #d6c5a921;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;display:flex}.transcript-row:last-child{border:0}.transcript-row div{flex:1;min-width:0}.transcript-row span{color:var(--gold-dim);font-size:11px}.transcript-row p{margin:3px 0 0;font-size:14px;line-height:1.5}.transcript-row strong{text-align:right;min-width:74px;color:var(--gold);font-size:14px}.answer-no strong{color:#d99276}.answer-irrelevant strong{color:#9aa5ad}.composer{z-index:5;width:min(560px,100%);padding:12px 14px max(16px, env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#05080bf7;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -14px 34px #00000059}.composer label{color:var(--gold);justify-content:space-between;margin-bottom:7px;font-size:14px;display:flex}.composer label small{color:var(--muted);font-size:11px}.composer-row{gap:7px;display:flex}.composer input{color:#231d17;background:#ece2d2;border:1px solid #f7eedf;border-radius:7px;outline:none;flex:1;min-width:0;padding:13px 12px;font-size:14px}.composer input:focus{box-shadow:0 0 0 2px var(--gold)}.composer input[aria-invalid=true]{box-shadow:0 0 0 2px #c86b5b}.composer button{color:#f6ead7;background:#172d42;border:1px solid #9d7340;border-radius:7px;padding:0 13px;font-weight:700}.composer .voice{background:#121a22;width:42px;padding:0}.composer button:disabled{opacity:.58;cursor:wait}.composer-error{color:#ffd2c8;justify-content:space-between;align-items:center;gap:10px;margin-top:8px;font-size:12px;line-height:1.45;display:flex}.composer-error button{color:#f3c27d;background:0 0;border:0;flex:none;padding:2px 0;font-size:12px;text-decoration:underline}.composer .voice-recording{color:#fff4ec;background:#7d2d2d;border-color:#e28a78;animation:1s ease-in-out infinite alternate voicePulse}.composer .voice-processing svg{animation:.8s linear infinite voiceSpin}@keyframes voicePulse{0%{box-shadow:0 0 #e25a4e26}to{box-shadow:0 0 0 5px #e25a4e47}}@keyframes voiceSpin{to{transform:rotate(360deg)}}.drawer-backdrop{z-index:20;background:#000000b3;align-items:flex-end;display:flex;position:fixed;inset:0}.drawer{color:#292019;width:100%;max-width:560px;min-height:58dvh;max-height:91dvh;padding-bottom:max(18px,env(safe-area-inset-bottom));background:#e4d3b8;border-top:2px solid #9b7547;margin:0 auto;overflow:auto;box-shadow:0 -18px 40px #00000080}.drawer header{z-index:1;background:#e4d3b8;border-bottom:1px solid #4c341c42;grid-template-columns:42px 1fr 42px;align-items:center;padding:10px 14px;display:grid;position:sticky;top:0}.drawer header h2{text-align:center;margin:0;font-size:19px}.drawer header button{color:#3d2b1a;background:0 0;border:0;font-size:17px}.case-list,.notes,.theory-pane,.result-pane{padding:15px 18px}.case-option{text-align:left;color:#2c2017;background:#fffaf061;border:1px solid #462d1440;align-items:center;gap:12px;width:100%;margin-bottom:9px;padding:13px 12px;display:flex}.case-option.active{color:#faecd7;background:#2b3540;border-color:#b88d57}.case-option>span{color:#9b7044;font-size:12px}.case-option div{flex:1}.case-option strong,.case-option small{display:block}.case-option small{color:inherit;opacity:.68;margin-top:4px;font-size:11px}.notebook-title{color:#6b4825;border-bottom:1px solid #412a1440;align-items:center;gap:9px;padding:0 0 14px;display:flex}.notes h3,.result-pane h4{color:#6a4825;margin:18px 0 9px;font-size:14px}.note-line{border-bottom:1px dashed #412a1447;padding:8px 0}.note-line p,.timeline{margin:4px 0;font-size:13px;line-height:1.55}.timeline{color:#594128}.theory-pane>p{font-size:14px;line-height:1.6}.theory-pane textarea{resize:vertical;color:#2c2017;background:#f4e8d5;border:1px solid #422b166b;outline:none;width:100%;min-height:180px;padding:13px}.theory-pane textarea:focus{box-shadow:0 0 0 2px #bd9059}.drawer-actions{gap:9px;margin-top:13px;display:flex}.drawer-actions button,.restart{color:#f7ebd6;background:#243a50;border:1px solid #68451f;flex:1;padding:12px}.drawer-actions .secondary{color:#4c3218;background:0 0}.theory-feedback{background:#f1dfc4;border-left:3px solid #a46d38;margin-top:12px;padding:10px}.theory-feedback p{margin:5px 0 0;font-size:13px}.theory-feedback.solved{border-color:#67856b}.result-pane{text-align:center}.grade{color:#bd8844;margin:12px 0;font-family:Georgia,serif;font-size:100px;line-height:.95}.result-pane h3{margin:0}.score{color:#725126}.score-grid{grid-template-columns:repeat(5,1fr);gap:5px;margin:18px 0;display:grid}.score-grid div{border:1px solid #472d1440;padding:7px 3px}.score-grid small,.score-grid strong{display:block}.score-grid small{font-size:9px;line-height:1.25}.score-grid strong{color:#8f5d25;margin-top:5px}.result-pane p{text-align:left;font-size:13px;line-height:1.55}.restart{width:100%;margin-top:16px}.loading-shell{background:var(--ink);min-height:100dvh;color:var(--paper);place-items:center;display:grid}@media (prefers-reduced-motion:reduce){.hero-art,.hero.is-thinking .hero-art,.hero.is-approved .hero-art,.hero.is-alert .hero-art,.composer .voice-recording,.composer .voice-processing svg{animation:none;transform:scale(1.02)}}@media (min-width:700px){body{background:#020304}.app-shell{min-height:100vh}.hero{height:360px}.hero-art{background-position:58%}.hero-case{right:230px}.case-panel,.clue-strip,.transcript,.notice{margin-left:20px;margin-right:20px}}.truth-label{color:#7a532a;font-weight:700;margin-top:12px!important}.result-truth{text-align:left;background:#f1dfc4;border-left:3px solid #a46d38;margin:16px 0;padding:13px}.result-truth.correct{border-color:#67856b}.result-truth h4{margin:10px 0 5px}.result-truth p{margin:0}