:root{--gold:#c9a45c;--gold2:#e8cf96;--bg:#0b0b0c;--card:#151517;--txt:#f4efe6;--mut:#9a9387}
*{box-sizing:border-box}html,body{margin:0;background:radial-gradient(ellipse at top,#1b1813 0%,var(--bg) 60%);color:var(--txt);font-family:"Helvetica Neue",Arial,sans-serif;min-height:100vh}
.wrap{max-width:560px;margin:0 auto;padding:28px 18px 40px;display:flex;flex-direction:column;align-items:center;gap:18px}
.logo{font-family:Georgia,"Times New Roman",serif;letter-spacing:.32em;font-size:28px;color:var(--gold);margin-top:8px}
.sub{color:var(--mut);font-size:13px;letter-spacing:.18em;text-transform:uppercase;margin-top:-10px}
.ring{width:210px;height:210px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid #3a3226;position:relative;margin:14px 0}
.ring.live{box-shadow:0 0 0 0 rgba(201,164,92,.5);animation:pulse 1.8s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(201,164,92,.45)}70%{box-shadow:0 0 0 26px rgba(201,164,92,0)}100%{box-shadow:0 0 0 0 rgba(201,164,92,0)}}
button.call{width:170px;height:170px;border-radius:50%;border:0;cursor:pointer;font-size:20px;letter-spacing:.12em;font-weight:600;color:#111;background:linear-gradient(145deg,var(--gold2),var(--gold));box-shadow:0 10px 30px rgba(0,0,0,.6)}
button.call.hang{background:linear-gradient(145deg,#2a2a2d,#1a1a1c);color:var(--gold2);border:1px solid var(--gold)}
.status{color:var(--gold2);font-size:14px;min-height:20px;text-align:center}
.card{width:100%;background:var(--card);border:1px solid #2a251c;border-radius:14px;padding:14px}
.log{height:42vh;overflow-y:auto;display:flex;flex-direction:column;gap:10px;font-size:15px;line-height:1.4}
.msg{padding:9px 12px;border-radius:12px;max-width:88%}.bea{background:#201c15;border:1px solid #3d3322;align-self:flex-start}.me{background:#24242a;align-self:flex-end}
.who{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:3px}
form.t{display:flex;gap:8px;width:100%}form.t input{flex:1;background:#101012;border:1px solid #3a3226;color:var(--txt);border-radius:10px;padding:11px;font-size:15px}
form.t button,.btn{background:var(--gold);color:#111;border:0;border-radius:10px;padding:11px 16px;font-weight:600;cursor:pointer}
.note{color:var(--mut);font-size:12px;text-align:center}
input[type=password]{width:100%;background:#101012;border:1px solid #3a3226;color:var(--txt);border-radius:10px;padding:13px;font-size:16px;margin:10px 0}