:root{color-scheme:light dark;--bg: #ececff;--bg-elev: #ffffff;--bg-soft: #eeeef3;--border: #dedef1;--text: #000000;--text-muted: #33333b;--accent: #696b91;--accent-soft: #d6d6dd;--shadow: 0 3px 3px rgba(20,16,8,.8);--shadow-soft: 0 2px 2px rgba(20,16,8,.3);--focus-ring: 0 0 0 3px var(--accent-soft);--highlight: rgba(255, 220, 80, .42);--bg-sidebar: color-mix(in srgb, var(--bg) 92%, var(--text) 8%);--bg-deep: color-mix(in srgb, var(--bg) 30%, var(--text) 70%);--border-strong: color-mix(in srgb, var(--border) 50%, var(--text-muted) 50%);--accent-2: var(--accent);--shadow-pop: var(--shadow);--text-on-accent: #ffffff;--grad-brand: linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);--grad-sidebar: linear-gradient(180deg, color-mix(in srgb, var(--accent) 5%, var(--bg-sidebar)) 0%, var(--bg-sidebar) 220px);--grad-header: linear-gradient(180deg, var(--bg-elev) 0%, var(--bg-soft) 100%);--tone-1: #d33b3b;--tone-2: #d57f1a;--tone-3: #2c8a3d;--tone-4: #2566c4;--tone-5: #888;--hanzi-font: "Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", serif;--ui-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--tab-h: 56px;--side-w: 220px;--safe-bot: env(safe-area-inset-bottom, 0px)}[data-theme=light]{--bg: #ffffff;--bg-elev: #f7f7f7;--bg-sidebar: #fafafa;--bg-soft: #eeeeee;--bg-deep: #e4e4e4;--border: #c4c4c4;--border-strong: #464646;--text: #000000;--text-muted: #3f3f3f;--accent: #6051e4;--accent-2: #ff5858;--accent-soft: #d1d1d1;--highlight: rgba(255, 213, 60, .45);--shadow: 0 1px 2px rgba(20,16,8,.8);--shadow-soft: 0 1px 2px rgba(20,16,8,.3);--shadow-pop: 0 4px 14px rgba(20,16,8,.12)}[data-theme=dark]{--bg: #111111;--bg-elev: #141414;--bg-sidebar: #141414;--bg-soft: #181818;--bg-deep: #000000;--border: #3a3a3a;--border-strong: #a7a7a7;--text: #ffffff;--text-muted: #bcbbc5;--accent: #424386;--accent-2: #793a3a;--accent-soft: #222222;--highlight: rgba(255, 255, 255, .32);--shadow: 0 1px 2px rgba(0,0,0,.8);--shadow-soft: 0 1px 2px rgba(0,0,0,.3);--shadow-pop: 0 4px 4px rgba(57, 51, 92, .55)}[data-theme=sepia]{--bg: #f5f0e2;--bg-elev: #f1eada;--bg-sidebar: #ddcfa9;--bg-soft: #d4c69c;--bg-deep: #2a2114;--border: #b49b68;--border-strong: #221e17;--text: #000000;--text-muted: #2c261a;--accent: #3b3b2e;--accent-2: rgb(148, 147, 80);--accent-soft: #edd5a3;--highlight: rgba(190, 130, 30, .4);--shadow: 0 1px 2px rgba(60,40,10,.8);--shadow-soft: 0 1px 2px rgba(60,40,10,.3);--shadow-pop: 0 4px 4px rgba(0, 0, 0, .16)}[data-theme=ocean]{--bg: #002044;--bg-elev: #002858;--bg-sidebar: #00234e;--bg-soft: #00346e;--bg-deep: #000813;--border: #002238;--border-strong: #3d6486;--text: #ffffff;--text-muted: #d7e5f1;--accent: #008558;--accent-2: #0042bd;--accent-soft: #282644;--highlight: rgba(138, 238, 255, .3);--shadow: 0 2px 2px rgba(0,0,0,.8);--shadow-soft: 0 1px 2px rgba(0,0,0,.3);--shadow-pop: 0 6px 18px rgba(0,15,40,.55), 0 1px 3px rgba(0,0,0,.4)}[data-theme=midnight]{--bg: #110e1f;--bg-elev: #1a1531;--bg-sidebar: #161329;--bg-soft: #221d3f;--bg-deep: #040310;--border: #000000;--border-strong: #443f6a;--text: #ffffff;--text-muted: #d0c8e9;--accent: #7a48b1;--accent-2: #1d1d38;--accent-soft: #12101f;--highlight: rgba(255, 255, 255, .26);--shadow: 0 2px 2px rgba(0,0,0,.8);--shadow-soft: 0 2px 2px rgba(0, 0, 0, .3);--shadow-pop: 0 2px 2px rgba(147, 125, 212, .55)}[data-theme=forest]{--bg: #0f1f16;--bg-elev: #172b1f;--bg-sidebar: #0b1710;--bg-soft: #1f3528;--bg-deep: #050d08;--border: #253b2e;--border-strong: #4d6b58;--text: #f1efe9;--text-muted: #bfcfc4;--accent: #4ea15e;--accent-2: #d4a85c;--accent-soft: #1d3327;--highlight: rgba(160, 195, 115, .22);--shadow: 0 1px 2px rgba(0,0,0,.8);--shadow-soft: 0 1px 2px rgba(0,0,0,.35);--shadow-pop: 0 6px 20px rgba(0,18,10,.55), 0 1px 3px rgba(0,0,0,.4)}[data-theme=mahogany]{--bg: #130f0d;--bg-elev: #181212;--bg-sidebar: #130f0d;--bg-soft: #221919;--bg-deep: #0f0c0b;--border: #2c2727;--border-strong: #5f4943;--text: rgb(247, 241, 241);--text-muted: #e6d6cb;--accent: #775640;--accent-2: #ac8278;--accent-soft: #24201f;--highlight: rgba(226, 198, 169, .22);--shadow: 0 2px 2px rgba(0,0,0,.8);--shadow-soft: 0 1px 2px rgba(0,0,0,.5);--shadow-pop: 0 2px 2px rgba(180, 90, 60, .5)}*{box-sizing:border-box}*{scrollbar-width:auto;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}*::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}*::-webkit-scrollbar-corner{background:transparent}html,body{height:100%;margin:0}body{font-family:var(--ui-font);background:var(--bg);color:var(--text);font-size:clamp(14px,.95vw + 12px,16px);line-height:1.45;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;overflow:hidden}button,input,textarea,select{font:inherit;color:inherit}button{background:var(--bg-elev);border:1px solid var(--border);border-radius:8px;padding:8px 14px;cursor:pointer;transition:background .14s ease,border-color .14s ease,box-shadow .14s ease,transform .06s ease,color .14s ease}button:hover:not(:disabled){background:var(--bg-soft);border-color:var(--border-strong)}button:focus-visible{outline:none;box-shadow:var(--focus-ring);border-color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:var(--shadow-soft)}button.primary:hover:not(:disabled){filter:brightness(1.08);background:var(--accent);border-color:var(--accent)}button.danger{color:#c33;border-color:#c33}button.ghost{background:transparent;border-color:transparent;box-shadow:none}button.ghost:hover:not(:disabled){background:var(--bg-soft);border-color:transparent}button.small{padding:4px 10px;font-size:.875em}input[type=text],input[type=search],input[type=password],input[type=number],textarea,select{background:var(--bg-elev);border:1px solid var(--border);border-radius:8px;padding:8px 10px;width:100%;outline:none;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}input:hover:not(:focus),textarea:hover:not(:focus),select:hover:not(:focus){border-color:color-mix(in srgb,var(--text-muted) 40%,var(--border))}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:var(--focus-ring)}textarea{resize:vertical;min-height:60px;font-family:inherit}a{color:var(--accent)}code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.9em;background:var(--bg-soft);padding:1px 4px;border-radius:3px}hr{border:none;border-top:1px solid var(--border);margin:16px 0}.hanzi{font-family:var(--hanzi-font);font-size:1.15em}.tone-1{color:var(--tone-1)}.tone-2{color:var(--tone-2)}.tone-3{color:var(--tone-3)}.tone-4{color:var(--tone-4)}.tone-5{color:var(--tone-5)}#app{display:grid;grid-template-columns:var(--side-w) 1fr;grid-template-rows:1fr;height:100vh;height:100dvh}@media(max-width:899px){#app{grid-template-columns:1fr;grid-template-rows:1fr calc(var(--tab-h) + var(--safe-bot))}.panel,.card{padding:12px}#modal-root .modal-backdrop{padding:8px;align-items:flex-end}#modal-root .modal{max-height:calc(100dvh - var(--tab-h) - var(--safe-bot) - 16px);max-height:calc(100vh - var(--tab-h) - var(--safe-bot) - 16px);border-radius:16px 16px 0 0;padding:16px}}#tabs{position:relative;overflow:hidden}.panel{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;padding:18px;-webkit-overflow-scrolling:touch}.panel[hidden]{display:none}h1,h2,h3,h4{margin-top:0}h2{font-size:1.3em;margin-bottom:12px}h3{font-size:1.05em;margin-bottom:8px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.row{display:flex;gap:8px;align-items:center}.row.wrap{flex-wrap:wrap}.col{display:flex;flex-direction:column;gap:8px}.spacer{flex:1}.muted{color:var(--text-muted)}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.field label{font-size:.85em;color:var(--text-muted);font-weight:500}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;padding:14px;box-shadow:var(--shadow-soft)}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--bg-soft);border:1px solid var(--border);border-radius:999px;padding:4px 10px;font-size:.9em;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .14s ease,border-color .14s ease,color .14s ease}.chip:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--border))}.chip.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.chip .x{opacity:.6}.chip:hover .x{opacity:1}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);display:flex;align-items:center;justify-content:center;z-index:1000}.loading-screen.hidden{display:none}.loading-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;padding:24px;max-width:420px;width:calc(100% - 32px);box-shadow:var(--shadow)}.loading-card h2{margin:0 0 8px}#loading-progress{height:6px;background:var(--bg-soft);border-radius:3px;overflow:hidden;margin:12px 0}#loading-bar{height:100%;width:0%;background:var(--accent);transition:width .2s}#modal-root .modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:500;padding:20px}#modal-root .modal{background:var(--bg-elev);border-radius:14px;border:1px solid var(--border);padding:20px;max-width:800px;width:100%;max-height:90vh;overflow:auto;box-shadow:var(--shadow-pop, var(--shadow))}#modal-root .modal h3{color:var(--text);text-transform:none;letter-spacing:0;font-size:1.1em;font-weight:600}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}#toast-root{position:fixed;bottom:calc(var(--tab-h) + var(--safe-bot) + 16px);left:50%;transform:translate(-50%);z-index:600;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{background:var(--text);color:var(--bg);padding:10px 16px;border-radius:6px;font-size:.9em;box-shadow:var(--shadow);opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s;pointer-events:auto}.toast.show{opacity:1;transform:translateY(0)}@media(min-width:900px){#toast-root{bottom:24px}}.api-preset-card{background:var(--bg-soft);border:1px solid var(--border);border-radius:10px;padding:14px;margin:0 0 18px}.api-preset-card .field:last-of-type{margin-bottom:6px}.api-preset-footer{display:flex;align-items:center;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.api-preset-footer #set-api-dirty-note:not(:empty){color:var(--accent-2);font-weight:500}.readonly-line{padding:8px 0 4px;color:var(--text-muted);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.9em;word-break:break-all;-webkit-user-select:text;user-select:text}#tabbar{display:flex;flex-direction:column;gap:2px;background:var(--grad-sidebar, var(--bg-sidebar));border-right:1px solid var(--border);padding:6px;align-items:stretch;overflow-y:auto;scrollbar-width:auto;box-shadow:inset -1px 0 color-mix(in srgb,var(--bg-deep) 8%,transparent)}#tabbar .brand{display:flex;align-items:center;gap:12px;padding:14px 16px;margin:-2px -2px 14px;background:var(--grad-brand);border-radius:12px;color:var(--text-on-accent);box-shadow:var(--shadow-pop);position:relative;overflow:hidden}#tabbar .brand:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 80% at 100% 0%,rgba(255,255,255,.18) 0%,transparent 60%);pointer-events:none}#tabbar .brand-hanzi{font-family:var(--hanzi-font);font-size:1.7em;color:var(--text-on-accent);font-weight:700;letter-spacing:.02em;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,1)}#tabbar .brand-text{font-size:.92em;font-weight:600;color:var(--text-on-accent);letter-spacing:.02em;text-shadow:0 1px 2px rgba(0,0,0,1)}.tab{position:relative;display:flex;align-items:center;background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;padding:10px 14px;cursor:pointer;color:var(--text-muted);font-weight:500;font-size:.95em;text-align:left;white-space:nowrap;box-shadow:var(--shadow-soft);transition:background .14s ease,color .14s ease,border-color .14s ease,border-radius .14s ease}.tab:hover:not(:disabled){color:var(--text-muted);background:var(--bg-soft)}.tab[aria-selected=true]{color:var(--text);background:var(--bg-soft);border-color:var(--accent);font-weight:600;box-shadow:var(--shadow-pop)}.tab[aria-selected=true]:hover{color:var(--text);background:var(--accent-soft)}.tab:focus-visible{outline:none;box-shadow:var(--focus-ring);border-color:var(--accent)}.tab .tab-chevron{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;width:24px;height:24px;font-size:1em;line-height:1;border-radius:6px;cursor:pointer;color:var(--text-muted);background:var(--bg-soft);border:1px solid var(--border);-webkit-user-select:none;user-select:none;transition:transform .2s ease,background .14s ease,color .14s ease,border-color .14s ease,box-shadow .14s ease}.tab .tab-chevron:hover{background:var(--bg-elev);color:var(--text);border-color:var(--border-strong)}.tab[aria-selected=true] .tab-chevron{color:var(--accent);background:var(--bg-elev);border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.tab .tab-chevron[aria-expanded=true]{background:var(--accent);color:var(--text-on-accent);border-color:var(--accent);transform:rotate(180deg);box-shadow:0 2px 6px color-mix(in srgb,var(--accent) 45%,transparent)}.tab .tab-chevron:focus-visible{outline:none;box-shadow:var(--focus-ring);border-color:var(--accent)}.tab-chat.scn-open{border-radius:10px 10px 0 0;z-index:2}.scn-dropdown{display:flex;flex-direction:column}.scn-dropdown-head{display:flex;align-items:center;justify-content:space-between;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.scn-dropdown-head .scn-sort{font-size:.85em;text-transform:none;letter-spacing:0;font-weight:500;color:var(--accent);background:transparent;border:1px solid transparent;cursor:pointer;padding:2px 8px;border-radius:6px;transition:background .14s ease,border-color .14s ease}.scn-dropdown-head .scn-sort:hover{border-color:var(--border);background:var(--bg-elev)}.scn-dropdown-list{display:flex;flex-direction:column}.scn-dropdown-item{display:flex;align-items:center;justify-content:space-between;gap:10px;background:transparent;border:1px solid transparent;text-align:left;color:var(--text);cursor:pointer;font-family:inherit;transition:background .14s ease,border-color .14s ease,color .14s ease}.scn-dropdown-item:hover{background:var(--bg-soft);border-color:var(--border);color:var(--text)}.scn-dropdown-item.active{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 45%,var(--border));color:var(--accent);font-weight:600}.scn-dropdown-item:focus-visible{outline:none;box-shadow:var(--focus-ring);border-color:var(--accent)}.scn-dropdown-item .scn-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.scn-dropdown-item .scn-count{flex-shrink:0;font-size:.78em;color:var(--text-muted);background:var(--bg-soft);padding:2px 8px;border-radius:10px;min-width:22px;text-align:center;font-weight:600;line-height:1.4}.scn-dropdown-item.active .scn-count{background:color-mix(in srgb,var(--accent) 18%,var(--bg-elev));color:var(--accent)}.scn-dropdown-empty{padding:20px 16px;text-align:center;color:var(--text-muted);font-size:.88em;font-style:italic}.scn-dropdown-floating{position:fixed;z-index:800;min-width:260px;max-width:360px;max-height:60vh;font-size:.92em;background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-pop, var(--shadow));overflow:hidden;animation:scn-pop .14s ease-out}@keyframes scn-pop{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.scn-dropdown-floating .scn-dropdown-head{padding:10px 14px;border-bottom:1px solid var(--border);font-size:.74em;background:var(--bg-soft)}.scn-dropdown-floating .scn-dropdown-list{overflow-y:auto;padding:6px 8px;gap:2px}.scn-dropdown-floating .scn-dropdown-item{padding:9px 12px;border-radius:8px;font-size:.95em}.scn-dropdown-inline{margin:-2px 0 8px;background:var(--bg-elev);border:1px solid var(--border);border-top:none;border-radius:0 0 12px 12px;box-shadow:var(--shadow-soft);font-size:.92em;animation:scn-pop .14s ease-out;overflow:hidden;position:relative;z-index:1}.scn-dropdown-inline .scn-dropdown-head{padding:10px 14px 8px;font-size:.72em;border-bottom:1px solid var(--border);background:var(--bg-soft)}.scn-dropdown-inline .scn-dropdown-list{padding:6px 8px 8px;gap:2px}.scn-dropdown-inline .scn-dropdown-item{padding:8px 14px;border-radius:8px;font-size:.92em}@media(max-width:899px){#tabbar{flex-direction:row;order:2;border-right:none;border-top:1px solid var(--border);justify-content:space-around;padding:4px 6px;padding-bottom:calc(4px + var(--safe-bot));overflow-x:auto;overflow-y:hidden;gap:4px;background:var(--grad-sidebar, var(--bg-sidebar));box-shadow:0 -1px 4px #00000014}#tabbar::-webkit-scrollbar{display:none}#tabbar .brand{display:none}.tab{border-radius:10px;border:1px solid var(--border);background:var(--bg-elev);padding:8px 6px;flex:1;font-size:.75em;font-weight:500;text-align:center;justify-content:center;position:relative;box-shadow:var(--shadow-soft);min-width:0;letter-spacing:-.01em}.tab:before{display:none}.tab[aria-selected=true]{background:var(--bg-soft);border-color:var(--accent);color:var(--text);font-weight:600;box-shadow:var(--shadow-pop)}.tab[aria-selected=true]:after{content:none}.tab-chat{padding-right:26px}.tab-chat .tab-chevron{position:absolute;right:4px;top:50%;transform:translateY(-50%);margin-left:0}.tab-chat .tab-chevron[aria-expanded=true]{transform:translateY(-50%) rotate(180deg)}}.chat-tab{display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:1fr;grid-template-areas:"header" "scroll" "compose";height:100%;position:absolute;top:0;right:0;bottom:0;left:0;padding:0}.chat-header{grid-area:header}.chat-scroll{grid-area:scroll}.compose{grid-area:compose}.chat-rail{grid-area:rail;display:none}.chat-bg{grid-area:scroll;background-position:center;background-size:cover;background-repeat:no-repeat;opacity:var(--bg-opacity);pointer-events:none;align-self:stretch;justify-self:stretch;z-index:0}.chat-scroll{position:relative;z-index:1;background:transparent}@media(min-width:1180px){.chat-tab{grid-template-columns:1fr 320px;grid-template-areas:"header rail" "scroll rail" "compose rail"}.chat-rail{display:flex}}.chat-header{display:flex;align-items:center;gap:10px;padding:12px 18px;border-bottom:1px solid var(--border);background:var(--grad-header, var(--bg-elev));box-shadow:0 1px 0 var(--border),0 6px 14px -10px #0000002e;position:relative;z-index:2}.chat-header:before{content:"";position:absolute;inset:auto 0 -1px 0;height:2px;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--accent) 55%,transparent) 30%,color-mix(in srgb,var(--accent-2) 55%,transparent) 70%,transparent 100%);pointer-events:none}.chat-header .title{font-weight:600;letter-spacing:.01em}.chat-header .subtitle{color:var(--text-muted);font-size:.85em}.chat-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.hdr-btn,.persona-picker-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg-soft);color:var(--text);font-size:.85em;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s,color .15s;white-space:nowrap;font-family:inherit;line-height:1.3}.hdr-btn:hover,.persona-picker-btn:hover{background:var(--bg-elev);border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 25%,transparent)}.hdr-btn:focus-visible,.persona-picker-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hdr-btn.primary{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:600}.hdr-btn.primary:hover{background:color-mix(in srgb,var(--accent) 85%,#000);border-color:color-mix(in srgb,var(--accent) 85%,#000);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 50%,transparent),0 2px 8px color-mix(in srgb,var(--accent) 30%,transparent)}.persona-picker{position:relative;flex-shrink:0}.persona-picker-btn{padding:6px 12px 6px 6px;max-width:180px;font-size:.85em}.persona-picker-avatar{width:20px;height:20px;flex-shrink:0;border-radius:50%;background:var(--bg-elev) center/cover;border:1px solid var(--border);display:inline-block}.persona-picker-avatar:not(.has-image):after{content:"👤";font-size:11px;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.persona-picker-name{overflow:hidden;text-overflow:ellipsis;max-width:110px}.persona-picker-chevron{font-size:.75em;color:var(--text-muted);transition:transform .2s;flex-shrink:0}.persona-picker-btn[aria-expanded=true] .persona-picker-chevron{transform:rotate(180deg)}.persona-picker-drop{position:absolute;top:calc(100% + 6px);right:0;min-width:220px;max-width:280px;background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #00000059,0 0 0 1px var(--border);z-index:50;overflow:hidden;animation:personaDropIn .15s ease}@keyframes personaDropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.persona-picker-list{display:flex;flex-direction:column;padding:4px;gap:2px}.persona-picker-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border:none;border-radius:7px;background:transparent;color:var(--text);font-size:.9em;cursor:pointer;text-align:left;transition:background .12s;width:100%}.persona-picker-item:hover{background:var(--bg-soft)}.persona-picker-item.active{background:color-mix(in srgb,var(--accent) 12%,transparent)}.persona-picker-item-avatar{width:28px;height:28px;flex-shrink:0;border-radius:50%;background:var(--bg-elev) center/cover;border:1px solid var(--border)}.persona-picker-item-avatar:empty:after{content:"👤";font-size:14px;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.persona-picker-item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.persona-picker-check{color:var(--accent);font-weight:700;font-size:.9em;flex-shrink:0}.chat-scroll{overflow-y:auto;padding:12px max(14px,calc((100% - 760px)/2));display:flex;flex-direction:column;gap:4px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.msg{max-width:min(680px,100%);position:relative}.msg.editing{width:100%;align-self:stretch;max-width:100%}.msg.user{align-self:flex-end;display:flex;flex-direction:row;align-items:flex-start;gap:8px}.msg.user .bubble{min-width:0}.msg.user .user-stack{display:flex;flex-direction:column;gap:2px;min-width:0;align-items:stretch;background:color-mix(in srgb,var(--bg-elev) 95%,transparent);border:1px solid var(--border);border-radius:12px 12px 4px;padding:6px 12px;color:var(--text-muted);box-shadow:0 1px 2px #00000080}.msg.user .user-name{font-size:.8em;font-weight:600;color:var(--text-muted);padding-right:0;align-self:flex-end;cursor:pointer}.msg.user .user-name:hover{color:var(--accent);text-decoration:underline}.msg.user .portrait{width:var(--portrait-w, 44px);height:var(--portrait-h, 66px);flex-shrink:0;border-radius:6px;background:var(--bg-soft) center/cover;border:1px solid var(--border);margin-top:2px}.msg.assistant{align-self:stretch;max-width:100%}.msg.system{align-self:center;max-width:80%}.msg .bubble{padding:4px 8px;border-radius:14px;background:var(--bg-elev);border:1px solid var(--border);white-space:pre-wrap;word-break:break-word;line-height:1.6}.msg.user .bubble{background:transparent;border:none;border-radius:0;box-shadow:none;padding:0;min-height:4px}.msg.system .bubble{background:var(--bg-soft);border:none;color:var(--text-muted);font-size:.88em;text-align:center}.msg.assistant>.chat-segments{display:flex;flex-direction:column;gap:8px;background:color-mix(in srgb,var(--bg-elev) 95%,transparent);border:1px solid var(--border);border-radius:12px;padding:12px 14px;box-shadow:0 1px 2px #00000080}.msg.assistant>.chat-segments>.bubble{background:transparent;border:none;padding:0;border-radius:0;line-height:1.55}.msg.assistant>.chat-segments>.msg.narration{align-self:stretch;max-width:100%;padding-bottom:0}.msg.narration .bubble{background:transparent;border:none;border-left:2px solid var(--border);color:var(--text-muted);padding:2px 8px;border-radius:0;margin-left:2px;line-height:1.5}.msg.assistant>.chat-segments>.msg.narration .bubble{padding:1px 0;border-left:none;margin-left:0}.msg.assistant>.chat-segments>.speech-group{align-self:stretch;max-width:100%;gap:8px;align-items:flex-start}.msg.assistant>.chat-segments>.speech-group .portrait{width:var(--portrait-w, 44px);height:var(--portrait-h, 66px);flex-shrink:0;border-radius:6px;background:var(--bg-soft) center/cover;border:1px solid var(--border);margin-top:2px}.msg.assistant>.chat-segments>.speech-group .speech-stack{gap:2px}.msg.assistant>.chat-segments>.speech-group .npc-name{font-size:.8em;padding-left:0}.msg.assistant>.chat-segments>.speech-group .bubble.speech{background:var(--bg-soft);border:1px solid var(--border);padding:8px 12px;border-radius:12px 12px 12px 4px}.speech-group{display:flex;gap:8px;align-items:flex-start;align-self:flex-start;max-width:min(720px,100%)}.speech-group .portrait{width:var(--portrait-w, 44px);height:var(--portrait-h, 66px);flex-shrink:0;border-radius:6px;background:var(--bg-soft) center/cover;border:1px solid var(--border);cursor:pointer;margin-top:18px}.speech-group .speech-stack{display:flex;flex-direction:column;gap:4px;min-width:0}.speech-group .npc-name{font-size:.92em;font-weight:600;color:var(--text-muted);padding-left:2px;cursor:pointer;align-self:flex-start}.speech-group .npc-name:hover{color:var(--accent);text-decoration:underline}.speech-group .portrait{cursor:pointer}.speech-group .bubble.speech{background:var(--bg-elev);border-bottom-left-radius:4px}.chat-segments{display:flex;flex-direction:column;gap:10px}.msg .actions{position:absolute;top:0;right:0;display:none;gap:0px;background:color-mix(in srgb,var(--bg-elev) 90%,transparent);opacity:.9;border-radius:6px;padding:0;z-index:2;box-shadow:0 2px 1px #00000080}.msg.user .actions{right:48px}.msg:hover .actions,.msg.menu-open .actions{display:flex}.msg .actions button{border:none;background:transparent;padding:5px;font-size:.9em;border-radius:6px;line-height:1;opacity:1;transition:opacity .1s,background .1s}.msg .actions button:hover{opacity:1;background:var(--bg-soft)}.msg .actions .variant-counter{font-size:.8em;color:var(--text-muted);align-self:center;padding:0 2px;-webkit-user-select:none;user-select:none}.compose{border-top:1px solid var(--border);background:var(--bg-elev);padding:10px max(10px,calc((100% - 760px)/2));display:flex;gap:8px;align-items:flex-end;padding-bottom:max(10px,var(--safe-bot))}.compose textarea{flex:1;resize:none;max-height:30vh;min-height:38px;border-radius:18px;padding:10px 14px;overflow-y:hidden}.compose .send-row{display:flex;gap:6px;flex-direction:column}.compose button{border-radius:18px;padding:8px 16px}.empty-chat{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);text-align:center;padding:40px 20px;text-shadow:0px 1px 4px var(--bg)}.empty-chat .hanzi{font-size:3em;margin-bottom:10px}.tip-target.hovering-hanzi{cursor:pointer}.sessions-modal{max-width:580px!important;padding:0!important;overflow:hidden!important}.sessions-modal-head{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:18px 20px 14px;border-bottom:1px solid var(--border)}.sessions-modal-head h3{margin:0;font-size:1.05em;font-weight:600}.sessions-scope-row{display:flex;gap:4px;padding:10px 20px;background:var(--bg-soft);border-bottom:1px solid var(--border)}.sessions-scope-btn{padding:6px 14px;border:1px solid var(--border);border-radius:10px;background:var(--bg-elev);color:var(--text-muted);font-size:.82em;font-weight:500;cursor:pointer;box-shadow:var(--shadow-soft);transition:background .14s ease,color .14s ease,border-color .14s ease;font-family:inherit}.sessions-scope-btn:hover{background:var(--bg-soft);color:var(--text);border-color:var(--border-strong)}.sessions-scope-btn.active{background:var(--bg-soft);color:var(--text);border-color:var(--accent);font-weight:600;box-shadow:var(--shadow-pop)}.sessions-scope-btn.active:hover{color:var(--text);background:var(--accent-soft)}.sessions-list{max-height:55vh;overflow-y:auto;padding:8px 12px;display:flex;flex-direction:column;gap:3px}.sessions-empty{padding:28px 20px;text-align:center;color:var(--text-muted);font-size:.9em}.sessions-empty-icon{font-size:2em;margin-bottom:8px;opacity:.4}.session-card{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:9px;cursor:pointer;border:1px solid transparent;transition:background .12s,border-color .12s}.session-card:hover{background:var(--bg-soft);border-color:var(--border)}.session-card.active{background:color-mix(in srgb,var(--accent) 10%,transparent);border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.session-card-body{flex:1;min-width:0}.session-card-title{font-weight:600;font-size:.92em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-card-meta{font-size:.78em;color:var(--text-muted);margin-top:1px}.session-card-actions{display:flex;gap:4px;flex-shrink:0;opacity:0;transition:opacity .12s}.session-card:hover .session-card-actions{opacity:1}.session-card-actions button{padding:4px 8px;font-size:.75em;border-radius:6px;border:1px solid var(--border);background:var(--bg-elev);color:var(--text-muted);cursor:pointer;transition:background .12s,color .12s;font-family:inherit}.session-card-actions button:hover{background:var(--bg-soft);color:var(--text)}.session-card-actions button.danger:hover{background:#c0392b;color:#fff;border-color:#c0392b}.sessions-modal-foot{display:flex;justify-content:flex-end;padding:12px 20px;border-top:1px solid var(--border);background:var(--bg-soft)}.sessions-modal-foot button{padding:7px 18px;border:1px solid var(--border);border-radius:8px;background:var(--bg-elev);color:var(--text);font-size:.85em;font-weight:500;cursor:pointer;transition:background .12s;font-family:inherit}.sessions-modal-foot button:hover{background:var(--bg-soft)}.npc-name.unknown{opacity:.55;cursor:default;font-style:italic}.npc-name.unknown:hover{color:inherit;text-decoration:none}.tts-btn{align-self:flex-end;width:26px;height:26px;padding:0;margin-top:2px;border-radius:50%;border:1px solid var(--border);background:var(--bg-elev);font-size:.85em;line-height:1;cursor:pointer;opacity:.55;transition:opacity .12s,background-color .12s,border-color .12s}.tts-btn:hover{opacity:1;background:var(--bg-soft)}.tts-btn.tts-loading,.tts-btn.tts-playing{opacity:1;border-color:var(--accent);color:var(--accent)}.tts-btn.tts-loading{animation:tts-pulse 1s ease-in-out infinite}@keyframes tts-pulse{0%,to{opacity:.6}50%{opacity:1}}.msg-translation{font-size:.88em;color:var(--text-muted);padding:5px 10px;margin-top:4px;border-left:2px solid var(--accent);background:var(--accent-soft);border-radius:0 6px 6px 0;white-space:pre-wrap}.chat-rail{flex-direction:column;border-left:1px solid var(--border);background:var(--bg);min-height:0;overflow:hidden}.chat-rail .rail-header{padding:10px 14px;border-bottom:1px solid var(--border);background:var(--bg-soft);font-weight:600;font-size:.92em;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.chat-rail .rail-search{padding:10px 12px;border-bottom:1px solid var(--border)}.chat-rail .rail-search input{width:100%}.chat-rail .rail-results{flex:1;overflow-y:auto;padding:6px 8px}.chat-rail .rail-empty{padding:14px;color:var(--text-muted);font-size:.88em;text-align:center}.chat-rail .rail-result{padding:10px 12px;cursor:pointer;margin-bottom:0}.chat-rail .rail-result:hover{background:var(--bg-soft)}.chat-rail .rail-result.active{background:var(--accent-soft);border-color:var(--accent)}.chat-rail .dict-row-header{padding:8px 10px;font-size:.92em}.chat-rail .dict-row-header .hanzi{font-size:1.2em}.chat-rail .dict-row-detail{padding:14px;font-size:.92em}.search-scope{display:flex;gap:4px;margin-bottom:8px}.search-scope button{flex:1;padding:4px 8px;font-size:.85em;border-radius:6px;border:1px solid var(--border);background:var(--bg-elev);color:var(--text-muted);cursor:pointer;transition:background-color .12s,color .12s,border-color .12s}.search-scope button:hover{background:var(--bg-soft)}.search-scope button.active{background:var(--accent-soft);border-color:var(--accent);color:var(--text)}.chat-rail .search-scope{margin-top:8px;margin-bottom:0}.dict-row{display:flex;flex-direction:column;gap:0}.dict-row-header{cursor:pointer;padding:10px 14px;position:relative;z-index:1;transition:border-color .14s ease,box-shadow .14s ease,border-radius .14s ease}.dict-row-header:hover{border-color:var(--border-strong);box-shadow:var(--shadow-soft)}.dict-expand-icon{font-size:.65em;color:var(--text-muted);margin-left:2px;flex-shrink:0}.dict-row.expanded .dict-row-header{box-shadow:var(--shadow-soft);border-radius:12px 12px 0 0}.dict-row-detail{padding:18px;border-color:var(--accent-soft);border-top:none;border-radius:0 0 12px 12px;box-shadow:var(--shadow-soft);position:relative;z-index:0}.detail-section{margin-bottom:18px}.detail-section:last-child{margin-bottom:0}.detail-section-head{font-size:.7em;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid var(--border)}.detail-defs{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:3px}.detail-defs li{font-size:.95em;line-height:1.5;color:var(--text)}.detail-defs li::marker{color:var(--text-muted);font-weight:500;font-size:.85em}.detail-char-grid{display:flex;flex-wrap:wrap}.detail-char-card{padding:6px;min-width:100px;flex:1;max-width:150px}.detail-extra-row{font-size:.9em;padding:5px 0;line-height:1.4}.detail-extra-row+.detail-extra-row{border-top:1px dotted var(--border)}@media(max-width:899px){.chat-header{padding:10px 14px;gap:6px}.chat-header .title{font-size:.95em}.chat-header .subtitle{font-size:.78em}.hdr-btn,.persona-picker-btn{padding:5px 10px;font-size:.8em;gap:4px}.persona-picker-btn{max-width:140px}.persona-picker-name{max-width:70px}.chat-scroll{padding:8px 12px calc(12px + var(--safe-bot))}.msg{max-width:100%}.msg.system{max-width:90%}.compose{padding:8px 10px;padding-bottom:max(8px,var(--safe-bot));gap:6px}.compose textarea{border-radius:14px;padding:8px 12px;min-height:36px;font-size:.95em}.compose button{border-radius:14px;padding:7px 14px;font-size:.9em}.empty-chat{padding:24px 16px}.empty-chat .hanzi{font-size:2.2em}.sessions-modal{max-width:100%!important;border-radius:14px!important}}.tip{position:fixed;background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;padding:10px;box-shadow:var(--shadow);z-index:700;max-width:min(680px,calc(100vw - 24px));min-width:240px;font-size:.95em;animation:tip-in .12s ease-out}@keyframes tip-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.tip .tip-head{display:flex;align-items:baseline;gap:8px;margin-bottom:6px;flex-wrap:wrap}.tip .tip-hanzi{font-family:var(--hanzi-font);font-size:1.7em;font-weight:500;line-height:1.1}.tip .tip-trad{color:var(--text-muted);font-family:var(--hanzi-font);font-size:1.05em}.tip .tip-pinyin{font-size:1.05em;font-weight:500}.tip .close{position:absolute;top:6px;right:6px;background:transparent;border:none;color:var(--text-muted);width:26px;height:26px;padding:0;border-radius:50%;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.tip .close:hover{background:var(--bg-soft);color:var(--text)}.tip ol.defs{margin:6px 0;padding-left:18px;font-size:.92em}.tip ol.defs li{margin-bottom:2px;line-height:1.4}.tip .more-defs{color:var(--text-muted);font-size:.85em;cursor:pointer;padding-left:2px}.tip .extra-entries{margin-top:8px;padding-top:8px;border-top:1px dashed var(--border)}.tip .extra-entries .extra-head{font-size:.85em;color:var(--text-muted);margin-bottom:4px}.tip .drilldown{display:flex;gap:8px;margin-top:10px;padding-top:8px;border-top:1px solid var(--border);flex-wrap:wrap}.tip .drill-char{cursor:pointer;padding:4px 8px;border-radius:6px;background:var(--bg-soft);border:1px solid var(--border);font-family:var(--hanzi-font);font-size:1.1em;transition:background .12s,border-color .12s;display:flex;align-items:center;gap:4px}.tip .drill-char:hover{background:var(--accent-soft);border-color:var(--accent)}.tip .drill-char .arrow{font-size:.7em;opacity:.6}.tip .vocab-row{margin-top:10px;display:flex;justify-content:space-between;gap:8px}.tip .vocab-btn{flex:1;font-size:.85em;padding:6px 10px}.tip .vocab-btn.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}@media(max-width:600px){.tip{position:fixed;left:0!important;right:0;bottom:0!important;top:auto!important;max-width:none;width:100%;border-radius:14px 14px 0 0;padding:14px 16px calc(14px + var(--safe-bot));animation:tip-up .18s ease-out}@keyframes tip-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.hanzi-hover-overlay{position:fixed;background:var(--highlight);border-radius:3px;pointer-events:none;z-index:710;transition:opacity .06s}.tip-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:699;background:transparent}@media(max-width:600px){.tip-backdrop{background:#0003}}