/* V2 skin for legacy pages: dark continuous gradient, glass cards, white text */
body { background: linear-gradient(180deg, #0a1128 0%, #1b1a4a 28%, #2a1f6e 55%, #3b2a7a 78%, #4a3585 100%) !important; color: #fff; }
.movie-title { background: transparent !important; box-shadow: none !important; }
.disney-script { font-family: 'Baloo 2', sans-serif !important; font-weight: 800 !important; font-size: 28px !important; background: linear-gradient(90deg, #ff8fb3, #ffd77a, #7fc8ff, #a78bfa); -webkit-background-clip: text; background-clip: text; color: transparent !important; text-shadow: none !important; }
.header { background: transparent !important; box-shadow: none !important; }
.header h1 { color: #fff !important; -webkit-text-fill-color: unset; background: none !important; text-shadow: 0 2px 12px rgba(0,0,0,.4) !important; }
.header p, .section-desc, .empty, .hint { color: rgba(255,255,255,.65) !important; }
.header-photo, .header-photo-inner { display: none !important; }
.home-fab, .chat-fab { display: none !important; }
.card, .gcard, .doc-item, .doc-card, .scope-row, .upload-card, .lb, .panel { background: rgba(255,255,255,.08) !important; border: 1px solid rgba(255,255,255,.18) !important; -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); box-shadow: 0 16px 40px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.2) !important; color: #fff !important; }
.gcard .t, .doc-item .name, .doc-name, .section-title, .card h2, .card h3, .lb h3 { color: #fff !important; }
.gcard .d, .doc-item .meta, .doc-meta, .doc-sub { color: rgba(255,255,255,.65) !important; }
.gcard .arrow { color: rgba(255,255,255,.5) !important; }
.gcard .ic { background: rgba(255,255,255,.14) !important; }
.scope-btn, .filter-btn, .chip { background: rgba(255,255,255,.1) !important; color: #fff !important; border: 1px solid rgba(255,255,255,.2) !important; }
.scope-btn.active, .filter-btn.active, .chip.active { background: #ffd77a !important; color: #1b2a4a !important; border-color: #ffd77a !important; }
.menu-btn, .lang-toggle { background: rgba(255,255,255,.12) !important; }
.build-tag { color: rgba(255,255,255,.3) !important; }
.upload-scope, .doc-title, .doc-name, .doc-date, .doc-who { color: #fff !important; }
.doc-title { opacity: 1 !important; }
.doc-sub, .doc-small, .doc-size { color: rgba(255,255,255,.6) !important; }
.scope-tabs button, .scope-tab, .tab { background: rgba(255,255,255,.1) !important; color: #fff !important; border: 1px solid rgba(255,255,255,.2) !important; }
.scope-tabs button.active, .scope-tab.active, .tab.active { background: #ffd77a !important; color: #1b2a4a !important; }

/* V2: no legacy top banner on sub-pages - the page title is the header; PL/EN lives on Home only */
.movie-title, .lang-toggle, .lang-corner, .menu-btn, .header-photo, .tb-home { display: none !important; }
.header { padding-top: 22px !important; }
.header h1 { font-family: 'Baloo 2', sans-serif !important; font-weight: 800 !important; font-size: 30px !important; text-align: center; background: linear-gradient(90deg, #ff8fb3, #ffd77a, #7fc8ff, #a78bfa) !important; -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important; -webkit-text-fill-color: transparent; text-shadow: none !important; }
.header p { text-align: center; font-size: 10px !important; letter-spacing: 3px; text-transform: uppercase; color: #ffd77a !important; }
body.compact .topbar { justify-content: center; }
/* Kto to? / Memo panels on the gradient */
.p-title, .lb-name, .fact, .q-text, .verdict, .res-title, .win-title, .p-text, .how h3, .how li, .how p { color: #fff !important; }
.p-text, .p-sub, .lb-score small, .hint-text { color: rgba(255,255,255,.65) !important; }
.lb-score { color: #ffd77a !important; }
.ghost-btn { background: rgba(255,255,255,.1) !important; color: #fff !important; border: 1px solid rgba(255,255,255,.2) !important; }
.lb-row, .lb-item { border-color: rgba(255,255,255,.1) !important; }
.opt { background: rgba(255,255,255,.1) !important; color: #fff !important; border: 1px solid rgba(255,255,255,.18) !important; } .opt.sel { background: rgba(255,215,122,.25) !important; border-color: #ffd77a !important; }
.actions { display: flex; gap: 8px; align-items: stretch; margin-top: 6px; }
.actions .big-btn { flex: 3; margin: 0 !important; }
.actions .rmq { flex: 1; margin: 0 !important; display: flex !important; align-items: center; justify-content: center; text-align: center; line-height: 1.2; font-size: 11px !important; padding: 8px 6px !important; background: rgba(255,255,255,.08) !important; color: rgba(255,255,255,.55) !important; border: 1px dashed rgba(255,255,255,.3) !important; border-radius: 16px !important; }
.actions .rmq.on { color: #ffd77a !important; border-style: solid !important; }
.actions .rmq[style*="display: none"] { display: none !important; }
/* Quiz on the gradient */
.q-card, .result-card, .start-card, .quiz-card { background: rgba(255,255,255,.09) !important; border: 1px solid rgba(255,255,255,.18) !important; -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); box-shadow: 0 16px 40px rgba(0,0,0,.35) !important; }
.q-text, .result-score, .result-title, .progress-label, .start-title, .explain, .q-card p, .quiz-intro { color: #fff !important; }
.result-msg, .q-hint, .explain-text, .start-desc { color: rgba(255,255,255,.7) !important; }
.progress-track { background: rgba(255,255,255,.12) !important; }
.answer-btn { background: rgba(255,255,255,.1) !important; border: 2px solid rgba(255,255,255,.18) !important; color: #fff !important; }
.answer-btn.correct { background: rgba(46,155,71,.35) !important; border-color: #5ee3a3 !important; color: #fff !important; }
.answer-btn.wrong { background: rgba(226,75,74,.35) !important; border-color: #ff8a8a !important; color: #fff !important; }