:root{--bg:#0b1020;--card:#121a2e;--text:#e8ecf7;--muted:#a7b0c8;--accent:#6b8cff;--accent2:#2e4ecb;--danger:#ff6b6b}
*{box-sizing:border-box} body{margin:0;font-family:Inter,Segoe UI,system-ui;background:linear-gradient(180deg,#0b1020,#141a2b);color:var(--text)}
.phone{max-width:480px;margin:0 auto;padding:16px 14px 36px;display:flex;flex-direction:column;gap:12px}
.card{background:var(--card);border:1px solid #273457;border-radius:16px;padding:14px;box-shadow:0 8px 20px rgba(0,0,0,.25)}
h1{font-size:20px;margin:0 0 8px} h2{font-size:16px;margin:0 0 8px}
.muted{color:var(--muted)} .small{font-size:13px} .tiny{font-size:12px;color:var(--muted)}
.keyword{display:inline-block;padding:6px 10px;border-radius:999px;background:#1a264a;color:#b6c5ff;font-size:13px;font-weight:600}
.controls{margin:8px 0 10px}
input[type="date"],input[type="text"]{width:100%;background:#0f1528;color:var(--text);border:1px solid #2b3a63;border-radius:10px;padding:10px}
.inviteLinks{display:grid;gap:6px;margin-top:6px}
.inviteLinks input{font-size:12px}
a{color:#9ab2ff;word-break:break-all}
.slots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-height:320px;overflow:auto;padding-right:2px}
.slot{padding:8px;border:1px solid #31406d;border-radius:10px;font-size:12px;text-align:center;background:#111a31;color:#cbd5f6}
.slot.active{background:#20356f;border-color:#6e8fff;color:#fff}
button{width:100%;margin-top:10px;border:none;border-radius:12px;padding:12px 10px;font-weight:700;color:#fff;cursor:pointer}
.primary{background:linear-gradient(180deg,var(--accent),var(--accent2))}
.secondary{background:#2d3f77}.ghost{background:#1b2443}.status{font-size:13px;margin-top:8px;color:#c8d4ff}
.warn{font-size:12px;color:#ffb4b4;min-height:16px}
.timerWrap{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#0f1528;border-radius:12px;border:1px solid #2b3a63}
#timer{font-size:24px}
.chatCard{min-height:56vh;display:flex;flex-direction:column}
.chatLog{flex:1;max-height:48vh;overflow:auto;display:flex;flex-direction:column;gap:8px;padding:4px}
.msg{max-width:82%;padding:9px 11px;border-radius:12px;font-size:14px;line-height:1.35}
.me{background:#3352b4;margin-left:auto}.other{background:#243155;color:#d8e2ff}
.chatInputWrap{display:flex;gap:8px;margin-top:8px}
.chatInputWrap input{flex:1}.chatInputWrap button{width:auto;margin:0;padding:10px 14px}