:root{--bg:#f5f7fb;--card:#fff;--text:#172033;--muted:#6b7280;--brand:#2563eb;--brand2:#ec4899;--line:#e5e7eb;--ok:#16a34a}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:linear-gradient(180deg,#eef5ff,#fff);color:var(--text)}a{text-decoration:none;color:inherit}.container{max-width:1100px;margin:auto;padding:18px}.top{display:flex;align-items:center;justify-content:space-between;gap:12px}.logo{font-size:26px;font-weight:900;color:#1d4ed8}.pill{background:#dcfce7;color:#166534;padding:10px 14px;border-radius:99px;font-weight:700}.hero{display:grid;grid-template-columns:1fr 420px;gap:26px;align-items:center;margin-top:38px}.hero-card,.panel{background:rgba(255,255,255,.88);border:1px solid var(--line);box-shadow:0 18px 55px rgba(30,64,175,.10);border-radius:28px;padding:28px}h1{font-size:48px;line-height:1.05;margin:0 0 14px}.lead{font-size:18px;color:var(--muted);line-height:1.7}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px}.room{background:white;border:1px solid var(--line);border-radius:20px;padding:18px;font-weight:800;box-shadow:0 8px 30px rgba(0,0,0,.05)}input,select,button,textarea{width:100%;padding:15px 16px;border:1px solid var(--line);border-radius:16px;font-size:16px;background:#fff}button{border:0;background:linear-gradient(90deg,var(--brand),var(--brand2));color:white;font-weight:900;cursor:pointer}.chat-wrap{height:100dvh;display:grid;grid-template-rows:auto 1fr auto;background:#eef5ff}.chat-head{background:white;border-bottom:1px solid var(--line);padding:14px 16px;display:flex;align-items:center;justify-content:space-between}.chat-title b{font-size:22px}.chat-title span{display:block;color:var(--muted);font-size:13px;margin-top:3px}.messages{overflow-y:auto;padding:18px;max-width:880px;width:100%;margin:0 auto}.msg{display:flex;gap:10px;margin-bottom:14px}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;font-weight:900;flex:0 0 42px}.bubble{background:white;border:1px solid var(--line);border-radius:20px;padding:12px 14px;box-shadow:0 6px 20px rgba(0,0,0,.04);max-width:78%}.meta{font-size:13px;color:var(--muted);margin-bottom:5px}.meta b{color:var(--text)}.text{font-size:16px;line-height:1.45;word-break:break-word}.media{margin-top:8px;max-width:260px;border-radius:14px;border:1px solid var(--line)}.sendbar{background:white;border-top:1px solid var(--line);padding:12px}.send-inner{max-width:880px;margin:auto;display:grid;grid-template-columns:52px 1fr 110px;gap:10px}.filebtn{height:52px;border-radius:16px;background:#eef2ff;display:grid;place-items:center;font-size:24px}.send-inner input[type=file]{display:none}.notice{max-width:880px;margin:12px auto;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;padding:12px 14px;border-radius:16px}.admin-table{width:100%;border-collapse:collapse;background:white;border-radius:16px;overflow:hidden}.admin-table th,.admin-table td{padding:12px;border-bottom:1px solid var(--line);text-align:left;font-size:14px}.rules li{margin:10px 0;color:#374151}@media(max-width:800px){.hero{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}h1{font-size:34px}.send-inner{grid-template-columns:48px 1fr 86px}.container{padding:14px}.bubble{max-width:86%}}