@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#09111f;--panel:#111c2e;--panel2:#15233a;--line:#293a53;--muted:#9baac0;--text:#f3f6fb;--blue:#79b9ff;--mint:#62ddb7;--purple:#9384ff;font-family:'DM Sans',Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 55% -20%,#263e65 0,transparent 51%),radial-gradient(ellipse at 0% 90%,#112a32 0,transparent 40%),var(--bg);color:var(--text)}a{color:inherit}.shell{width:min(1120px,100%);min-height:100vh;margin:auto;padding:32px 34px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:14px}.brand-mark{flex:0 0 auto;width:46px;height:46px;border-radius:15px;background:linear-gradient(140deg,#8bd1ff,#8879ff);display:grid;place-items:center;font-family:Manrope,sans-serif;font-weight:850;color:#081427;letter-spacing:-1px;box-shadow:0 7px 28px #668bff28}.eyebrow{font-size:10px;letter-spacing:.16em;color:#91acd0;font-weight:750;margin:0 0 6px}.brand h1{font-family:Manrope,sans-serif;font-size:17px;line-height:1.15;margin:0;font-weight:700;letter-spacing:-.02em}.admin-link{margin-left:auto;color:#c2d2e8;text-decoration:none;font-size:12px;padding:10px 13px;border:1px solid #ffffff1b;border-radius:999px;background:#ffffff06}.admin-link span{margin-left:8px;color:var(--blue)}.admin-link:hover{border-color:#79b9ff78;color:#fff}.hero{width:min(720px,100%);margin:auto;padding:75px 0 52px}.hero>.eyebrow{color:#83d9c7}.hero h2{font:800 clamp(38px,7vw,68px)/1.03 Manrope,sans-serif;letter-spacing:-.065em;margin:14px 0 19px}.hero h2 span{color:#a9c1e2}.intro{max-width:580px;color:var(--muted);font-size:16px;line-height:1.65;margin:0 0 32px}.start-button{max-width:600px;display:flex;align-items:center;gap:16px;padding:18px 20px;border:1px solid #8ac4ff70;border-radius:18px;color:#081629;text-decoration:none;background:linear-gradient(110deg,#8fd3ff,#a6bcff 58%,#b9a8ff);box-shadow:0 15px 50px #7196ff25;transition:transform .2s,box-shadow .2s}.start-button:hover{transform:translateY(-2px);box-shadow:0 20px 60px #7196ff3c}.start-button strong,.start-button small{display:block}.start-button strong{font:750 16px Manrope,sans-serif}.start-button small{margin-top:4px;color:#203752;font-size:12px}.start-button>b{margin-left:auto;font-size:24px;font-weight:400}.play-icon{width:42px;height:42px;border:1px solid #0e294159;border-radius:14px;display:grid;place-items:center;font-size:12px;padding-left:2px}.participant-note{display:flex;align-items:center;gap:12px;margin-top:21px;color:#9aa9bf;font-size:12px}.participant-note strong{color:#dce7f5}.secure-icon{width:30px;height:30px;border-radius:10px;background:#ffffff0b;border:1px solid #ffffff15;display:grid;place-items:center;color:#78d8ba;font-size:19px}.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:21px 0 26px;border-top:1px solid #ffffff16}.feature-strip article{display:flex;gap:12px}.feature-number{font:700 10px Manrope,sans-serif;color:#83d9c7;padding-top:3px}.feature-strip strong,.feature-strip small{display:block}.feature-strip strong{font-size:12px}.feature-strip small{max-width:220px;margin-top:5px;color:var(--muted);font-size:11px;line-height:1.5}footer{display:flex;justify-content:space-between;gap:12px;padding:17px 0 4px;border-top:1px solid #ffffff13;color:#8091a8;font-size:11px}.room-shell{width:min(1240px,100%)}.back{color:#a7bad3;text-decoration:none;font-size:25px;padding:5px}.secure{margin-left:auto;border:1px solid #34506d;border-radius:999px;padding:8px 11px;color:#b1c4dc;font-size:9px;letter-spacing:.12em;font-weight:700}.room-stage{margin:auto 0;padding:36px 0}.room-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.room-heading h2{font:700 clamp(20px,3vw,27px) Manrope,sans-serif;letter-spacing:-.035em;margin:0}.room-number{color:#a8bcda;border:1px solid #ffffff1c;background:#ffffff08;border-radius:999px;padding:9px 13px;font-size:10px;letter-spacing:.12em;font-weight:700}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.video-card{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid #ffffff1b;border-radius:19px;background:linear-gradient(135deg,#121d2c,#080d16);box-shadow:0 16px 55px #0003}.video-card video{width:100%;height:100%;object-fit:cover}.video-label{position:absolute;left:13px;bottom:13px;padding:8px 11px;background:#07101dcc;border:1px solid #ffffff22;border-radius:999px;font-size:11px;z-index:2;backdrop-filter:blur(10px)}.live-dot,.recording-indicator,.room-state i,.admin-status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--mint);margin-right:7px;box-shadow:0 0 12px #62ddb780}.remote-card .waiting{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:9px;padding:20px;color:#dce6f2}.waiting-icon{font-size:28px;color:#8ca8d0}.waiting small{color:var(--muted)}#remote-media{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}#remote-media .media-video{width:100%;height:100%;object-fit:cover}#remote-media .media-audio{position:absolute;width:1px;height:1px;opacity:.01}.local-track{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.join-panel{margin:18px auto 0;width:min(580px,100%);padding:19px;background:linear-gradient(140deg,#17243a,#111b2c);border:1px solid #ffffff1a;border-radius:17px}.join-panel label{display:block;font-size:12px;font-weight:650;margin-bottom:9px}.invite-row{display:flex;gap:9px}input{min-width:0;flex:1;background:#091321;border:1px solid #344761;border-radius:10px;padding:12px;color:var(--text);font:inherit}input:focus{outline:2px solid #3e85ca}.primary,.secondary,.danger,.record-button{border:0;border-radius:10px;padding:11px 15px;font:700 12px 'DM Sans',sans-serif;cursor:pointer;transition:.15s}.primary{background:linear-gradient(110deg,#8bd0ff,#a5b8ff);color:#071629}.primary:hover{filter:brightness(1.06)}.primary:disabled{opacity:.55}.status{font-size:11px;color:var(--muted);margin:11px 0 0}.status.error{color:#ff9b9b}.controls{display:flex;justify-content:center;gap:9px;margin-top:13px}.secondary{background:#202e43;color:#e4edf8;border:1px solid #364a64}.secondary:hover{background:#2b3d57}.danger{background:#542b36;color:#ffdce1;border:1px solid #77404b}.hidden{display:none!important}.recording-panel{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:14px auto 0;width:min(580px,100%);padding:14px 16px;border:1px solid #ffffff18;border-radius:14px;background:#111c2e}.recording-panel>div{display:flex;align-items:center;gap:10px}.recording-panel strong,.recording-panel small{display:block}.recording-panel strong{font-size:12px}.recording-panel small{color:var(--muted);font-size:10px;margin-top:4px}.recording-indicator{background:#687a91;box-shadow:none}.recording-indicator.active{background:#ff606c;box-shadow:0 0 13px #ff606c9c;animation:pulse 1.5s infinite}.record-button{color:#fff;background:#b73648;padding:12px 15px}.record-button:hover{background:#cf4556}.recording-panel:not(.recording) .record-button{color:#09201a;background:#72dfb6}.recording-panel:not(.recording) .record-button:hover{background:#88efc6}@keyframes pulse{50%{opacity:.45}}.admin-shell{width:min(1140px,100%)}.admin-welcome{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:47px 0 26px;padding:24px 27px;border:1px solid #ffffff19;border-radius:18px;background:linear-gradient(130deg,#182844,#121d30)}.admin-welcome h2{font:750 clamp(24px,4vw,34px) Manrope,sans-serif;letter-spacing:-.04em;margin:0 0 8px}.admin-welcome p:not(.eyebrow){max-width:620px;color:var(--muted);font-size:13px;line-height:1.55;margin:0}.admin-status,.section-tag{white-space:nowrap;border:1px solid #ffffff1c;border-radius:999px;padding:9px 12px;color:#b8c8dc;font-size:10px}.admin-status i{width:6px;height:6px}.admin-flash{margin:0 0 20px;padding:13px 15px;color:#bff6df;background:#16372f;border:1px solid #326b57;border-radius:11px;font-size:12px}.admin-section{margin:10px 0 28px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 15px}.section-heading h2{font:750 22px Manrope,sans-serif;letter-spacing:-.035em;margin:0 0 6px}.section-heading p:not(.eyebrow){color:var(--muted);font-size:12px;margin:0}.section-tag{color:#b9d6ff}.room-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.admin-room{min-width:0;padding:17px;border:1px solid #ffffff18;border-radius:15px;background:linear-gradient(145deg,#152239,#101a2b)}.admin-room.is-active{border-color:#68caa941}.admin-room-top{display:flex;align-items:center;gap:11px}.room-badge{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#263b5a;color:#d3e4ff;font:750 13px Manrope,sans-serif}.admin-room.is-active .room-badge{background:#1b423a;color:#8be5c6}.admin-room-title{min-width:0}.admin-room-title h3{font:700 13px Manrope,sans-serif;margin:0 0 5px}.room-state{display:block;color:var(--muted);font-size:10px}.room-state i{width:6px;height:6px;background:#65778f;box-shadow:none}.is-active .room-state i{background:var(--mint);box-shadow:0 0 9px #62ddb766}.room-prepare-form{margin-left:auto}.room-prepare-form button{white-space:nowrap}.room-hint{color:var(--muted);font-size:11px;margin:15px 0 2px}.invite-share-grid{display:grid;gap:9px;margin-top:13px}.invite-share-card{display:grid;grid-template-columns:95px minmax(0,1fr);align-items:center;gap:9px;padding:11px;border:1px solid #ffffff12;border-radius:11px;background:#09132188}.invite-share-card>div:first-child strong{display:block;font-size:11px}.invite-share-card .eyebrow{font-size:8px;margin-bottom:4px}.invite-share-card input{grid-column:2;grid-row:1;font-size:10px;color:#aabbd2;padding:8px}.invite-share-actions{grid-column:2;display:flex;align-items:center;gap:10px}.invite-share-actions button{padding:6px 9px;font-size:10px}.text-button{border:0;background:none;color:#a8c8ee;font:600 11px 'DM Sans',sans-serif;cursor:pointer;padding:7px}.text-button:hover{color:#fff}.invite-code{grid-column:2;grid-row:3;width:100%;margin-top:-6px!important;font-size:10px!important}.admin-note{margin:15px 0;color:#a8b5c7;font-size:11px;line-height:1.6}.admin-note span{color:#82baff;margin-right:6px}.admin-footer{margin-top:auto}.admin-footer form{margin-left:auto}.admin-footer{align-items:center}.qk-rec-manager{margin:25px 0;padding:22px;background:linear-gradient(140deg,#152239,#101a2b)!important;border:1px solid #ffffff19;border-radius:15px!important;color:#fff}.qk-rec-manager h2{font:750 20px Manrope,sans-serif}.qk-rec-manager p{color:var(--muted)!important;font-size:12px}.qk-rec-tools input,.qk-rec-tools select{background:#091321!important;color:#fff;border:1px solid #415473!important;border-radius:8px!important;padding:10px!important;min-height:41px}.qk-rec-actions button{background:#202e43;border:1px solid #364a64;border-radius:9px;padding:10px 12px;color:#e4edf8}.qk-rec-manager button:disabled{opacity:.45;cursor:not-allowed}.qk-rec-table-wrap{overflow-x:auto}.qk-rec-table{width:100%;border-collapse:collapse;min-width:720px}.qk-rec-table th,.qk-rec-table td{padding:12px 9px;text-align:left;border-bottom:1px solid #354763;font-size:11px}.qk-rec-table th{color:#c5d3e7;font-size:10px}.qk-rec-empty{text-align:center;padding:30px 12px;color:#c5d3e7}.qk-rec-summary{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.qk-rec-stat{background:#0b1220;border:1px solid #ffffff10;border-radius:10px;padding:13px;min-width:145px}.qk-rec-stat strong{display:block;font-size:20px;margin-bottom:4px}.qk-rec-stat span{color:#b9c7dc;font-size:11px}@media(max-width:760px){.shell{padding:22px 18px 16px}.hero{padding:62px 0 43px}.feature-strip{gap:13px}.feature-strip article{gap:8px}.room-list{grid-template-columns:1fr}.admin-welcome{align-items:flex-start;flex-direction:column;margin-top:30px}.section-heading{align-items:flex-start;flex-direction:column}.section-tag{font-size:9px}}@media(max-width:600px){.admin-link{font-size:0;padding:10px 12px}.admin-link span{font-size:14px;margin:0}.feature-strip{grid-template-columns:1fr;gap:13px}.feature-strip small{max-width:none}.video-grid{grid-template-columns:1fr;gap:10px}.video-card{aspect-ratio:16/10}.room-stage{padding:25px 0}.room-heading{align-items:flex-start}.invite-row{flex-direction:column}.controls{flex-wrap:wrap}.controls button{flex:1}.secure{font-size:8px;padding:7px 8px}.room-prepare-form button{font-size:10px;padding:10px}.invite-share-card{grid-template-columns:1fr}.invite-share-card input,.invite-share-actions,.invite-code{grid-column:1;grid-row:auto}.invite-share-card input{margin-top:5px}.invite-code{margin-top:0!important}.invite-share-actions{justify-content:flex-start}footer{font-size:10px;flex-direction:column}.admin-footer{gap:10px}.start-button{padding:14px;gap:11px}.start-button small{max-width:225px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}