@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--bg-color:#050505;--surface-color:#0f0f12;--primary-color:#a855f7;--primary-hover:#9333ea;--primary-glow:#a855f766;--neon-cyan:#06b6d4;--text-primary:#fff;--text-secondary:#94a3b8;--border-color:#1e293b;--error-color:#ef4444;--success-color:#10b981;--font-family:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);color:var(--text-primary);-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 50% -20%,#4c1d95 0%,#0f172a 40%,#020617 100%) fixed;min-height:100vh;overflow-x:hidden}.dashboard-layout{background:var(--bg-color);width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{border-right:1px solid var(--border-color);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);z-index:1000;background:#0f0f12f2;flex-direction:column;flex-shrink:0;width:280px;height:100%;padding:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex}.sidebar.closed{opacity:0;pointer-events:none;margin-left:-280px}.sidebar-logo{color:#fff;letter-spacing:-.02em;align-items:center;gap:.8rem;height:70px;font-size:1.5rem;font-weight:900;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:.4rem;padding:2.5rem 0 1rem;display:flex;overflow-y:auto}.sidebar-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.12em;opacity:.4;margin:1.5rem 0 .5rem 1rem;font-size:.6rem;font-weight:950}.nav-link{color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:.8rem;width:100%;padding:.85rem 1.2rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.nav-link:hover,.nav-link.active{color:var(--primary-color);background:#a855f71a}.nav-link.active{background:var(--primary-color);color:#fff;box-shadow:0 4px 15px var(--primary-glow)}.app-body{flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;position:relative;overflow:hidden}.top-navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:100;background:#121215f2;justify-content:space-between;align-items:center;height:60px;padding:0 1.5rem;display:flex;position:sticky;top:0}.top-navbar-left,.top-navbar-right{align-items:center;gap:1.25rem;display:flex}.navbar-brand-desktop{letter-spacing:-.04em;color:#fff;align-items:center;gap:.8rem;font-size:1.25rem;font-weight:950;display:flex}.navbar-toggle-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.navbar-toggle-btn:hover{color:#fff;background:#ffffff0d}@media (width>=1025px){.navbar-toggle-btn{display:none!important}.sidebar.closed{opacity:1!important;pointer-events:auto!important;margin-left:0!important}}.main-viewport{scroll-behavior:smooth;background:var(--bg-color);flex:1;position:relative;overflow-y:auto}.section-title{letter-spacing:-.02em;color:#fff;white-space:nowrap;margin:0;font-size:1rem;font-weight:850}.bank-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:1.5rem;display:flex}.button-group{flex-wrap:wrap;gap:.75rem;display:flex}@media (width<=600px){.bank-header-row{flex-direction:column;align-items:flex-start;gap:1rem}.button-group{width:100%}.button-group .btn-primary,.button-group .btn-secondary{flex:1}}.page-title{letter-spacing:-.03em;color:#fff;font-size:1.4rem;font-weight:800}.header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2.5rem;display:flex}@media (width<=768px){.header-row{flex-direction:column;align-items:flex-start;gap:1rem}.page-title{font-size:1.2rem}}.content-container{max-width:1400px;min-height:100%;margin:0 auto;padding:2rem 2.5rem}@media (width<=768px){.content-container{padding:1.5rem 1rem}}.form-group{width:100%;margin-bottom:.75rem;position:relative}.form-label{color:var(--primary-color);text-transform:uppercase;letter-spacing:.12em;opacity:.7;margin-bottom:.6rem;margin-left:.2rem;font-size:.65rem;font-weight:950;display:block}.form-input{border:1px solid var(--border-color);color:#fff;appearance:none;background:#ffffff05;border-radius:12px;width:100%;min-height:50px;padding:.8rem 1.25rem;font-family:inherit;font-size:.9rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1)}select.form-input{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.3)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1.25rem center;background-repeat:no-repeat;padding-right:2.5rem}.form-input:focus{border-color:var(--primary-color);box-shadow:0 0 20px var(--primary-glow);background:#ffffff0d;outline:none}.form-input option{color:#fff;background-color:#121214;padding:10px}.form-input.mono{font-family:Courier New,Courier,monospace}.studio-filter-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;width:100%;display:grid}.input-with-icon{align-items:center;display:flex;position:relative}.input-icon{opacity:.4;pointer-events:none;z-index:11;position:absolute;left:1.25rem}.form-input-icon-padding{padding-left:3.2rem!important}.btn-primary,.btn-secondary,.btn-glass,.btn-circle{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.85rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:var(--primary-color);color:#fff;box-shadow:0 4px 12px var(--primary-glow)}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-secondary{color:#fff;border-color:var(--border-color);background:#ffffff0d}.btn-secondary:hover{background:#ffffff14}.btn-glass{color:var(--text-secondary);border-color:var(--border-color);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff08}.btn-glass:hover{color:#fff;background:#ffffff0f}.btn-glass.danger:hover{color:#ef4444;background:#ef44441a;border-color:#ef444433}.btn-circle{width:40px;height:40px;color:var(--text-secondary);background:#ffffff08;border-radius:50%;padding:0}.btn-circle:hover{color:#fff;background:#ffffff14;transform:rotate(90deg)}.glass-card{background:#ffffff05;border:1px solid #ffffff0d;border-radius:20px;padding:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.glass-card:hover{background:#ffffff0a;border-color:#ffffff1f;transform:translateY(-4px)}.stat-card-internal{grid-template-columns:56px 1fr;align-items:center;gap:1.25rem;min-height:100px;display:grid}.stat-icon-wrapper{background:#a855f71a;border:1px solid #a855f71a;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.stat-data-wrapper{flex-direction:column;gap:.2rem;display:flex}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;font-size:.65rem;font-weight:900}.stat-count{color:#fff;font-size:2rem;font-weight:950;line-height:1}.grid-auto-fill{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}@media (width<=1200px){.grid-auto-fill{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.stat-count{font-size:1.75rem}}@media (width<=768px){.stat-card-internal{grid-template-columns:48px 1fr;gap:1rem}.stat-icon-wrapper{width:48px;height:48px}.stat-count{font-size:1.5rem}}.grid-2{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.page-title{letter-spacing:-.04em;font-size:1.75rem;font-weight:950}.quiz-selection-card{background:#0f0f1299;border:1px solid #ffffff0d;border-radius:16px;flex-direction:column;gap:1.25rem;padding:1.25rem;transition:all .3s cubic-bezier(0,0,.2,1);display:flex;position:relative}.quiz-selection-card:hover{background:#ffffff08;border-color:#a855f733;transform:translateY(-2px)}.quiz-header-wrapper{justify-content:space-between;gap:1rem;display:flex}.quiz-question-text{color:#fff;font-size:.95rem;font-weight:600;line-height:1.5}.quiz-option-list{flex-direction:column;gap:.6rem;display:flex}.quiz-option-item{background:#ffffff05;border:1px solid #ffffff0d;border-radius:10px;align-items:center;gap:.8rem;padding:.75rem 1rem;transition:all .2s;display:flex}.quiz-option-item.correct{background:#22c55e14;border-color:#22c55e4d}.quiz-option-item.correct .opt-letter{color:#000;background:#22c55e}.opt-letter{width:24px;height:24px;color:var(--text-secondary);background:#ffffff0d;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:950;display:flex}.opt-text{color:#cbd5e1;font-size:.85rem;font-weight:500}.quiz-footer-metadata{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-top:.5rem;padding-top:1rem;display:flex}.ref-tag{opacity:.2;font-family:Courier New,monospace;font-size:.65rem}.question-bank-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem;display:grid}@media (width<=600px){.question-bank-grid{grid-template-columns:1fr;gap:1rem}.quiz-selection-card{gap:1rem;padding:1rem}.quiz-question-text{font-size:.85rem}}.tabs-container{border:1px solid var(--border-color);background:#ffffff08;border-radius:14px;gap:.3rem;width:fit-content;max-width:100%;padding:.35rem;display:flex;overflow-x:auto}@media (width<=768px){.tabs-container{justify-content:space-between;width:100%}.tab-btn{text-align:center;white-space:nowrap;flex:1;font-size:.8rem}}.tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:9px;padding:.5rem 1.25rem;font-size:.85rem;font-weight:700;transition:all .2s}.tab-btn.active{background:var(--primary-color);color:#fff;box-shadow:0 4px 12px var(--primary-glow)}.modal-overlay{-webkit-backdrop-filter:blur(15px)saturate(180%);backdrop-filter:blur(15px)saturate(180%);z-index:10000;background:#0006;justify-content:center;align-items:center;padding:2rem 1rem;display:flex;position:fixed;inset:0}.modal-content{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;width:90%;max-width:580px;padding:2rem 1.5rem;animation:.2s cubic-bezier(0,0,.2,1) modalIn;position:relative;box-shadow:0 40px 100px #000000b3}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}@media (width<=1024px){.modal-content{border-radius:12px;width:95%;padding:.5rem}.modal-header{margin-bottom:.5rem}.modal-title{font-size:1rem}.ad-form-orchestration .form-input{margin-bottom:.4rem!important}.ad-form-orchestration .flex-row-resp{margin-top:1rem!important}}@keyframes modalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-title{letter-spacing:-.03em;text-transform:uppercase;font-size:1.5rem;font-weight:950}.flex-row-resp{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}@media (width<=1024px){.sidebar{width:280px;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:20px 0 50px #00000080;opacity:1!important;pointer-events:auto!important;margin-left:0!important}.sidebar.open{transform:translate(0)}.sidebar-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999;background:#0006;position:fixed;inset:0}.top-navbar{height:60px;padding:0 1rem}.navbar-brand-desktop{gap:.6rem;font-size:1.1rem}.flex-row-resp{flex-direction:column;align-items:flex-start;gap:1.25rem}.btn-primary,.btn-secondary,.btn-glass{width:100%;padding:.8rem 1.25rem;font-size:.9rem}.grid-2,.grid-auto-fill{gap:1rem;grid-template-columns:1fr!important}.tabs-container{white-space:nowrap;width:100%;padding:.4rem;overflow-x:auto}}@media (width>=1025px){.navbar-brand-mobile{display:none!important}}.table-container{background:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;width:100%;margin-top:1rem;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;min-width:600px}.data-table thead{border-bottom:1px solid var(--border-color);background:#ffffff05}.data-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;padding:1.25rem;font-size:.7rem;font-weight:950}.data-table td{color:#fff;vertical-align:middle;border-bottom:1px solid #ffffff0d;padding:1.25rem;font-size:.9rem;font-weight:700}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#ffffff03}.id-cell{opacity:.3;width:60px;font-family:Courier New,monospace;font-size:.75rem}.actions-cell{justify-content:flex-start;gap:.6rem;display:flex}.action-btn-sm{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:#ffffff08;border-radius:6px;padding:.4rem;transition:all .2s}.action-btn-sm:hover{color:#fff;background:#ffffff14}@media (width<=768px){.data-table th,.data-table td{padding:.85rem}}.publisher-layout{grid-template-columns:1fr 400px;gap:2rem;display:grid}@media (width<=1024px){.publisher-layout{gap:1.5rem;grid-template-columns:1fr!important}.settings-panel{order:-1}.selection-zone{max-height:none!important}}.tab-link{color:var(--text-secondary);cursor:pointer;opacity:.5;background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.tab-link:hover{opacity:1;color:#fff;background:#ffffff05}.tab-link.active{opacity:1;color:var(--primary-color);border-bottom:2px solid var(--primary-color);background:#a855f70d}.settings-section-title{color:var(--primary-color);text-transform:uppercase;letter-spacing:.1em;opacity:.8;margin:1.5rem 0 .75rem;font-size:.65rem;font-weight:950}@media (width<=600px){.publisher-layout{gap:1rem}.tab-link{padding:1.25rem!important}}.login-layout{justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-container{width:100%;max-width:440px;padding:2rem}.glass-panel{border:1px solid var(--border-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#18181b99;border-radius:24px;padding:3rem 2.5rem;animation:.6s cubic-bezier(.16,1,.3,1) slideUp;box-shadow:0 25px 50px -12px #000000b3}.auth-header{text-align:center;margin-bottom:2.5rem}.auth-header h1{letter-spacing:-.02em;background:linear-gradient(90deg,#fff,#a1a1aa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:2rem;font-weight:700}.auth-header p{color:var(--text-secondary);font-size:.95rem}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.error-message{color:var(--error-color,#ef4444);text-align:center;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;margin-bottom:1.5rem;padding:.75rem;font-size:.875rem;font-weight:500}.form-group label{color:var(--text-secondary);text-align:left;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.btn-primary.full-width{width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.anim-fade{animation:.8s forwards fadeIn}@media (width<=640px){.hero-title{font-size:2rem!important}.feature-icon-wrapper{width:40px!important;height:40px!important}.glass-card{padding:1.25rem!important}}.glass-panel-premium{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:linear-gradient(135deg,#ffffff0d 0%,#ffffff03 100%);border:1px solid #ffffff1a;box-shadow:0 8px 32px #0000005e}:root{--primary-color:#a855f7;--accent:#a855f7}.modal-overlay{scrollbar-width:none;-ms-overflow-style:none;position:fixed;z-index:10000!important;background:#000!important;justify-content:center!important;align-items:center!important;margin:0!important;padding:0!important;display:flex!important;inset:0!important;overflow:hidden!important}.modal-overlay::-webkit-scrollbar{display:none}.vertical-monitor{background:var(--bg-grad,#050505);scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;max-width:650px;display:flex;position:relative;box-shadow:0 0 100px #000c;width:100%!important;height:100dvh!important;margin:0 auto!important;padding:1.5rem .2rem 2rem!important;overflow:hidden!important}.vertical-monitor::-webkit-scrollbar{display:none}.vertical-monitor:before{content:"";pointer-events:none;z-index:1;background-image:url("data:image/svg+xml,%3Csvg width='240' height='120' viewBox='0 0 240 120' xmlns='http://www.w3.org/2000/svg'%3E%3Ctext x='50%25' y='50%25' font-family='Arial, sans-serif' font-size='16' font-weight='900' fill='rgba(255,255,255,0.03)' text-anchor='middle' dominant-baseline='middle' transform='rotate(-25, 120, 60)'%3EQBNEXA%3C/text%3E%3C/svg%3E");background-repeat:repeat;position:absolute;inset:-50%}.vertical-monitor:after{content:"";pointer-events:none;z-index:5;background:linear-gradient(90deg,#0009 0%,#0000 15% 85%,#0009 100%);position:absolute;inset:0}.noise-layer{opacity:.05;pointer-events:none;z-index:2;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:absolute;inset:0}.infographic-viewport{z-index:10;flex-direction:column;flex:1;justify-content:space-between;padding:.5rem .4rem 1rem;display:flex;position:relative;overflow:hidden}.preset-neon{--accent:#a855f7;--bg-grad:radial-gradient(circle at 20% 20%, #170a33 0%, #000 60%), radial-gradient(circle at 80% 80%, #0d0b26 0%, #000 60%);--card-border:#a855f726;--glass-bg:#ffffff05}.preset-aurora{--accent:#22d3ee;--bg-grad:radial-gradient(circle at 80% 10%, #083344 0%, #000 70%), radial-gradient(circle at 10% 90%, #164e63 0%, #000 70%);--card-border:#22d3ee33;--glass-bg:#ffffff08}.preset-midnight{--accent:#fcd34d;--bg-grad:radial-gradient(circle at 50% 0%, #1e293b 0%, #000 100%);--card-border:#fcd34d33;--glass-bg:#ffffff0d}.preset-solar{--accent:#f43f5e;--bg-grad:radial-gradient(circle at 0% 0%, #450a0a 0%, #000 80%), radial-gradient(circle at 100% 100%, #881337 0%, #000 80%);--card-border:#f43f5e33;--glass-bg:#ffffff0a}.preset-glitch{--accent:#0ff;--bg-grad:linear-gradient(135deg, #2a0000 0%, #000 100%);--card-border:#00ffff4d;--glass-bg:#00000080}.preset-glass{--accent:#fff;--bg-grad:linear-gradient(to bottom, #1a1c1e, #000);--card-border:#ffffff1a;--glass-bg:#ffffff08}.preset-matrix{--accent:#00ff41;--bg-grad:linear-gradient(180deg, #000 0%, #001a00 100%);--card-border:#00ff414d;--glass-bg:#000c}.preset-candy{--accent:#ff007f;--bg-grad:radial-gradient(circle at 0% 0%, #4d0026 0%, #000 80%);--card-border:#ff007f4d;--glass-bg:#ffffff05}.preset-blood{--accent:red;--bg-grad:radial-gradient(circle at center, #300 0%, #000 100%);--card-border:#f006;--glass-bg:#0009}.preset-ocean{--accent:#00d2ff;--bg-grad:linear-gradient(135deg, #001f3f 0%, #000 100%);--card-border:#00d2ff4d;--glass-bg:#ffffff05}.preset-forest{--accent:#22c55e;--bg-grad:radial-gradient(circle at 10% 10%, #064e3b 0%, #000 90%);--card-border:#22c55e40;--glass-bg:#ffffff05}.preset-ivory{--accent:#4338ca;--bg-grad:linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);--card-border:#0000001a;--glass-bg:#ffffffb3;--text-dark:#1e293b;--accent-dark:#6366f1}.preset-arctic{--accent:#0284c7;--bg-grad:linear-gradient(180deg, #f0f9ff 0%, #e0f2fe 100%);--card-border:#0284c726;--glass-bg:#fffc;--text-dark:#0c4a6e}.preset-ivory .cinematic-card,.preset-arctic .cinematic-card{background:var(--glass-bg);color:var(--text-dark);box-shadow:0 10px 40px #0000000d}.preset-ivory .reel-question,.preset-arctic .reel-question{color:var(--text-dark)}.preset-ivory .reel-option,.preset-arctic .reel-option{color:var(--text-dark);background:#00000005;border:1px solid #0000000d}.preset-ivory .option-text,.preset-arctic .option-text{color:var(--text-dark)}.preset-ivory .vertical-monitor:after,.preset-arctic .vertical-monitor:after{opacity:.1}.preset-ivory h1,.preset-ivory h2,.preset-arctic h1,.preset-arctic h2{color:var(--text-dark)!important}.preset-ivory .vertical-monitor:before,.preset-arctic .vertical-monitor:before{opacity:.1}.reel-stats-bar{z-index:100;justify-content:flex-end;align-items:center;height:3rem;padding:1rem .5rem .5rem;display:flex}.timer-pill{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;background:#ffffff14;border:1px solid #ffffff1a;border-radius:50px;align-items:center;gap:.4rem;padding:.4rem .8rem;font-weight:800;display:flex}.reel-progress-container{z-index:200;background:#ffffff0d;height:4px;position:absolute;top:0;left:0;right:0}.reel-progress-bar{background:var(--accent);height:100%;box-shadow:0 0 5px var(--accent)}.cinematic-card{background:var(--glass-bg,#ffffff0a);-webkit-backdrop-filter:blur(40px)saturate(180%);backdrop-filter:blur(40px)saturate(180%);border:1px solid var(--card-border,#ffffff14);border-radius:20px;flex-direction:column;max-height:48%;margin-bottom:.75rem;padding:1rem 1.25rem;display:flex;position:relative;box-shadow:0 10px 25px #0006}.q-count-pill{color:#000;border:2px solid var(--accent);z-index:100;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:.9rem;font-weight:950;display:flex;position:absolute;top:-12px;left:-12px;box-shadow:0 4px 10px #0000004d}.pyq-badge{background:var(--accent);color:#000;text-transform:uppercase;z-index:100;border-radius:6px;padding:.2rem .6rem;font-size:.65rem;font-weight:900;position:absolute;bottom:-10px;right:10px;box-shadow:0 4px 10px #0000004d}.timer-pill-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;opacity:.7;z-index:150;background:#0006;border:1px solid #ffffff1a;border-radius:50px;align-items:center;gap:.4rem;padding:.35rem .7rem;font-size:.75rem;font-weight:800;display:flex;position:absolute;top:-15px;right:10px}.reel-question{color:#fff;font-size:clamp(1rem,3.8vw,1.35rem);font-weight:800;line-height:1.2}.reel-options{scrollbar-width:none;-ms-overflow-style:none;padding-bottom:1rem;overflow-y:auto}.reel-options::-webkit-scrollbar{display:none}.reel-option{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:.8rem;margin-bottom:.5rem;padding:.75rem 1rem;transition:transform .2s;display:flex}.reel-option.correct{box-shadow:0 0 20px #22c55e33;background:#22c55e40!important;border-color:#22c55e!important}.option-letter{background:var(--accent);color:#fff;width:32px;height:32px;box-shadow:0 0 5px var(--accent);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;font-weight:950;display:flex}.option-text{font-size:clamp(.9rem,3.2vw,1rem);font-weight:700;line-height:1.1}.anim-slide-up{animation:.7s cubic-bezier(.23,1,.32,1) both fade-up-ppt}.anim-zoom-in{animation:.8s cubic-bezier(.19,1,.22,1) both zoom-in-ppt}.anim-slide-left{animation:.7s cubic-bezier(.23,1,.32,1) both slide-left-in}.anim-fade-scale{animation:1s cubic-bezier(.23,1,.32,1) both fade-scale-in}.anim-bounce-in{animation:1s cubic-bezier(.175,.885,.32,1.275) both bounce-in-ppt}.anim-spin-in{animation:1s cubic-bezier(.165,.84,.44,1) both spin-in-ppt}.anim-flip-x{animation:.8s cubic-bezier(.175,.885,.32,1.275) both flip-in-ppt}.anim-slide-down{animation:.7s cubic-bezier(.23,1,.32,1) both slide-down-ppt}.anim-skew-in{animation:.7s cubic-bezier(.23,1,.32,1) both skew-in-ppt}.anim-roll-in{animation:.8s cubic-bezier(.23,1,.32,1) both roll-in-ppt}@keyframes fade-up-ppt{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes zoom-in-ppt{0%{opacity:0;filter:blur(10px);transform:scale(.6)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes slide-left-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes fade-scale-in{0%{opacity:0;filter:blur(15px);transform:scale(1.2)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes bounce-in-ppt{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}to{transform:scale(1)}}@keyframes spin-in-ppt{0%{opacity:0;transform:rotate(-540deg)scale(0)}to{opacity:1;transform:rotate(0)scale(1)}}@keyframes flip-in-ppt{0%{opacity:0;transform:rotateX(-90deg)}to{opacity:1;transform:rotateX(0)}}@keyframes slide-down-ppt{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes skew-in-ppt{0%{opacity:0;transform:skew(-20deg)translate(50px)}to{opacity:1;transform:skew(0)translate(0)}}@keyframes roll-in-ppt{0%{opacity:0;transform:translate(-100%)rotate(-120deg)}to{opacity:1;transform:translate(0)rotate(0)}}.anim-spin{animation:2s linear infinite spin-it}@keyframes spin-it{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.anim-pulse{animation:2s ease-in-out infinite pulse-it}@keyframes pulse-it{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.98)}}.countdown-overlay{color:#fff;text-shadow:0 0 80px #ffffff4d;font-size:15rem;font-weight:950}.reel-overlay{z-index:50;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex;position:absolute;inset:0}.produce-btn,.recording-dot,.is-producing{display:none!important}