.m1-live-hub{--ice:#62dcff;--ink:#06111c;display:grid;gap:12px}.m1-hero{position:relative;overflow:hidden;padding:20px;border-radius:20px;border:1px solid rgba(92,219,255,.36);background:radial-gradient(circle at 78% 10%,rgba(89,219,255,.22),transparent 34%),linear-gradient(135deg,#0b263c,#04111e 65%);box-shadow:0 18px 55px rgba(0,0,0,.38)}.m1-hero:after{content:"";position:absolute;inset:auto -20% -70% 35%;height:180px;background:linear-gradient(90deg,transparent,rgba(93,219,255,.17),transparent);transform:rotate(-17deg);filter:blur(10px)}.m1-eyebrow{font-size:10px;letter-spacing:.19em;color:#77dfff;font-weight:950}.m1-hero h2{margin:5px 0 6px;font-size:29px;font-style:italic}.m1-hero p{margin:0;color:#a7bdc9;line-height:1.45}.m1-authority-pill{display:inline-flex;gap:7px;align-items:center;margin-top:12px;padding:6px 10px;border-radius:99px;border:1px solid rgba(113,231,255,.28);background:#071b2b;color:#9ceeff;font-size:9px;font-weight:900;letter-spacing:.1em}.m1-authority-pill i{width:7px;height:7px;border-radius:50%;background:#5dffb2;box-shadow:0 0 13px #5dffb2}.m1-session{display:grid;gap:10px;padding:15px;border:1px solid rgba(96,213,255,.22);border-radius:17px;background:linear-gradient(145deg,rgba(7,28,43,.92),rgba(3,12,21,.96));backdrop-filter:blur(12px)}.m1-session-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.m1-session-head small{display:block;color:#77b9d5;font-size:9px;letter-spacing:.14em}.m1-session-head b{font-size:17px}.m1-code{padding:8px 11px;border-radius:10px;background:#091722;border:1px solid rgba(255,255,255,.11);font-size:16px;font-weight:950;letter-spacing:.12em;color:#fff}.m1-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.m1-seat{padding:11px;border-radius:12px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035)}.m1-seat.online{border-color:rgba(77,255,166,.23)}.m1-seat.disconnected{border-color:rgba(255,103,120,.25)}.m1-seat small{display:block;font-size:8px;letter-spacing:.13em;color:#7f9eae}.m1-seat b{display:block;margin-top:4px}.m1-seat span{font-size:10px;color:#8fb0bf}.m1-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.m1-metric{padding:8px;border-radius:10px;background:#061622;border:1px solid rgba(255,255,255,.06);text-align:center}.m1-metric small{display:block;font-size:7px;color:#66899a;letter-spacing:.12em}.m1-metric b{font-size:12px}.m1-notice{padding:10px 11px;border-left:3px solid #58dcff;border-radius:8px;background:rgba(34,143,190,.09);font-size:11px;line-height:1.4;color:#a7c3d0}.m1-notice strong{color:#e6faff}.m1-code-entry{display:grid;grid-template-columns:1fr auto;gap:8px}.m1-code-entry input{height:50px;border-radius:12px;border:1px solid rgba(91,216,255,.29);background:#061622;color:#fff;padding:0 13px;font-size:16px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.m1-code-entry button{min-width:95px}.m1-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.m1-actions .primary,.m1-actions .secondary{margin:0}.m1-status-line{display:flex;align-items:center;gap:7px;color:#9db5c2;font-size:10px}.m1-status-line i{width:7px;height:7px;border-radius:50%;background:#ffd269;box-shadow:0 0 12px #ffd269}.m1-status-line.active i{background:#58ffad;box-shadow:0 0 12px #58ffad}.m1-status-line.paused i{background:#ff6b7f;box-shadow:0 0 12px #ff6b7f}.m1-server-note{font-size:9px;color:#688796;text-align:center;line-height:1.45}.m1-server-note b{color:#9ceaff}
@media(max-width:520px){.m1-hero{padding:16px}.m1-hero h2{font-size:25px}.m1-grid,.m1-actions{grid-template-columns:1fr}.m1-metrics{grid-template-columns:1fr 1fr 1fr}.m1-code-entry{grid-template-columns:1fr}.m1-code-entry button{width:100%}}