:root{--bg: #090b0d;--panel: rgba(16, 19, 23, .88);--panel-strong: rgba(23, 28, 33, .96);--line: rgba(255, 255, 255, .08);--text: #f8f6f1;--muted: #9ea6ad;--accent: #ff4e43;--accent-alt: #ffd36d;--success: #7dff8a;--danger: #ff7f72;--radius-lg: 28px;--radius-md: 18px;--shadow: 0 24px 80px rgba(0, 0, 0, .32)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at top left,rgba(255,78,67,.18),transparent 34%),radial-gradient(circle at bottom right,rgba(255,211,109,.12),transparent 22%),linear-gradient(160deg,#08090b,#11161b 52%,#07080a);color:var(--text);font-family:Space Grotesk,sans-serif}html.trivia-overlay-html,html.trivia-overlay-html body{background:transparent!important}body.trivia-page:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(transparent 0%,#ffffff05),repeating-linear-gradient(90deg,transparent 0,transparent 78px,rgba(255,255,255,.02) 79px,transparent 80px);opacity:.45}a{color:inherit}button,input,select{font:inherit}.app-shell{position:relative;max-width:1560px;margin:0 auto;padding:32px}.hero{display:grid;gap:18px;margin-bottom:24px}.hero-card,.panel,.overlay-shell,.overlay-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);backdrop-filter:blur(22px)}.hero-card{padding:26px 28px;overflow:hidden}.hero-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.hero-kicker,.section-kicker,.meta-label{letter-spacing:.16em;text-transform:uppercase;font-size:11px;color:var(--muted)}.hero-title{margin:6px 0 10px;font-size:clamp(34px,5vw,74px);line-height:.98}.hero-copy p{margin:0;color:#d3d7db;max-width:760px}.hero-stats{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.stat-pill{min-width:144px;padding:14px 16px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.stat-pill strong{display:block;margin-top:6px;font-size:28px}.layout-grid{display:grid;grid-template-columns:1.25fr .85fr;gap:24px}.left-stack,.right-stack{display:grid;gap:24px}.panel{padding:22px}.panel-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:18px}.panel-head h2{margin:6px 0 0;font-size:26px;line-height:1.05}.panel-sub,.row-meta,.muted{margin:6px 0 0;color:var(--muted);font-size:14px}.controls-grid,.catalog-toolbar,.question-row,.question-meta,.session-row{display:grid;gap:14px}.controls-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.button-row,.button-grid,.info-grid,.toggle-list,.overlay-options,.answer-row{display:flex;flex-wrap:wrap;gap:12px}.button-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.btn{border:0;border-radius:16px;padding:14px 18px;background:linear-gradient(135deg,#ff5c49,#d92c1f);color:#fff;cursor:pointer;font-weight:700;transition:transform .14s ease,opacity .14s ease;box-shadow:0 16px 32px #d92c1f47}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.48;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:#ffffff0f;box-shadow:none;border:1px solid rgba(255,255,255,.08)}.btn-danger{background:#ff7f7224;border:1px solid rgba(255,127,114,.28);box-shadow:none;color:#ffd7d2}.field{display:grid;gap:8px}.field label{color:var(--muted);font-size:13px}.field input,.field select,.search-input{width:100%;padding:12px 14px;color:var(--text);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px}.toggle-pill,.pill{display:inline-flex;gap:8px;align-items:center;padding:10px 12px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07)}.pill-success{background:#7dff8a1f;border-color:#7dff8a42}.pill-answer{background:#7dff8a14;border-color:#7dff8a2e}.pill-danger{background:#ff7f721f;border-color:#ff7f7242}.question-card,.session-card,.stack-list,.catalog-table,.overlay-center{display:grid;gap:16px}.question-visual{display:grid;grid-template-columns:116px 1fr;gap:18px;align-items:start}.question-visual img,.session-avatar img{width:100%;border-radius:22px;display:block}.perk-placeholder{width:116px;min-height:116px;border-radius:22px;background:linear-gradient(135deg,#ff4e432e,#ffffff05);border:1px solid rgba(255,255,255,.08);display:grid;place-items:center;color:var(--muted);text-align:center;padding:12px;font-size:12px}.question-text{font-size:clamp(20px,2.2vw,32px);line-height:1.18}.option-card,.overlay-option{flex:1 1 calc(50% - 12px);min-width:220px;padding:15px 16px;border-radius:18px;background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.option-label,.mono{font-family:IBM Plex Mono,monospace}.option-label{font-size:13px;color:var(--accent-alt)}.answer-key{color:var(--success);font-weight:700}.option-text{margin-top:10px;font-size:17px}.list-row,.info-card,.question-row{padding:14px 16px;border-radius:18px;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.row-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.row-title{font-size:16px;font-weight:700}.session-row{grid-template-columns:72px 1fr;align-items:center}.session-avatar{width:72px;height:72px;border-radius:22px;overflow:hidden;background:#ffffff0a}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-toolbar{grid-template-columns:1.1fr .65fr .65fr auto;margin-bottom:14px}.question-row{grid-template-columns:88px 1fr}.question-thumb{width:88px;height:88px;border-radius:20px;overflow:hidden;background:#ffffff0a}.question-thumb img{width:100%;height:100%;object-fit:cover}.question-meta{grid-template-columns:repeat(4,minmax(0,auto));font-size:12px;color:var(--muted)}.question-meta span{min-width:0}.notice,.empty-state{padding:18px;border-radius:18px;background:#ffd36d1f;border:1px solid rgba(255,211,109,.2)}.notice.error{background:#ff7f721f;border-color:#ff7f7238}.empty-state{color:var(--muted);text-align:center;background:#ffffff0a;border-color:#ffffff0f}.overlay-root{min-height:100vh;display:grid;place-items:center;padding:30px}.trivia-overlay-page{background:transparent!important}.overlay-shell{width:min(1120px,100%);padding:28px;background:linear-gradient(180deg,#07090cc2,#0a0d1085)}.overlay-card{padding:28px;background:#0c0f13bd}.trivia-overlay-page .overlay-root{padding:0}.trivia-overlay-page .overlay-shell,.trivia-overlay-page .overlay-card{background:transparent;border:0;box-shadow:none;backdrop-filter:none}.overlay-question{font-size:clamp(30px,3vw,54px);text-align:center;line-height:1.08;margin:0 auto;max-width:980px}.overlay-perk{width:164px;height:164px;border-radius:30px;overflow:hidden;background:#ffffff0a}.overlay-perk img{width:100%;height:100%;object-fit:cover}.overlay-answer{padding:16px 20px;border-radius:18px;background:#7dff8a1f;border:1px solid rgba(125,255,138,.22);text-align:center}@media(max-width:1180px){.layout-grid,.catalog-toolbar{grid-template-columns:1fr}}@media(max-width:820px){.app-shell{padding:18px}.controls-grid,.button-grid,.info-grid,.question-visual,.question-row{grid-template-columns:1fr}.overlay-root{padding:14px}.overlay-options{flex-direction:column;width:100%}.overlay-option{max-width:none;width:100%}}