:root{--bg:#101319;--panel:#171a22;--panel2:#1b1f29;--line:#272b36;--muted:#9095a5;--text:#f4f5f8;--accent:#9f82ff;--accent2:#7654ef;--green:#65d6a0;--blue:#75a8ff;--amber:#f2bd68;font-family:'DM Sans',sans-serif;color:var(--text);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 75% -10%,#28223b 0,transparent 34%),var(--bg);font-size:14px}button,input,select{font:inherit}button{cursor:pointer;color:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:#12151b;border-right:1px solid #232630;padding:25px 16px 18px;display:flex;flex-direction:column;z-index:3}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#fff;font:800 18px Manrope,sans-serif;letter-spacing:-.8px;padding:0 10px}.brand small{display:block;color:#858a99;font:600 9px 'DM Sans';letter-spacing:1.6px;margin-top:3px}.brand-mark{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#b493ff,#7455ed);box-shadow:0 4px 20px #8360ef4d;color:white;font:800 19px Manrope}.workspace-label{font-size:9px;letter-spacing:1px;font-weight:700;color:#737889;margin:40px 10px 13px}.sidebar nav{display:grid;gap:5px}.nav-item{height:43px;display:flex;align-items:center;gap:12px;padding:0 12px;color:#a6aab7;text-decoration:none;border-radius:9px;font-size:13px}.nav-item span{font-size:17px;width:17px;text-align:center;color:#8e92a1}.nav-item.active{color:white;background:#252231;box-shadow:inset 2px 0 #a486ff}.nav-item.active span{color:#b8a1ff}.nav-item b{margin-left:auto;background:#292d38;color:#c4c7d1;padding:2px 7px;border-radius:20px;font-size:10px}.nav-item b.request-count{background:#392d56;color:#c5aaff}.sidebar-bottom{display:flex;align-items:center;gap:10px;margin-top:auto;padding:15px 7px 2px;border-top:1px solid var(--line)}.sidebar-bottom strong,.sidebar-bottom small{display:block}.sidebar-bottom strong{font-size:12px}.sidebar-bottom small{color:var(--muted);font-size:10px;margin-top:3px}.user-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#473c70;color:#e0d7ff;font-size:10px;font-weight:700}.icon-button,.more-button{background:transparent;border:0;color:#a8adba;font-size:17px}.sidebar-bottom .icon-button{margin-left:auto}.main{margin-left:244px;padding:0 42px 26px;max-width:1660px}.topbar{height:65px;border-bottom:1px solid #232630;display:flex;align-items:center;justify-content:space-between}.crumb{color:#aeb2bf;font-size:12px}.crumb span{color:#555a68;padding:0 8px}.top-actions{display:flex;align-items:center;gap:19px}.server-status{font-size:11px;color:#afb3c0}.server-status i,.live-pill i,.connection-pill i,.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:6px;box-shadow:0 0 10px #65d6a077}.small-avatar{width:29px;height:29px;font-size:9px}.welcome{display:flex;align-items:center;justify-content:space-between;padding:31px 0 23px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.65px;color:#a88dff;margin:0 0 8px}.welcome h1{font:700 28px Manrope,sans-serif;letter-spacing:-1.3px;margin:0}.welcome p:not(.eyebrow){color:#9297a7;margin:7px 0 0;font-size:12px}.primary-button,.secondary-button,.stop-button{border:0;border-radius:8px;font-weight:600;transition:transform .15s,filter .15s}.primary-button:hover,.secondary-button:hover,.stop-button:hover{filter:brightness(1.13);transform:translateY(-1px)}.primary-button{background:linear-gradient(135deg,#9e7eff,#7653ea);padding:11px 16px;color:white;box-shadow:0 6px 22px #7653ea28;font-size:12px}.primary-button span{font-size:17px;vertical-align:-1px;margin-right:5px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat-card{background:linear-gradient(135deg,#1a1d26,#171a22);border:1px solid #292d38;border-radius:12px;padding:16px 16px 14px;min-height:105px;display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto 1fr;align-items:center;column-gap:11px}.stat-icon{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;font-size:17px;grid-row:1 / span 2}.violet{background:#332a4d;color:#bca8ff}.blue{background:#23334b;color:#88b4ff}.green{background:#223b34;color:#72d8aa}.amber{background:#453628;color:#efc07a}.stat-card span{display:block;color:#a2a6b4;font-size:10px}.stat-card strong{font:700 23px Manrope,sans-serif;display:block;margin-top:3px}.stat-card em{font-style:normal;font:500 13px 'DM Sans';color:#797f8e}.stat-note{grid-column:2;color:#747a89;font-size:9px;margin-top:-2px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:33px 0 15px}.section-heading h2,.panel-heading h2{font:700 16px Manrope,sans-serif;letter-spacing:-.35px;margin:0}.section-heading p,.panel-heading p{margin:5px 0 0;color:#858b9a;font-size:10px}.text-button,.panel-link{border:0;background:none;color:#b79dff;font-size:10px;font-weight:600}.text-button span,.panel-link span{font-size:15px;margin-left:5px}.event-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:15px}.event-card,.add-event-card,.panel{background:var(--panel);border:1px solid #2a2e39;border-radius:12px;overflow:hidden}.event-cover{height:145px;position:relative;display:flex;align-items:flex-end;padding:14px 16px;overflow:hidden}.event-cover:before,.event-cover:after{content:"";position:absolute;inset:0;pointer-events:none}.wedding{background:linear-gradient(130deg,#493e59,#947b79 52%,#d7a986)}.wedding:before{background:radial-gradient(ellipse at 78% 15%,#f5d3a37a,transparent 29%),linear-gradient(0deg,#15141bcc,transparent 75%)}.wedding:after{background:radial-gradient(ellipse at 15% 0%,#d6c3e633,transparent 36%)}.birthday{background:linear-gradient(125deg,#182d4b,#486d81 50%,#a07a61)}.birthday:before{background:radial-gradient(circle at 78% 22%,#ffdb9666,transparent 28%),linear-gradient(0deg,#121923d9,transparent 80%)}.event-date,.live-pill{position:absolute;top:12px;z-index:1;border-radius:6px;background:#11151bbd;backdrop-filter:blur(7px);padding:5px 8px;color:#d6d8df;font-size:8px;letter-spacing:.6px}.event-date{left:13px}.event-date b{font-size:15px;display:block;color:white;line-height:16px}.live-pill{right:12px;color:#b8f2d5;font-size:8px}.live-pill i{width:6px;height:6px}.cover-title{z-index:1}.cover-title small{font-size:8px;letter-spacing:1.3px;color:#ddd0c6}.cover-title h3{margin:3px 0;font:700 18px Manrope,sans-serif;letter-spacing:-.6px}.cover-title p{margin:0;color:#d4d2d4;font-size:9px}.event-body{padding:11px 13px 12px}.event-meta,.event-footer{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#9398a7}.event-meta span:last-child{color:#beb0ec}.dot{width:6px;height:6px;box-shadow:none}.gray-dot{background:#6b7280}.event-progress{height:4px;background:#2b2f39;border-radius:5px;margin:12px 0 9px;overflow:hidden}.event-progress span{display:block;height:100%;background:linear-gradient(90deg,#8a69ec,#bd9eff);border-radius:5px}.event-footer b{color:#d5d0e4;margin-left:4px}.open-event{border:0;background:transparent;color:#b89eff;font-size:9px;font-weight:600}.open-event span{font-size:14px;margin-left:4px}.add-event-card{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#151820;border-style:dashed;color:#a6aaba}.add-event-card:hover{border-color:#896cef;background:#1a1b27}.plus-orb{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:#29253b;color:#ad92ff;font-size:23px;margin-bottom:10px}.add-event-card strong{font-size:11px;color:#e0e1e8}.add-event-card small{color:#818696;font-size:9px;margin-top:5px}.lower-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:15px;margin-top:20px}.panel{padding:16px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between}.select-button{border:1px solid #323643;background:#20232c;color:#d5d6de;border-radius:6px;padding:7px 9px;font-size:9px}.request-list{margin-top:12px}.request-row{display:grid;grid-template-columns:34px minmax(100px,1fr) 42px auto 25px;gap:9px;align-items:center;border-top:1px solid #282c36;padding:9px 0}.album-art{width:34px;height:34px;border-radius:7px;display:grid;place-items:center;font-size:15px;color:#f5e9d5}.art-one{background:linear-gradient(135deg,#8e5d42,#d09a48)}.art-two{background:linear-gradient(135deg,#315b73,#6bb8c3)}.art-three{background:linear-gradient(135deg,#744b86,#d881ae)}.song-info{min-width:0}.song-info strong,.song-info span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-info strong{font-size:10px}.song-info span{font-size:9px;color:#858a99;margin-top:4px}.vote-count{font-size:9px;color:#a5a8b4}.approve-button{border:1px solid #395345;background:#1e3029;color:#88dfae;border-radius:5px;padding:6px 8px;font-size:9px}.reject-button{border:0;background:transparent;color:#797e8e;font-size:17px}.reject-button:hover{color:#ff8f94}.panel-link{padding:12px 0 0;border-top:1px solid #282c36;width:100%;text-align:left}.mixer-device{display:flex;align-items:center;gap:10px;padding:14px 0 12px;border-bottom:1px solid #282c36}.device-mark{width:36px;height:36px;background:linear-gradient(145deg,#273a42,#374e54);border-radius:9px;display:grid;place-items:center;color:#a1d8c8;font:700 14px Manrope}.mixer-device>div:nth-child(2){flex:1}.mixer-device strong,.mixer-device span{display:block}.mixer-device strong{font-size:10px}.mixer-device>div span{font-size:9px;color:#8d92a1;margin-top:4px}.connection-pill{border:1px solid #315344;background:#1e3029;color:#8ce1b1!important;border-radius:20px;padding:5px 8px;font-size:8px!important}.connection-pill i{width:5px;height:5px}.tunnel-status{display:flex;align-items:center;gap:9px;padding:11px 0}.secure-icon{width:25px;height:25px;background:#242b3a;border-radius:7px;display:grid;place-items:center;color:#9cbcff;font-size:16px}.tunnel-status div{flex:1}.tunnel-status strong,.tunnel-status small{display:block}.tunnel-status strong{font-size:9px}.tunnel-status small{color:#858a99;font-size:8px;margin-top:3px}.latency{font-size:9px;color:#83d4a7}.mixer-levels{display:grid;gap:8px;padding:7px 0 12px}.level-line{display:grid;grid-template-columns:53px 1fr 35px;gap:8px;align-items:center;font-size:8px;color:#979caa}.level-line b{text-align:right;color:#c6c8d0;font-weight:500}.meter-track{height:5px;border-radius:4px;background:#303440;overflow:hidden}.meter-track i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#60cf9a,#d5c963,#e99068)}.meter-track i.meter-blue{background:linear-gradient(90deg,#59b6d0,#668ced)}.mixer-controls{display:flex;gap:7px}.secondary-button{background:#292d38;border:1px solid #363b48;color:#d9dbe3;padding:8px 11px;font-size:9px}.stop-button{background:#48252c;color:#ff9da2;width:32px;font-size:11px}.safety-note{font-size:8px;color:#858a99;margin:8px 0 0}.safety-note span{color:#a88dff;margin-right:4px}footer{color:#696f7d;font-size:9px;padding:21px 2px 5px}footer span{padding:0 4px;color:#414653}.demo-tag{border:1px solid #373341;border-radius:4px;color:#a78cff;padding:2px 4px;font-size:7px;letter-spacing:.7px;margin-left:5px}dialog{border:1px solid #383342;border-radius:14px;background:#191b24;color:var(--text);width:min(430px,calc(100vw - 32px));padding:24px;box-shadow:0 25px 100px #000a}dialog::backdrop{background:#08090dc9;backdrop-filter:blur(4px)}#event-form{display:grid;gap:13px}.dialog-close{justify-self:end;margin:-6px -6px -13px;background:transparent;border:0;color:#9ca1af;font-size:22px}.dialog-copy{font-size:11px;color:#9196a5;margin:-6px 0 4px}.dialog h2{font:700 20px Manrope;margin:0}.dialog-copy{line-height:1.5}#event-form label{font-size:10px;color:#b4b8c3;display:grid;gap:6px}#event-form input,#event-form select{width:100%;border:1px solid #363b47;border-radius:7px;background:#11141b;color:#e7e8ec;padding:10px;font-size:11px;outline:none}#event-form input:focus,#event-form select:focus{border-color:#8c6bf0}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:5px}.dialog-actions .primary-button{padding:9px 12px;font-size:10px}.toast-dialog{position:fixed;inset:auto 22px 22px auto;width:auto;padding:0;border-radius:9px}.toast-inner{display:flex;align-items:center;gap:10px;padding:12px 16px}.toast-check{width:24px;height:24px;border-radius:50%;background:#243d30;color:#8be1b1;display:grid;place-items:center}.toast-inner strong,.toast-inner small{display:block}.toast-inner strong{font-size:10px}.toast-inner small{font-size:9px;color:#9297a5;margin-top:3px}
@media(max-width:1100px){.main{padding:0 25px 25px}.sidebar{width:210px}.main{margin-left:210px}.stats{grid-template-columns:repeat(2,1fr)}.event-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}.add-event-card{min-height:145px}.lower-grid{grid-template-columns:1fr}}
@media(max-width:700px){.sidebar{width:58px;padding:17px 7px}.brand{padding:0;justify-content:center}.brand>span:not(.brand-mark),.workspace-label,.nav-item:not(.active)::after,.sidebar-bottom>div:not(.user-avatar),.sidebar-bottom .icon-button{display:none}.sidebar nav{margin-top:30px}.nav-item{justify-content:center;padding:0;font-size:0}.nav-item span{font-size:17px}.nav-item b{position:absolute;margin:0 0 26px 25px;padding:1px 4px;font-size:8px}.sidebar-bottom{justify-content:center;padding:12px 0}.main{margin-left:58px;padding:0 15px 22px}.topbar{height:55px}.top-actions{gap:11px}.server-status{font-size:9px}.welcome{align-items:flex-start;gap:12px;padding:24px 0 18px}.welcome h1{font-size:22px}.welcome p:not(.eyebrow){font-size:10px}.welcome .primary-button{font-size:0;padding:9px 11px;white-space:nowrap}.welcome .primary-button span{font-size:18px;margin:0}.stats{gap:8px}.stat-card{padding:11px;grid-template-columns:30px 1fr;column-gap:7px;min-height:90px}.stat-icon{width:29px;height:29px;font-size:14px}.stat-card span{font-size:9px}.stat-card strong{font-size:19px}.stat-note{font-size:8px}.section-heading{margin-top:26px}.section-heading h2{font-size:14px}.section-heading p{max-width:220px;line-height:1.4}.text-button{font-size:0}.text-button span{font-size:17px}.event-grid{grid-template-columns:1fr}.add-event-card{min-height:120px}.lower-grid{margin-top:14px}.panel{padding:13px}.request-row{grid-template-columns:30px minmax(80px,1fr) 30px auto 18px;gap:6px}.album-art{width:30px;height:30px}.song-info strong{font-size:9px}.song-info span{font-size:8px}.vote-count{font-size:8px}.approve-button{font-size:8px;padding:5px 6px}.reject-button{font-size:15px}.mixer-device strong{font-size:9px}.connection-pill{font-size:7px!important;padding:4px 6px}.select-button{font-size:8px}}
.app-page{display:none}.app-page.visible{display:block}.guest-entry{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:16px;padding:18px 20px}.guest-entry h2{font:700 15px Manrope;margin:6px 0}.guest-entry p{max-width:600px;color:#9297a7;font-size:10px;margin:0}.mini-label{color:#a88dff;font-size:8px;font-weight:700;letter-spacing:1.2px}.event-management{margin-top:5px}.events-table{display:grid;gap:9px;margin-top:15px}.event-table-row{display:grid;grid-template-columns:36px 1fr 150px 90px auto;align-items:center;gap:12px;padding:11px;border:1px solid #2b2f39;border-radius:9px;background:#191c24}.event-table-icon{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;background:#302745;color:#bda9ff}.event-table-row strong,.event-table-row small{display:block}.event-table-row strong{font-size:10px}.event-table-row small{font-size:8px;color:#858a99;margin-top:4px}.event-table-status{font-size:9px;color:#8de0b0}.event-table-row button{justify-self:end}.full-request-list{margin-top:13px}.full-request-list .request-row{grid-template-columns:38px minmax(120px,1fr) 55px 65px 80px 25px}.request-row .play-state{color:#7e8492;font-size:8px}.guest-layout{display:grid;grid-template-columns:minmax(310px,1.2fr) minmax(250px,.8fr);gap:17px;align-items:start}.guest-phone{max-width:540px;padding:0 18px 18px;overflow:hidden}.phone-top{display:flex;justify-content:space-between;color:#9599a7;font-size:8px;padding:11px 0;border-bottom:1px solid #292d38}.guest-brand{display:flex;align-items:center;gap:8px;padding:17px 0 13px;font:800 14px Manrope}.guest-brand .brand-mark{width:27px;height:27px;font-size:15px;border-radius:8px}.guest-brand small{display:block;font:600 7px 'DM Sans';letter-spacing:1px;color:#9297a5;margin-top:3px}.guest-phone h2{font:700 21px Manrope;letter-spacing:-.7px;margin:6px 0}.guest-intro,.subtle{font-size:10px;color:#9499a8;line-height:1.5}.guest-phone form{display:grid;gap:10px;margin:16px 0}.guest-phone label,.form-label{display:grid;gap:6px;font-size:9px;color:#b8bbc7}.guest-phone input,.form-label input,.form-label select,.form-label textarea,.guest-phone textarea{border:1px solid #353a46;background:#11141b;color:#e9eaf0;border-radius:7px;padding:10px;font:10px 'DM Sans';resize:vertical}.guest-phone form button{width:100%}.guest-vibe{border-top:1px solid #292d38;border-bottom:1px solid #292d38;padding:12px 0}.guest-vibe strong{font-size:10px}.vibe-buttons{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.vibe-buttons button{border:1px solid #363a47;border-radius:20px;background:#20232d;padding:6px 9px;color:#c3c6d0;font-size:8px}.vibe-buttons button.selected{border-color:#9171ef;background:#2c2641;color:#d8caff}.guest-phone h3{font:600 11px Manrope;margin:14px 0 7px}.guest-vote-list{display:grid;gap:6px}.guest-vote-row{display:flex;align-items:center;gap:8px;border:1px solid #292d38;background:#1b1e27;border-radius:8px;padding:8px}.guest-vote-row div{flex:1;min-width:0}.guest-vote-row strong,.guest-vote-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guest-vote-row strong{font-size:9px}.guest-vote-row small{font-size:8px;color:#898e9e;margin-top:3px}.guest-vote-row button{border:1px solid #433765;background:#292238;border-radius:7px;color:#c8b6ff;padding:6px 8px;font-size:8px}.local-demo-note{display:block;color:#777c8a;font-size:8px;margin-top:10px}.qr-panel{position:sticky;top:15px;text-align:center;padding:20px}.qr-panel .mini-label{display:block;text-align:left}.qr-panel h2{font:700 16px Manrope;text-align:left;margin:9px 0 6px}.qr-panel>p{font-size:9px;text-align:left;color:#9297a6;line-height:1.5}.qr-frame{width:240px;height:240px;max-width:100%;margin:14px auto 10px;border:1px solid #eee;border-radius:10px;display:grid;place-items:center;background:white}.qr-frame canvas{width:220px;height:220px;max-width:calc(100% - 12px);max-height:calc(100% - 12px);image-rendering:pixelated}.qr-panel code{display:block;overflow-wrap:anywhere;text-align:left;background:#12151c;border:1px solid #30343f;padding:8px;border-radius:6px;color:#c1b3ff;font-size:8px}.qr-panel .secondary-button{margin-top:9px;width:100%}.privacy-info{border:1px solid #344238;background:#202a24;color:#a8c9b3;border-radius:7px;padding:9px;text-align:left;font-size:8px;line-height:1.5;margin-top:12px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.settings-grid>.panel{display:flex;flex-direction:column;gap:12px}.form-label{margin-top:3px}.form-label textarea{line-height:1.5}.button-row{display:flex;gap:7px;flex-wrap:wrap}.button-row .primary-button,.button-row .secondary-button{font-size:9px}.hint{font-size:8px;color:#7f8594;line-height:1.4}.schedule-row{display:grid;grid-template-columns:45px 1fr 28px;gap:10px;align-items:center;padding:11px 0;border-top:1px solid #2a2e38}.schedule-time{color:#b9a6f4;font-size:9px}.schedule-row strong,.schedule-row small{display:block}.schedule-row strong{font-size:9px}.schedule-row small{font-size:8px;color:#858a99;margin-top:4px}.schedule-play{border:1px solid #3b354c;background:#262233;color:#bda9ff;border-radius:6px;width:27px;height:27px}.large-stop{padding:10px 14px;width:auto}.mixer-console{overflow:hidden}.channel-strip-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin-top:18px}.channel-strip{min-height:175px;border:1px solid #30343f;border-radius:9px;background:linear-gradient(#1d212b,#151820);padding:11px 10px;display:flex;flex-direction:column;align-items:center}.channel-strip strong{font-size:9px}.channel-strip small{color:#858a99;font-size:8px;margin-top:3px}.channel-meter{height:70px;width:13px;background:#2b303b;border-radius:9px;margin:11px 0 7px;position:relative;overflow:hidden}.channel-meter span{position:absolute;bottom:0;left:0;right:0;border-radius:8px;background:linear-gradient(0deg,#55c994,#d0cb66,#e98969);transition:height .2s}.channel-db{font-size:8px;color:#c7cad3}.channel-strip input[type=range]{width:100%;accent-color:#a68aff;margin:8px 0}.channel-strip.muted{opacity:.42}.mixer-bottom{border-top:1px solid #2d313c;margin-top:15px;padding-top:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:8px;color:#8d92a1}.mixer-bottom label{display:flex;align-items:center;gap:6px;color:#d5c7ff;font-size:9px}.mixer-bottom input{accent-color:#9574ef}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.game-card{padding:17px}.game-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:10px;font-size:17px}.purple-game{background:#332b4d;color:#c1adff}.pink-game{background:#432c3c;color:#f3a9cb}.green-game{background:#263d34;color:#93ddaf}.game-card h2{font:700 13px Manrope;margin:13px 0 5px}.game-card p{font-size:9px;color:#8d92a1;line-height:1.5;min-height:28px}.game-card button{margin-top:8px}.game-play-area{min-height:165px;margin-top:15px;display:grid;place-items:center}.game-idle{text-align:center;display:grid;gap:6px;color:#888d9c}.game-idle>span{font-size:22px;color:#aa91ff}.game-idle strong{font-size:11px;color:#c9cbd4}.game-idle small{font-size:9px}.game-quiz h2{font:700 17px Manrope;margin:0 0 12px}.quiz-options{display:flex;gap:8px;flex-wrap:wrap}.quiz-options button{border:1px solid #393c49;background:#21242d;border-radius:7px;padding:9px 12px;font-size:9px}.quiz-options button.correct{border-color:#55c98d;color:#9fe1ba;background:#20362b}.quiz-options button.wrong{border-color:#c76772;color:#ffb0b5}.rating-stars{display:flex;gap:3px;margin:0 0 4px}.rating-stars button{border:0;background:none;color:#505462;font-size:25px;padding:0 2px}.rating-stars button.active{color:#edbf66}.learning-item{display:flex;align-items:center;gap:10px;padding:11px 0;border-top:1px solid #2b2f39}.learning-item>i{width:26px;height:26px;border-radius:7px;background:#29233a;color:#bca7ff;display:grid;place-items:center;font-style:normal}.learning-item div{flex:1}.learning-item strong,.learning-item small{display:block}.learning-item strong{font-size:9px}.learning-item small{font-size:8px;color:#858a99;margin-top:4px}.learning-item>span{font-size:8px;color:#92d4ab}.info-dialog{max-width:420px}.info-dialog h2{font:700 19px Manrope;margin:0 0 8px}.info-dialog p{font-size:10px;color:#9da1ae;line-height:1.5}.info-dialog .dialog-close{float:right}.@media(max-width:950px){.channel-strip-grid{grid-template-columns:repeat(3,1fr)}.settings-grid,.guest-layout{grid-template-columns:1fr}.qr-panel{position:static;max-width:540px}.game-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.guest-entry{align-items:flex-start;flex-direction:column}.event-table-row{grid-template-columns:34px 1fr auto;gap:8px}.event-table-status,.event-table-row>small{display:none}.event-table-row button{grid-column:3}.full-request-list .request-row{grid-template-columns:30px minmax(70px,1fr) 30px auto 18px}.full-request-list .play-state{display:none}.channel-strip-grid{grid-template-columns:repeat(2,1fr)}.mixer-bottom{align-items:flex-start;flex-direction:column}.game-grid{grid-template-columns:1fr}.game-card p{min-height:auto}}
.request-status{font-size:8px;border-radius:5px;padding:5px 7px}.request-status.approved{color:#91dcb2;background:#20342a;border:1px solid #315440}.request-status.rejected{color:#e79299;background:#3a252a;border:1px solid #58363c}.empty-list{padding:17px 0;color:#898e9d;font-size:10px}.event-table-row .secondary-button{font-size:8px;padding:7px 9px}