:root{--bg0:#070c16;--bg1:#0b1220;--card:#0f1a33cc;--border:#3aa0ff33;--text:#eaf2ff;--muted:#a8c0e8;--accent:#3aa0ff;--accent2:#6bdcff;--danger:#ff4d6d;--ok:#39d98a;--help-bg:#f2f2f2;--help-accent:#f0a24a;--help-border:#f0a24a55;--radius:18px;--shadow: 0 16px 50px rgba(0,0,0,.45)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:radial-gradient(1200px 700px at 30% 10%,#122b66 0%,var(--bg0) 55%,#03050b 100%);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji";overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;position:relative}.card{width:min(980px,100%);background:linear-gradient(180deg,#142140bf,#0a0f1e99);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px}.row{display:flex;gap:16px}.col{flex:1}.h1{font-size:20px;letter-spacing:.2px;margin:0 0 10px}.p{margin:0 0 14px;color:var(--muted);line-height:1.35;font-size:14px}.input{width:100%;padding:12px 14px;border-radius:14px;border:1px solid rgba(58,160,255,.35);background:#0408128c;color:var(--text);outline:none}.input:focus{border-color:#6bdcffb3;box-shadow:0 0 0 4px #3aa0ff2e}.btn{padding:12px 14px;border-radius:14px;border:1px solid rgba(58,160,255,.45);background:linear-gradient(180deg,#3aa0ff42,#3aa0ff1f);color:var(--text);cursor:pointer;transition:transform .08s ease,filter .2s ease,border-color .2s ease}.btn:hover{filter:brightness(1.08)}.btn:active{transform:translateY(1px)}.btnPrimary{border-color:#6bdcff99;background:linear-gradient(180deg,#6bdcff47,#3aa0ff1f)}.btnDanger{border-color:#ff4d6d73;background:linear-gradient(180deg,#ff4d6d3d,#ff4d6d1a)}.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid rgba(58,160,255,.35);background:#090e1c8c;color:var(--muted);font-size:12px}.hr{height:1px;background:#3aa0ff2e;margin:14px 0}.small{font-size:12px;color:var(--muted)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.pills{display:flex;gap:10px;flex-wrap:wrap}.chatWrap{display:flex;flex-direction:column;gap:12px;height:min(72vh,720px)}.msgList{flex:1;overflow:auto;border-radius:16px;padding:14px;border:1px solid rgba(58,160,255,.22);background:#03060e73}.msg{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:16px;margin:10px 0;max-width:78%;border:1px solid rgba(58,160,255,.18);background:#0c122873}.msg.me{margin-left:auto;border-color:#6bdcff59;background:#0812288c}.msg .meta{display:flex;gap:10px;align-items:center;font-size:12px;color:var(--muted)}.msg .text{white-space:pre-wrap;line-height:1.35;font-size:14px}.attachments{display:flex;gap:10px;flex-wrap:wrap}.att{border:1px solid rgba(58,160,255,.22);border-radius:14px;overflow:hidden;background:#0408128c}.att img{display:block;width:160px;height:120px;object-fit:cover;cursor:pointer}.att .file{padding:10px;min-width:220px}.att .file .name{font-size:13px}.att .file .sub{font-size:11px;color:var(--muted);margin-top:4px}.composer{display:flex;gap:10px}.composer .input{flex:1}.composer input[type=file]{display:none}.drawerBtn{position:fixed;right:16px;bottom:18px;width:46px;height:46px;border-radius:999px;border:1px solid rgba(107,220,255,.55);background:#3aa0ff2e;color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 14px 40px #00000059;z-index:50;-webkit-user-select:none;user-select:none}.drawer{position:fixed;left:0;right:0;bottom:0;transform:translateY(100%);transition:transform .25s ease;background:linear-gradient(180deg,#0a0f1e9e,#060912eb);border-top:1px solid rgba(107,220,255,.22);padding:14px 16px 18px;z-index:49}.drawer.open{transform:translateY(0)}.drawer .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media (min-width: 820px){.drawer .grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.contactCard{border-radius:16px;border:1px solid rgba(107,220,255,.22);background:#03060e6b;padding:12px}.contactCard .t{font-size:13px;color:var(--muted)}.contactCard .v{font-size:14px;margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contactCard .tag{margin-top:8px;font-size:11px;color:#eaf2ffbf}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;padding:20px;z-index:80}.modalInner{width:min(1100px,100%);height:min(92vh,900px);background:#080c16d9;border:1px solid rgba(107,220,255,.25);border-radius:18px;overflow:hidden;position:relative}.modalClose{position:absolute;right:12px;top:12px;width:44px;height:44px;border-radius:999px;border:1px solid rgba(107,220,255,.3);background:#03060e59;cursor:pointer;color:var(--text)}.modalBody{height:100%;overflow:auto;padding:18px}.helpCard{background:#ffffffe0;color:#1c2230;border:1px solid var(--help-border)}.helpCard .p{color:#141928bf}.helpCard .input{background:#ffffffe6;border-color:var(--help-border);color:#1c2230}.helpCard .btn{border-color:var(--help-border);background:linear-gradient(180deg,#f0a24a33,#f0a24a14);color:#1c2230}.helpCard .btnPrimary{background:linear-gradient(180deg,#f0a24a52,#f0a24a1f)}.helpCard .msgList{background:#ffffffd1;border-color:var(--help-border)}.helpCard .msg{background:#fafafaf2;border-color:#f0a24a59}.helpCard .msg.me{background:#fff4e8f2;border-color:#f0a24a8c}.bumper{position:fixed;left:0;right:0;bottom:0;height:64px;border-top:1px solid rgba(107,220,255,.18);background:linear-gradient(180deg,#0a0f1e26,#060912eb);display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:40}.bumper .copy{font-size:12px;color:#eaf2ffb8}.logoWrap{position:absolute;left:50%;transform:translate(-50%);bottom:0;display:flex;align-items:flex-end;gap:12px}.logo{width:70px;height:70px;border-radius:18px;border:1px solid rgba(107,220,255,.25);background:#03060e59;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none}.clock{width:86px;height:46px;border-radius:14px;border:1px solid rgba(107,220,255,.22);background:#03060e59;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 10px}.clock span{font-size:12px;color:#eaf2ffc7}.toast{position:fixed;left:50%;transform:translate(-50%);top:18px;background:#0a0f1ed9;border:1px solid rgba(107,220,255,.22);border-radius:14px;padding:10px 12px;color:var(--text);z-index:90;box-shadow:var(--shadow);width:min(520px,calc(100% - 24px))}.toast .t{font-size:13px}.toast .b{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}