:root{color:#17252c;background:#f7f4ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.7}.center-stage{display:grid;min-height:100vh;place-items:center;color:#215f73;font-weight:700}.auth-layout{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:40px;align-items:center;min-height:100vh;padding:48px;background:linear-gradient(145deg,#215f73eb,#1a3841e0),url(/icons/icon-512.svg) left 10% center / min(56vw,520px) no-repeat}.brand-panel{max-width:680px;color:#fffaf0}.eyebrow{margin:0 0 12px;color:#d99445;font-size:.82rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.brand-panel h1,.topbar h1{margin:0;line-height:1.02}.brand-panel h1{max-width:620px;font-size:clamp(2.5rem,7vw,5.8rem)}.brand-panel p:not(.eyebrow){max-width:560px;color:#f5dfbd;font-size:1.12rem;line-height:1.7}.auth-card,.panel,.metric,.character-card{border:1px solid rgba(23,37,44,.12);border-radius:8px;background:#fffdf8f5;box-shadow:0 18px 50px #12333f29}.auth-card{padding:24px}.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:6px;border-radius:8px;background:#e8e1d6}.mode-switch button{min-height:44px;border:0;border-radius:6px;background:transparent;color:#385059;font-weight:800}.mode-switch button.active{background:#fffdf8;color:#17252c;box-shadow:0 2px 10px #17252c1a}form{display:grid;gap:18px;margin-top:22px}label{display:grid;gap:8px;color:#385059;font-size:.9rem;font-weight:800}input,select{width:100%;min-height:46px;border:1px solid #cfc6b8;border-radius:6px;background:#fffdf8;color:#17252c;padding:0 12px}.primary-button,.ghost-button{min-height:44px;border-radius:6px;padding:0 16px;font-weight:800}.primary-button{border:0;background:#215f73;color:#fff}.ghost-button{border:1px solid #cfc6b8;background:#fffdf8;color:#215f73}.form-error,.error-panel{color:#a13f2c}.app-shell{width:min(1160px,calc(100% - 32px));margin:0 auto;padding:32px 0 56px}.topbar{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:28px}.topbar h1{color:#12333f;font-size:clamp(2rem,5vw,4rem)}.session-actions{display:flex;gap:12px;align-items:center;color:#385059;font-weight:800}.metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.metric{padding:18px}.metric span{display:block;color:#617780;font-size:.88rem;font-weight:800}.metric strong{display:block;margin-top:6px;color:#215f73;font-size:2.35rem;line-height:1}.panel{padding:22px}.character-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.character-card{display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px;align-items:center;padding:16px}.character-glyph{display:grid;width:76px;height:76px;place-items:center;border-radius:8px;background:#e7f0ee;color:#12333f;font-family:"Noto Serif SC",Songti SC,serif;font-size:2.8rem;font-weight:800}.character-meta h2{margin:0;color:#17252c;font-size:1.1rem}.character-meta p{margin:4px 0;color:#385059}.character-meta span{color:#6d655a;font-size:.86rem;font-weight:700}.character-card select{grid-column:1 / -1}@media(max-width:780px){.auth-layout{grid-template-columns:1fr;gap:24px;padding:28px 16px}.brand-panel h1{font-size:2.65rem}.topbar,.session-actions{align-items:flex-start;flex-direction:column}.metrics-grid{grid-template-columns:1fr}}