:root{--bg0: #07050a;--bg1: #0d0812;--panel: rgba(255,255,255,.06);--panel2: rgba(255,255,255,.09);--line: rgba(255,255,255,.1);--text: #efe7f6;--muted: rgba(239,231,246,.68);--crimson: #d02a4a;--violet: #7b3cff;--gilt: #f1c36b;--shadow: 0 18px 60px rgba(0,0,0,.65);--radius: 18px;--youFont: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;--herFont: "Cormorant Garamond", Georgia, serif}*{box-sizing:border-box}html,body{height:100%}body{margin:0;color:var(--text);background:radial-gradient(1200px 800px at 20% 10%,rgba(123,60,255,.22),transparent 55%),radial-gradient(900px 700px at 70% 20%,rgba(208,42,74,.18),transparent 60%),radial-gradient(1000px 800px at 50% 90%,rgba(241,195,107,.1),transparent 60%),linear-gradient(180deg,var(--bg0),var(--bg1));font-family:var(--youFont)}a{color:var(--gilt)}.app{height:100vh;display:grid;grid-template-columns:360px 1fr;gap:18px;padding:18px;max-width:1400px;margin:0 auto}@media(max-width:980px){.app{grid-template-columns:1fr;grid-template-rows:auto 1fr}}.card{background:linear-gradient(180deg,#ffffff12,#ffffff0d);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.sidebar{display:grid;grid-template-rows:auto auto 1fr auto;min-height:0}.brand{padding:14px 14px 10px;border-bottom:1px solid var(--line)}.brand h1{margin:0;font-size:18px;letter-spacing:.4px}.brand .sub{margin-top:6px;color:var(--muted);font-size:12.5px}.portraitWrap{padding:14px;border-bottom:1px solid var(--line)}.portrait{width:100%;aspect-ratio:4 / 5;border-radius:16px;border:1px solid rgba(241,195,107,.25);box-shadow:0 20px 70px #0000008c;overflow:hidden;background:#00000040}.portrait img{width:100%;height:100%;object-fit:cover;display:block}.threadList{padding:10px 8px 12px;overflow:auto}.threadItem{border:1px solid transparent;background:#0000002e;padding:10px;border-radius:14px;margin:8px 6px;cursor:pointer}.threadItem:hover{border-color:#f1c36b38}.threadItem.active{border-color:#7b3cff59;box-shadow:0 0 0 1px #d02a4a1f inset}.threadTitle{font-size:13.5px}.threadMeta{margin-top:4px;color:var(--muted);font-size:12px}.sidebarFooter{border-top:1px solid var(--line);padding:12px 14px;display:flex;gap:10px;align-items:center;justify-content:space-between}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.14);background:#00000038;color:var(--text);padding:10px 12px;border-radius:14px;cursor:pointer;font-weight:600}.btn:hover{border-color:#f1c36b40}.btn.primary{border-color:#7b3cff4d;background:linear-gradient(90deg,#7b3cff33,#d02a4a2e)}.btn.danger{border-color:#d02a4a59}.main{display:grid;grid-template-rows:auto 1fr auto;min-height:0}.topbar{padding:12px 14px;border-bottom:1px solid var(--line);display:flex;gap:12px;align-items:center;justify-content:space-between}.topbar .title{display:flex;flex-direction:column;gap:2px}.topbar .title .t{font-weight:700;font-size:14px}.topbar .title .s{color:var(--muted);font-size:12px}.chatScroll{overflow:auto;padding:14px 14px 0;scroll-behavior:smooth}.msg{margin:0 0 16px;padding:0 2px 16px;border-bottom:1px dashed rgba(255,255,255,.08)}.msg .who{font-size:12px;color:var(--muted);margin-bottom:6px}.msg .who .tag{display:inline-block;padding:2px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.14);margin-right:8px}.msg .who .tag.her{border-color:#f1c36b47;color:#f1c36bf2;font-family:var(--herFont);letter-spacing:.4px}.msg .who .tag.you{border-color:#ffffff24}.msg .body{white-space:pre-wrap;line-height:1.55;font-size:14.5px}.msg.her .body{font-family:var(--herFont);font-size:18px;letter-spacing:.2px}.msg.you .body{font-family:var(--youFont)}.markup-b{font-weight:800}.markup-i{font-style:italic}.markup-u{text-decoration:underline}.markup-color{text-shadow:0 0 18px rgba(123,60,255,.15)}.composer{border-top:1px solid var(--line);padding:12px 14px;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;background:linear-gradient(180deg,#0000000f,#0003)}textarea{width:100%;resize:none;min-height:56px;max-height:180px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#00000038;color:var(--text);padding:12px;font-family:var(--youFont);outline:none}textarea:focus{border-color:#f1c36b4d}.small{font-size:12px;color:var(--muted)}.drawerOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:grid;place-items:center;padding:18px}.drawer{width:min(860px,100%);max-height:min(88vh,860px);overflow:auto;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,#140c1cf5,#0a060ef5);box-shadow:var(--shadow)}.drawerHeader{padding:14px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.drawerHeader .h{font-weight:800}.drawerBody{padding:14px 16px 18px;display:grid;gap:14px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:820px){.grid2{grid-template-columns:1fr}}.field label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}.field input,.field select{width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#00000038;color:var(--text);padding:10px;outline:none}.field input:focus,.field select:focus{border-color:#f1c36b4d}.field textarea{min-height:140px}