:root{--cas-navy: #0b1f33;--cas-navy-deep: #071525;--cas-ink: #1c2a36;--cas-muted: #5c6b7a;--cas-gold: #c4a35a;--cas-green: #2f7d4a;--cas-paper: #f3efe6;--cas-line: rgba(11, 31, 51, .12);--cas-danger: #9b2c2c;--radius: 14px;--shadow: 0 18px 50px rgba(7, 21, 37, .18);font-family:Noto Sans SC,system-ui,sans-serif;color:var(--cas-ink);background:var(--cas-navy-deep)}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}button,input{font:inherit}body{min-height:100%;background:radial-gradient(1200px 600px at 10% -10%,rgba(196,163,90,.18),transparent 55%),radial-gradient(900px 500px at 90% 0%,rgba(47,125,74,.12),transparent 50%),linear-gradient(165deg,#071525,#0b1f33 45%,#13283d)}.shell{min-height:100%;display:grid;place-items:center;padding:24px}.card{width:min(420px,100%);background:#f3efe6f5;border:1px solid rgba(196,163,90,.35);border-radius:22px;box-shadow:var(--shadow);padding:28px 26px 24px}.brand{font-family:"Source Serif 4",Georgia,serif;font-size:1.75rem;letter-spacing:.02em;color:var(--cas-navy);margin:0 0 4px}.lead{margin:0 0 18px;color:var(--cas-muted);font-size:.95rem;line-height:1.5}.badge-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.badge{font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:var(--cas-navy);border:1px solid var(--cas-gold);padding:4px 8px;border-radius:999px;background:#c4a35a1f}label{display:block;font-size:.85rem;color:var(--cas-muted);margin:12px 0 6px}input{width:100%;border:1px solid var(--cas-line);background:#fff;border-radius:12px;padding:12px 14px;color:var(--cas-ink)}input:focus{outline:2px solid rgba(47,125,74,.35);border-color:var(--cas-green)}.actions{display:flex;gap:10px;margin-top:18px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:12px;padding:12px 16px;cursor:pointer;transition:transform .15s ease,background .15s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--cas-green);color:#fff;flex:1;font-weight:600}.btn-primary:hover{filter:brightness(1.05)}.btn-ghost{background:transparent;color:var(--cas-navy);border:1px solid var(--cas-line)}.err{color:var(--cas-danger);font-size:.88rem;margin-top:10px;min-height:1.2em}.app{height:100%;display:grid;grid-template-columns:280px 1fr;max-width:1100px;margin:0 auto;background:#f3efe6f7;border-left:1px solid rgba(196,163,90,.25);border-right:1px solid rgba(196,163,90,.25);box-shadow:var(--shadow)}@media(max-width:800px){.app{grid-template-columns:1fr}.sidebar{display:none}.sidebar.open{display:flex;position:absolute;top:0;right:0;bottom:0;left:0;z-index:5}}.sidebar{display:flex;flex-direction:column;border-right:1px solid var(--cas-line);background:linear-gradient(180deg,#f7f3ea,#efe8da)}.side-head{padding:18px 16px 12px;border-bottom:1px solid var(--cas-line)}.side-head h1{font-family:"Source Serif 4",Georgia,serif;font-size:1.25rem;margin:0;color:var(--cas-navy)}.side-head p{margin:4px 0 0;color:var(--cas-muted);font-size:.82rem}.user-list{list-style:none;margin:0;padding:8px;overflow:auto;flex:1}.user-list li button{width:100%;text-align:left;border:none;background:transparent;padding:12px;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;color:var(--cas-ink)}.user-list li button:hover,.user-list li button.active{background:#0b1f330f}.dot{width:8px;height:8px;border-radius:50%;background:#b0b8c0}.dot.on{background:var(--cas-green)}.chat{display:flex;flex-direction:column;min-width:0;min-height:100%}.chat-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--cas-line);background:#ffffff8c}.chat-head h2{margin:0;font-size:1.05rem;color:var(--cas-navy)}.chat-head .meta{margin:2px 0 0;font-size:.78rem;color:var(--cas-muted)}.head-actions{display:flex;gap:8px}.messages{flex:1;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:12px;background:linear-gradient(180deg,rgba(255,255,255,.35),transparent 120px),repeating-linear-gradient(-12deg,transparent,transparent 18px,rgba(11,31,51,.015) 18px,rgba(11,31,51,.015) 19px)}.empty{margin:auto;text-align:center;color:var(--cas-muted);max-width:280px;line-height:1.6}.bubble{max-width:min(72%,520px);padding:10px 14px;border-radius:16px;position:relative;animation:rise .25s ease}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.bubble.me{align-self:flex-end;background:#0b1f33e6;color:#f7f3ea}.bubble.them{align-self:flex-start;background:#fff;border:1px solid var(--cas-line);color:var(--cas-ink)}.bubble .burn-tag{display:inline-block;font-size:.68rem;letter-spacing:.04em;color:var(--cas-gold);margin-bottom:4px}.bubble.them .burn-tag{color:#8a6d2f}.bubble .time{display:block;margin-top:6px;font-size:.7rem;opacity:.65}.composer{display:grid;grid-template-columns:1fr auto auto;gap:8px;padding:14px;border-top:1px solid var(--cas-line);background:#ffffffb3}.composer input{border-radius:999px;padding:12px 16px}.call-bar{display:none;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:var(--cas-navy);color:#f3efe6}.call-bar.show{display:flex}.call-bar strong{font-weight:600}.call-bar span{color:#f3efe6bf;font-size:.85rem}.burn-veil{position:fixed;top:0;right:0;bottom:0;left:0;background:#071525b8;display:none;place-items:center;z-index:20;padding:24px}.burn-veil.show{display:grid}.burn-panel{width:min(420px,100%);background:#f3efe6;border-radius:18px;padding:22px;border:1px solid var(--cas-gold);box-shadow:var(--shadow)}.burn-panel h3{margin:0 0 8px;color:var(--cas-navy);font-family:"Source Serif 4",Georgia,serif}.burn-panel p{margin:0 0 14px;color:var(--cas-muted);line-height:1.5}.burn-body{background:#fff;border:1px solid var(--cas-line);border-radius:12px;padding:14px;min-height:64px;white-space:pre-wrap;word-break:break-word;margin-bottom:14px}.side-foot{padding:12px;border-top:1px solid var(--cas-line);display:flex;gap:8px}