:root{--bg:#0f172a;--card:#111827;--card2:#1f2937;--border:#334155;--text:#f8fafc;--muted:#94a3b8;--green:#22c55e;--yellow:#f59e0b;--red:#ef4444;--blue:#38bdf8}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(circle at top,#1e293b,var(--bg));color:var(--text)}.app-shell{width:min(1180px,calc(100% - 32px));margin:32px auto}.card{background:rgba(17,24,39,.94);border:1px solid var(--border);border-radius:20px;box-shadow:0 18px 60px rgba(0,0,0,.28)}.hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:28px;margin-bottom:20px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.eyebrow{color:var(--blue);text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800}h1,h2,p{margin-top:0}.muted{color:var(--muted)}.small{font-size:12px}.layout{display:grid;grid-template-columns:1.65fr .95fr;gap:20px}.chat,.security-panel{padding:22px}.section-header,.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.pill{border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;border:1px solid var(--border)}.pill.secure{background:rgba(34,197,94,.12);color:var(--green)}.pill.warning{background:rgba(245,158,11,.12);color:var(--yellow)}.pill.risk{background:rgba(239,68,68,.12);color:var(--red)}.room-grid,.resume-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.room-grid label,.resume-grid label{font-size:12px;color:var(--muted);font-weight:700}.room-grid input,.resume-grid input{margin-top:6px;width:100%}.retention-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.chat-log{height:420px;overflow:auto;background:rgba(15,23,42,.72);border:1px solid var(--border);border-radius:16px;padding:16px;margin:16px 0}.message{padding:12px 14px;border-radius:14px;margin-bottom:12px;background:var(--card2);border:1px solid var(--border)}.message .meta{font-size:12px;color:var(--muted);margin-top:8px;word-break:break-all}.message.system{background:rgba(56,189,248,.08)}.message.warning{background:rgba(245,158,11,.09);border-color:rgba(245,158,11,.4)}.message.destroyed{background:rgba(239,68,68,.11);border-color:rgba(239,68,68,.55)}.message.me{border-color:rgba(34,197,94,.45)}.composer{display:grid;grid-template-columns:1fr 120px auto;gap:10px}input,select{border:1px solid var(--border);background:#020617;color:var(--text);border-radius:12px;padding:12px}.button{border:none;border-radius:12px;padding:12px 16px;cursor:pointer;color:#020617;font-weight:900;background:var(--blue)}.button.primary{background:var(--green)}.button.danger{background:var(--red);color:#fff}.button:disabled{opacity:.45;cursor:not-allowed}.score-wrap{display:flex;gap:16px;align-items:center;margin:18px 0}.score{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;font-size:30px;font-weight:900;background:linear-gradient(145deg,rgba(56,189,248,.22),rgba(34,197,94,.2));border:1px solid var(--border)}.score.destroyed{background:linear-gradient(145deg,rgba(239,68,68,.35),rgba(245,158,11,.15))}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.status-grid div{background:rgba(15,23,42,.72);border:1px solid var(--border);border-radius:14px;padding:12px}.status-grid span{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.status-grid strong{word-break:break-word}.info-box{margin-top:16px;background:rgba(56,189,248,.08);border:1px solid rgba(56,189,248,.28);padding:14px;border-radius:14px}.warning-box{background:rgba(245,158,11,.08);border-color:rgba(245,158,11,.32)}.modal-backdrop{position:fixed;inset:0;background:rgba(2,6,23,.76);display:grid;place-items:center;z-index:10;padding:20px}.hidden{display:none!important}.modal{width:min(600px,100%);padding:24px}.modal input[type=range]{width:100%;margin:18px 0}.slider-value{font-size:20px;margin-bottom:10px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.checkline{display:flex;gap:8px;align-items:center;color:var(--text);font-size:13px}.checkline input{width:auto}.splash{text-align:center}@media(max-width:980px){.layout,.hero,.room-grid,.resume-grid{grid-template-columns:1fr;display:grid}.hero-actions{display:grid;grid-template-columns:1fr}.composer{grid-template-columns:1fr}.panel-header{align-items:stretch;flex-direction:column}.modal-actions{flex-direction:column}}