:root{--bg-primary:#0a0402;--bg-secondary:#140804;--bg-card:#160a05e0;--bg-card-hover:#241008f2;--gold-primary:#daa520;--gold-light:gold;--gold-dark:#b8860b;--gold-glow:#daa52040;--crimson-primary:#dc143c;--crimson-dark:#8b0000;--crimson-glow:#dc143c4d;--text-main:#e8d5b0;--text-muted:#9a8568;--text-bright:#fff;--border-gold:#daa52047;--border-gold-bright:#daa520a6;--border-crimson:#dc143c59;--font-heading:"Playfair Display", "Lora", serif;--font-body:"Be Vietnam Pro", "Segoe UI", system-ui, sans-serif;--font-serif:"Merriweather", "Lora", serif;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--shadow-gold:0 4px 24px #daa52026;--shadow-crimson:0 8px 30px #dc143c40;--shadow-card:0 10px 30px #0009, 0 1px 0 #daa5201a inset}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{color:var(--text-main);width:100%;min-height:100vh;font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;background-color:var(--bg-primary)!important;margin:0!important;padding:0!important}html{scroll-behavior:smooth}::selection{background:var(--crimson-primary);color:#fff}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#0a0402cc}::-webkit-scrollbar-thumb{background:#daa52059;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#daa52099}@keyframes goldShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #daa5204d,inset 0 0 10px #daa5201a}50%{box-shadow:0 0 28px #daa52099,inset 0 0 18px #daa52033}}@keyframes crimsonPulse{0%,to{box-shadow:0 4px 20px #dc143c4d}50%{transform:scale(1.02);box-shadow:0 6px 30px #dc143c99}}@keyframes timerAlert{0%,to{background-color:#dc143c26;border-color:#dc143c}50%{background-color:#dc143c59;border-color:#ff6b6b}}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes floatGentle{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.glass-panel{-webkit-backdrop-filter:blur(20px)saturate(1.4);border:1px solid var(--border-gold);box-shadow:var(--shadow-card);background:#120804d9}.gold-gradient-text{background:linear-gradient(135deg,gold 0%,#daa520 50%,wheat 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.crimson-gradient-text{background:linear-gradient(135deg,#ff4d6d 0%,#dc143c 50%,#a01030 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}@media (width<=1180px){.desktop-nav{display:none!important}.mobile-nav-cluster{display:flex!important}}@media (width>=1181px){.desktop-nav{display:flex!important}.mobile-nav-cluster{display:none!important}}.viral-reels-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width>=540px){.viral-reels-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=820px){.viral-reels-grid{grid-template-columns:repeat(4,1fr)}}@media (width>=1200px){.viral-reels-grid{grid-template-columns:repeat(6,1fr)}}.admin-mobile-toggle{display:none}@media (width<=900px){.admin-sidebar{display:none!important}.admin-mobile-toggle{justify-content:center;align-items:center;display:flex!important}.admin-main-content{padding:18px 12px!important}}@media (width<=860px){.admin-grid-2col,.admin-grid-split,.admin-grid-3col,.admin-form-row{grid-template-columns:1fr!important;gap:14px!important}}@media (width<=768px){.admin-grid-4col{grid-template-columns:1fr 1fr!important;gap:10px!important}.admin-modal-box{border-radius:14px!important;width:95%!important;max-height:94vh!important;padding:18px 14px!important}.admin-kpis-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important;gap:10px!important}.admin-quick-actions-grid{grid-template-columns:1fr!important;gap:10px!important}.admin-filter-bar{flex-direction:column!important;align-items:stretch!important}.admin-filter-bar>div{width:100%!important}.admin-list-actions{flex-wrap:wrap!important;justify-content:flex-start!important;gap:8px!important;width:100%!important}.admin-section-header-wrap{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.admin-section-header-wrap>div:last-child{justify-content:flex-start;display:flex;width:100%!important}.admin-section-header-wrap button{width:100%!important}}@media (width<=580px){.admin-preview-btn-text,.admin-user-chip-text{display:none!important}}@media (width<=480px){.admin-grid-4col{grid-template-columns:1fr!important}.admin-user-chip{padding:4px!important}.admin-welcome-banner{padding:18px 14px!important}.admin-welcome-banner h2{font-size:18px!important}.admin-modal-nav{white-space:nowrap!important;-webkit-overflow-scrolling:touch!important;overflow-x:auto!important}.admin-modal-nav button{flex-shrink:0!important}}.admin-sidebar::-webkit-scrollbar{width:6px;height:6px}.admin-main-content::-webkit-scrollbar{width:6px;height:6px}.admin-sidebar::-webkit-scrollbar-track{background:#0a040266}.admin-main-content::-webkit-scrollbar-track{background:#0a040266}.admin-sidebar::-webkit-scrollbar-thumb{background:#daa52040;border-radius:4px}.admin-main-content::-webkit-scrollbar-thumb{background:#daa52040;border-radius:4px}.admin-sidebar::-webkit-scrollbar-thumb:hover{background:#daa52080}.admin-main-content::-webkit-scrollbar-thumb:hover{background:#daa52080}.quiz-test-hud{z-index:900;-webkit-backdrop-filter:blur(16px);background:#0e0603f5;border:1px solid #daa5204d;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:12px 20px;display:flex;position:sticky;top:60px;box-shadow:0 8px 30px #000000b3}.quiz-test-hud-info{flex:260px;min-width:0}.quiz-test-hud-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.quiz-test-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:24px;display:grid}.quiz-question-card{background:linear-gradient(135deg,#160a05f2,#0e0602fa);border:1px solid #daa5204d;border-radius:20px;min-width:0;padding:32px 28px;box-shadow:0 10px 30px #0009}.quiz-palette-card{background:linear-gradient(135deg,#140904f5,#0c0502fa);border:1px solid #daa5204d;border-radius:20px;min-width:0;padding:22px;position:sticky;top:150px;box-shadow:0 10px 30px #0009}.quiz-shortcut-hint{color:#9a8568;font-size:13px}.quiz-nav-btn{cursor:pointer;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .2s;display:flex}@media (width<=960px){.quiz-test-layout{gap:20px;grid-template-columns:1fr!important}.quiz-palette-card{border-radius:16px;padding:18px 16px;position:static!important;top:auto!important}}@media (width<=640px){.quiz-test-hud{gap:10px;margin-bottom:16px;padding:10px 14px;top:52px}.quiz-test-hud-info{flex:100%}.quiz-test-hud-controls{justify-content:space-between;gap:8px;width:100%}.quiz-test-hud-timer{padding:5px 10px!important}.quiz-test-hud-timer-num{font-size:17px!important}.quiz-test-hud-submit-btn{padding:8px 14px!important;font-size:13px!important}.quiz-question-card{border-radius:16px;padding:18px 14px}.quiz-shortcut-hint{display:none!important}.quiz-nav-btn{flex:1;padding:10px 12px;font-size:13px}}