:root{--bg: #16131c;--bg-deep: #0e0c14;--panel: #201a26;--border: #3a2f42;--border-soft: #2c2436;--text: #f0e9e4;--dim: #b3a597;--faint: #7d7267;--orange: #e8a35e;--orange-soft: #e8a35e66;--cream: #f0d9b8;--night: #6a7fa8;--danger: #e08791;--radius: 14px;--serif: "Playfair Display", "Songti SC", "Noto Serif SC", 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-home.jpg);background-size:cover;background-position:55% 42%;filter:saturate(.9) brightness(.62)}.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}}.flow-char-wrap{align-self:flex-start;max-width:92%;display:flex;flex-direction:column;gap:6px}.reason-block{border-left:2px solid var(--border);padding-left:10px;margin-bottom:2px}.reason-head{font-size:11.5px;letter-spacing:.5px;color:var(--faint);font-family:var(--mono);background:none;border:none;padding:0;cursor:default;text-align:left}.reason-head.thinking{color:var(--night);animation:reason-breathe 1.4s ease-in-out infinite}.reason-head.collapsed{cursor:pointer;color:var(--faint)}.reason-head.collapsed:hover{color:var(--dim)}@keyframes reason-breathe{50%{opacity:.5}}.reason-body{margin-top:5px;font-size:12px;line-height:1.7;color:var(--faint);white-space:pre-wrap;font-style:italic;opacity:.85}.timing-foot{margin-top:4px;font-size:10.5px;color:var(--faint);font-family:var(--mono);letter-spacing:.5px;opacity:.7}.session-open{flex:none;width:26px;height:26px;margin-right:4px;display:grid;place-items:center;cursor:pointer;background:none;border:1px solid var(--border);border-radius:8px;color:var(--dim);font-size:13px;line-height:1;transition:all .16s}.session-open:hover{color:var(--cream);border-color:var(--orange-soft)}.session-backdrop{position:fixed;inset:0;z-index:20;background:#0007;opacity:0;pointer-events:none;transition:opacity .22s}.session-backdrop.is-open{opacity:1;pointer-events:auto}.session-drawer{position:fixed;top:0;left:0;bottom:0;z-index:21;width:300px;max-width:84vw;background:linear-gradient(180deg,#201a26,#16131c);border-right:1px solid var(--border);display:flex;flex-direction:column;transform:translate(-100%);transition:transform .24s cubic-bezier(.4,0,.2,1);box-shadow:8px 0 40px #0008}.session-drawer.is-open{transform:translate(0)}.session-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border-soft)}.session-drawer-title{font-family:var(--serif);font-size:16px;letter-spacing:.2em;color:var(--cream)}.session-new{background:var(--orange-soft);border:1px solid var(--orange-soft);border-radius:9px;color:var(--cream);font-size:12.5px;padding:5px 12px;cursor:pointer;transition:all .16s}.session-new:hover:not(:disabled){background:var(--orange);color:#2a1c10}.session-new:disabled{opacity:.5;cursor:not-allowed}.session-list{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:4px}.session-empty{color:var(--faint);font-size:12.5px;text-align:center;padding:30px 16px;line-height:1.7}.session-row{display:flex;align-items:stretch;border-radius:11px;border:1px solid transparent;transition:background .16s,border-color .16s}.session-row:hover{background:#2c2436}.session-row.is-active{background:#2c2436;border-color:var(--orange-soft)}.session-row-main{flex:1;min-width:0;text-align:left;background:none;border:none;cursor:pointer;padding:10px 12px;display:flex;flex-direction:column;gap:3px}.session-row-title{font-size:13.5px;color:var(--text);display:flex;align-items:center;gap:5px}.session-branch-mark{color:var(--orange);font-size:11px}.session-row-preview{font-size:11.5px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-row-meta{display:flex;gap:10px;font-size:10.5px;color:var(--faint);font-family:var(--mono);margin-top:2px}.session-row-actions{display:flex;flex-direction:column;justify-content:center;gap:2px;padding:4px 6px}.session-row-actions button{width:22px;height:20px;display:grid;place-items:center;background:none;border:none;color:var(--faint);cursor:pointer;border-radius:6px;font-size:11px;transition:all .14s}.session-row-actions button:hover:not(:disabled){color:var(--cream);background:#ffffff12}.session-row-actions .session-del:hover:not(:disabled){color:var(--danger)}.session-row-actions button:disabled{opacity:.4;cursor:not-allowed}.session-rename-input{flex:1;margin:8px 10px;background:#16131c;border:1px solid var(--orange-soft);border-radius:8px;color:var(--text);font-size:13.5px;padding:8px 10px;outline:none}