:root{--bg: #14171a;--bg-deep: #0d0f11;--panel: #1b2024;--border: #333b40;--border-soft: #262d31;--text: #e8ebe6;--dim: #9aa39c;--faint: #6b736c;--orange: #cba15e;--orange-soft: #cba15e66;--cream: #e6dcc4;--night: #6f8f86;--jade: #7fa892;--danger: #d98a86;--radius: 14px;--serif: "Playfair Display", "Songti SC", "Noto Serif SC", "STKaiti", "KaiTi", serif;--sans: -apple-system, "PingFang SC", "Helvetica Neue", system-ui, sans-serif;--mono: "SF Mono", ui-monospace, Menlo, monospace;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.7;overflow:hidden}.stage{position:relative;width:100vw;height:100vh;overflow:hidden}.room-bg{position:absolute;inset:0;z-index:0;background-image:url(/assets/scene-mist.png);background-size:cover;background-position:50% 46%;filter:saturate(.82) brightness(.5)}.room-tint{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 60% 40% at 50% 18%,#e8a35e14,transparent 70%),linear-gradient(180deg,#0e0c1466 0%,transparent 34%,#0e0c14cc 92%)}.title-plate{position:absolute;top:20px;right:24px;z-index:5;text-align:right}.title-plate h1{font-family:var(--serif);font-size:22px;letter-spacing:.3em;color:var(--cream);font-weight:600;text-shadow:0 2px 10px #000a}.title-plate .title-en{font-family:var(--serif);font-style:italic;font-size:11px;letter-spacing:.35em;color:var(--orange);opacity:.75}.proscenium{position:absolute;left:0;right:0;bottom:0;z-index:4;display:flex;flex-direction:column;gap:12px;padding:0 24px 24px;max-width:860px;margin:0 auto}.flow-panel{background:linear-gradient(180deg,#201a2699,#16131cf2);border:1px solid var(--border);border-radius:18px 18px var(--radius) var(--radius);border-bottom:none;padding:16px 20px 8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dialog-head{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.dialog-head .who{font-family:var(--serif);font-size:17px;letter-spacing:.2em;color:var(--orange);font-weight:600}.dialog-head .who-addr{font-size:11px;color:var(--faint);font-family:var(--mono)}.chat-flow{display:flex;flex-direction:column;gap:14px;max-height:46vh;overflow-y:auto;padding-right:6px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.chat-flow::-webkit-scrollbar{width:6px}.chat-flow::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.flow-me{align-self:flex-end;max-width:76%;background:linear-gradient(135deg,#e8c9a0,var(--orange));color:#2a1c10;border-radius:14px 14px 3px;padding:9px 14px;font-size:14px;box-shadow:0 4px 16px #0006}.flow-char{align-self:flex-start;max-width:92%;color:#f2ece5;font-size:14.5px;line-height:1.85;white-space:pre-wrap}.flow-typing:after{content:"▋";display:inline-block;margin-left:2px;color:var(--orange);animation:blink 1.1s steps(2) infinite}.flow-waiting{color:var(--faint);font-size:20px;letter-spacing:3px}@keyframes blink{50%{opacity:0}}.dialog-error{color:var(--danger);font-size:12.5px;margin-top:8px}.composer{display:flex;gap:8px;background:#16131cf2;border:1px solid var(--border);border-radius:var(--radius);padding:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.composer textarea{flex:1;resize:none;height:44px;background:transparent;border:none;outline:none;color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.5;padding:10px 12px}.composer textarea::placeholder{color:var(--faint)}.composer button{flex:none;padding:0 22px;border-radius:10px;cursor:pointer;background:var(--orange-soft);border:1px solid var(--orange-soft);color:var(--cream);font-family:var(--serif);font-size:15px;letter-spacing:.2em;transition:background .16s}.composer button:hover:not(:disabled){background:var(--orange);color:#2a1c10}.composer button:disabled{opacity:.4;cursor:not-allowed}@media(max-width:640px){.chat-flow{max-height:40vh}.title-plate h1{font-size:17px}}.ledger{position:absolute;top:20px;left:24px;z-index:6;width:224px;max-height:70vh;overflow-y:auto;background:linear-gradient(180deg,#1b2024e6,#14171af2);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 12px 40px #0007}.ledger-head{font-family:var(--serif);font-size:15px;letter-spacing:.35em;color:var(--jade);text-align:center;padding-bottom:10px;border-bottom:1px solid var(--border-soft);margin-bottom:12px}.ledger-sec{margin-bottom:14px}.ledger-lb{font-size:10.5px;letter-spacing:.15em;color:var(--faint);font-family:var(--mono);margin-bottom:7px}.ledger-wi{display:flex;align-items:baseline;gap:7px}.ledger-wi .wi-count{font-family:var(--serif);font-size:26px;color:var(--orange);line-height:1}.ledger-wi .wi-note{font-size:11px;color:var(--dim)}.ledger-empty{font-size:11.5px;color:var(--faint);line-height:1.7;border:1px dashed var(--border-soft);border-radius:10px;padding:8px 10px}.ledger-notes{list-style:none;display:flex;flex-direction:column;gap:6px}.ledger-notes li{display:flex;align-items:center;gap:8px;background:#14171a;border:1px solid var(--border-soft);border-radius:9px;padding:6px 10px}.ledger-notes .note-cat{font-size:10px;color:var(--jade);font-family:var(--mono);flex:none;border:1px solid #7fa89244;border-radius:6px;padding:1px 6px}.ledger-notes .note-val{font-size:13px;color:var(--cream);font-family:var(--serif)}.ledger-foot{font-size:10px;color:var(--faint);line-height:1.6;border-top:1px dashed var(--border-soft);padding-top:9px;margin-top:2px}@media(max-width:860px){.ledger{position:static;width:auto;max-height:none;margin:12px 24px 0}}