@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Oswald:wght@400;500;600;700&family=Permanent+Marker&family=Crimson+Text:ital,wght@0,400;0,600;1,400&family=Roboto+Condensed:wght@400;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Oswald:wght@400;500;600;700&family=Permanent+Marker&family=Roboto+Condensed:ital,wght@0,400;0,700;1,700&family=Crimson+Text:ital,wght@0,400;0,600;1,400&display=swap";@import "https://fonts.googleapis.com/css2?family=Permanent+Marker&family=Oswald:wght@400;500;600;700&family=Roboto+Condensed:ital,wght@0,400;0,700;1,700&display=swap";:root{--k-ink:#1a0d03;--k-ink-soft:#1a0d038c;--k-ink-faint:#1a0d0326;--k-parchment:#f5f0e8;--k-cream:#f5edd8;--k-card:#fff;--k-crimson:#8b1a1a;--k-crimson-bright:#c0392b;--k-gold:#c8920a;--k-gold-btn:#dca740;--k-gold-light:#f0c030;--k-cat-kasaysayan:#0038a8;--k-cat-kultura:#8b1a1a;--k-cat-agham:#0a5c3a;--k-cat-sining:#c8920a;--k-cat-iba:#5a0082;--k-cat-serye:#c0392b;--k-shadow-color:#1a0d03;--k-shadow:3px 3px 0 var(--k-shadow-color);--k-shadow-lg:5px 5px 0 var(--k-shadow-color);--k-shadow-hover:5px 6px 0 var(--k-shadow-color);--k-border-w:2.5px;--k-border:var(--k-border-w) solid var(--k-ink);--k-radius:8px;--k-radius-lg:14px;--k-font-marker:"Permanent Marker", cursive;--k-font-head:"Oswald", sans-serif;--k-font-body:"Roboto Condensed", sans-serif}.dark-mode{--k-ink:#f5edd8;--k-ink-soft:#f5edd88c;--k-ink-faint:#f5edd824;--k-parchment:#0f0d09;--k-cream:#1a1008;--k-card:#1c1710;--k-crimson:#a02020;--k-crimson-bright:#e05555;--k-gold:#f0c030;--k-gold-btn:#dca740;--k-gold-light:#ffd060;--k-shadow-color:#000}.k-btn{font-family:var(--k-font-head);letter-spacing:1.5px;text-transform:uppercase;color:var(--k-ink);background:var(--k-card);border:var(--k-border);border-radius:var(--k-radius);box-shadow:var(--k-shadow);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:8px;padding:9px 18px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .11s,box-shadow .11s,background .15s;display:inline-flex}.k-btn:hover{box-shadow:var(--k-shadow-hover);transform:translate(-2px,-2px)}.k-btn:active{box-shadow:0 0 0 var(--k-shadow-color);transform:translate(2px,2px)}.k-btn:focus-visible{outline:3px solid var(--k-crimson-bright);outline-offset:2px}.k-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;filter:grayscale(.3);transform:none}.k-btn--gold{background:linear-gradient(180deg, var(--k-gold-light) 0%, var(--k-gold-btn) 100%);color:var(--k-ink)}.k-btn--crimson{background:var(--k-crimson);color:#fff}.k-btn--ink{background:var(--k-ink);color:var(--k-gold-light)}.k-btn--ghost{box-shadow:none;background:0 0}.k-btn--ghost:hover{box-shadow:none;background:#1a0d030f;transform:translate(-1px,-1px)}.k-btn--sm{box-shadow:2px 2px 0 var(--k-shadow-color);padding:6px 12px;font-size:12px}.k-btn--lg{box-shadow:var(--k-shadow-lg);padding:12px 26px;font-size:16px}.k-btn--block{width:100%}.k-card{background:var(--k-card);border:var(--k-border);border-radius:var(--k-radius-lg);box-shadow:var(--k-shadow-lg);color:var(--k-ink)}.k-panel{background:var(--k-card);border:3px solid var(--k-ink);box-shadow:var(--k-shadow);border-radius:4px;position:relative}.k-tag{font-family:var(--k-font-head);letter-spacing:1px;text-transform:uppercase;color:var(--k-ink);background:var(--k-gold-light);border:1.5px solid var(--k-ink);box-shadow:1.5px 1.5px 0 var(--k-shadow-color);border-radius:4px;align-items:center;gap:4px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-flex}.k-halftone{background-image:radial-gradient(circle,#1a0d0329 1.5px,#0000 1.5px);background-size:14px 14px}.dark-mode .k-halftone{background-image:radial-gradient(circle,#f5edd81f 1.5px,#0000 1.5px)}.k-panel-num{font-family:var(--k-font-marker);letter-spacing:.5px;color:var(--k-gold-light);background:var(--k-ink);border:2px solid var(--k-ink);white-space:nowrap;border-radius:5px;padding:2px 7px 1px;font-size:10px;line-height:1.1;box-shadow:2px 2px #00000059}.k-pow{background:var(--k-gold-light);border:2.5px solid var(--k-ink);width:52px;height:52px;color:var(--k-ink);font-family:var(--k-font-marker);text-align:center;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);pointer-events:none;place-items:center;font-size:12px;line-height:1;transition:transform .25s cubic-bezier(.34,1.56,.64,1);display:grid;transform:scale(0)rotate(-25deg)}@media (prefers-reduced-motion:reduce){.k-btn,.k-pow{transition:none}.k-btn:hover,.k-btn:active{transform:none}}:root{--up-ink:#1a0d03;--up-ink-light:#2e1a08;--up-cream:#f5edd8;--up-parchment:#f5f0e8;--up-white:#fff;--up-crimson:#8b1a1a;--up-crimson-b:#c0392b;--up-gold:#c8920a;--up-gold-btn:#dca740;--up-gold-light:#f0c030;--up-green:#2e7d4f;--up-blue:#1a4a7a;--up-border:#1a0d0326;--up-border-med:#1a0d0338;--ink:#1a0d03;--crimson-bright:#c0392b;--gold-btn:#dca740;--gold-light:#f0c030;--parchment:#f5f0e8}.up-root{background:var(--up-parchment);min-height:100vh;font-family:Roboto Condensed,sans-serif;animation:.4s cubic-bezier(.16,1,.3,1) up-fadeIn;position:relative;overflow-x:hidden}.up-bg{z-index:0;pointer-events:none;position:fixed;inset:0}.up-bg:before{content:"";background-image:repeating-conic-gradient(at 50% 110%,#00000009 0deg,#0000 3deg 10deg,#00000009 12deg);position:absolute;inset:0}.up-bg-dots{background-image:radial-gradient(circle,#dca74029 1.5px,#0000 1.5px);background-size:16px 16px;height:50%;position:absolute;bottom:0;left:0;right:0}.up-topbar{z-index:10;background:0 0;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.1rem 2.5rem;display:flex;position:relative}.kb-sidebar-btn{border:2.5px solid var(--up-ink);cursor:pointer;background:#fff;border-radius:8px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;padding:6px;transition:background .2s,box-shadow .15s;display:flex;box-shadow:2px 2px #1a0d0333}.kb-sidebar-btn:hover{background:var(--up-parchment)}.kb-sidebar-btn:active{transform:translate(2px,2px);box-shadow:0 0 #1a0d0333}.kb-sidebar-btn span{background:var(--up-ink);border-radius:2px;width:22px;height:2px;display:block}.up-topbar-back{background:var(--up-white);border:2px solid var(--up-ink);letter-spacing:2px;text-transform:uppercase;color:var(--up-ink);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-family:Oswald,sans-serif;font-size:13px;font-weight:600;transition:transform .1s,box-shadow .1s;display:flex;box-shadow:3px 3px #1a0d032e}.up-topbar-back svg{width:16px;height:16px}.up-topbar-back:hover{transform:translate(-2px,-2px);box-shadow:5px 5px #1a0d0338}.up-topbar-back:active{transform:translate(1px,1px);box-shadow:1px 1px #1a0d032e}.up-topbar-logo{filter:drop-shadow(0 2px 6px #0000001f);width:auto;height:52px}.up-topbar-right{align-items:center;gap:14px;display:flex}.up-body{z-index:1;max-width:860px;margin:0 auto;padding:0 1.5rem 5rem;position:relative}.up-hero{background:var(--up-white);border:2.5px solid var(--up-ink);border-radius:14px;align-items:center;gap:28px;margin:1.8rem 0 2rem;padding:2rem 2.2rem;display:flex;position:relative;overflow:hidden;box-shadow:5px 5px #1a0d031f}.up-hero:before,.up-hero:after{content:"";border-color:var(--up-gold-btn);opacity:.5;border-style:solid;width:20px;height:20px;position:absolute}.up-hero:before{border-width:2px 0 0 2px;top:10px;left:10px}.up-hero:after{border-width:0 2px 2px 0;bottom:10px;right:10px}.up-hero-badge{background:linear-gradient(90deg, var(--up-gold-light) 0%, var(--up-gold-btn) 60%, var(--up-crimson) 100%);height:5px;position:absolute;top:0;left:0;right:0}.up-avatar-wrap{flex-shrink:0;width:88px;height:88px;position:relative}.up-avatar-ring{border:2.5px solid var(--up-ink);background:0 0;border-radius:50%;position:absolute;inset:-5px;box-shadow:2px 2px #1a0d0324}.up-avatar-img{object-fit:cover;border:2px solid #1a0d031f;border-radius:50%;width:88px;height:88px}.up-avatar-initials{background:linear-gradient(180deg, var(--up-gold-light) 0%, var(--up-gold-btn) 100%);border:2px solid var(--up-ink);width:88px;height:88px;color:var(--up-ink);border-radius:50%;justify-content:center;align-items:center;font-family:Permanent Marker,cursive;font-size:32px;display:flex}.up-google-badge{border:2px solid var(--up-ink);background:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;bottom:2px;right:2px;box-shadow:1px 1px #1a0d0333}.up-hero-info{flex:1;min-width:0}.up-hero-eyebrow{letter-spacing:3px;text-transform:uppercase;color:#1a0d0366;margin-bottom:3px;font-family:Oswald,sans-serif;font-size:10px}.up-hero-name{letter-spacing:1px;color:var(--up-ink);white-space:nowrap;text-overflow:ellipsis;font-family:Permanent Marker,cursive;font-size:30px;line-height:1.1;overflow:hidden}.up-hero-email{color:#1a0d0373;margin-top:5px;font-family:Roboto Condensed,sans-serif;font-size:13px}.up-hero-provider{color:#1a0d0373;align-items:center;margin-top:6px;font-family:Roboto Condensed,sans-serif;font-size:12px;display:flex}.up-stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:2.2rem;display:grid}.up-stat-card{background:var(--up-white);border:2px solid var(--up-ink);text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:1.1rem 1rem;transition:transform .12s,box-shadow .12s;display:flex;position:relative;overflow:hidden;box-shadow:3px 3px #1a0d031a}.up-stat-card:hover{transform:translate(-2px,-2px);box-shadow:5px 5px #1a0d0324}.up-stat-card:after{content:"";background:linear-gradient(90deg, var(--up-gold-light), var(--up-gold-btn));opacity:.7;height:3px;position:absolute;bottom:0;left:0;right:0}.up-stat-icon{border:1.5px solid var(--up-ink);border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.up-stat-icon svg{width:16px;height:16px}.up-stat-icon--gold{color:var(--up-ink);background:#f0c0302e}.up-stat-icon--crimson{color:var(--up-crimson-b);background:#c0392b1f}.up-stat-icon--blue{color:var(--up-blue);background:#1a4a7a1f}.up-stat-icon--green{color:var(--up-green);background:#2e7d4f24}.up-stat-val{color:var(--up-ink);font-family:Permanent Marker,cursive;font-size:26px;line-height:1}.up-stat-label{letter-spacing:1.5px;text-transform:uppercase;color:#1a0d0373;font-family:Oswald,sans-serif;font-size:10px}.up-section{margin-bottom:2.2rem}.up-section-header{align-items:center;gap:14px;margin-bottom:1.1rem;display:flex}.up-section-rule{background:linear-gradient(90deg,#0000,#1a0d032e,#0000);flex:1;height:1.5px}.up-section-title{letter-spacing:1px;color:var(--up-ink);white-space:nowrap;align-items:center;gap:8px;font-family:Permanent Marker,cursive;font-size:16px;display:flex}.up-section-title svg{opacity:.65;width:16px;height:16px}.up-quiz-best{background:#f0fff4;border:1.5px solid #1a4d1a4d;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:10px 16px;display:flex;box-shadow:2px 2px #1a0d0312}.up-quiz-best-label{letter-spacing:2px;text-transform:uppercase;color:#1a0d0380;font-family:Oswald,sans-serif;font-size:12px}.up-quiz-best-val{color:#1a4d1a;font-family:Permanent Marker,cursive;font-size:24px}.up-quiz-list{flex-direction:column;gap:8px;display:flex}.up-quiz-row{background:var(--up-white);border:1.5px solid var(--up-border-med);border-radius:8px;grid-template-rows:auto auto;grid-template-columns:1fr auto;gap:4px 12px;padding:12px 16px 8px;transition:transform .12s,box-shadow .12s;display:grid;box-shadow:2px 2px #1a0d0312}.up-quiz-row:hover{transform:translate(-2px,-2px);box-shadow:4px 4px #1a0d031c}.up-quiz-row-info{grid-area:1/1}.up-quiz-row-score{text-align:right;grid-area:1/2}.up-quiz-bar-wrap{background:#1a0d0314;border-radius:2px;grid-area:2/1/auto/-1;height:3px;overflow:hidden}.up-quiz-bar-fill{border-radius:2px;height:100%;transition:width .6s}.up-quiz-row-title{color:var(--up-ink);white-space:nowrap;text-overflow:ellipsis;max-width:380px;font-family:Oswald,sans-serif;font-size:13px;font-weight:600;overflow:hidden}.up-quiz-row-time{color:#1a0d0359;align-items:center;gap:5px;margin-top:2px;font-family:Roboto Condensed,sans-serif;font-size:11px;display:flex}.up-quiz-row-time svg{width:11px;height:11px}.up-quiz-row-score{flex-direction:column;align-items:flex-end;display:flex}.up-quiz-row-frac{color:#1a0d0366;font-family:Oswald,sans-serif;font-size:12px}.up-quiz-row-pct{font-family:Permanent Marker,cursive;font-size:20px;line-height:1}.up-quiz-row-score--pass .up-quiz-row-pct{color:#2e7d4f}.up-quiz-row-score--fail .up-quiz-row-pct{color:var(--up-crimson-b)}.up-tabs{border-bottom:2.5px solid #1a0d0324;gap:0;margin-bottom:1.1rem;display:flex}.up-tab{letter-spacing:2px;text-transform:uppercase;color:#1a0d0366;cursor:pointer;background:0 0;border:none;border-bottom:2.5px solid #0000;align-items:center;gap:8px;margin-bottom:-2.5px;padding:10px 20px;font-family:Oswald,sans-serif;font-size:13px;font-weight:600;transition:color .15s,border-color .15s;display:flex}.up-tab svg{width:14px;height:14px}.up-tab:hover{color:var(--up-ink)}.up-tab--active{color:var(--up-ink);border-bottom-color:var(--up-crimson-b)}.up-tab-count{background:linear-gradient(180deg, var(--up-gold-light) 0%, var(--up-gold-btn) 100%);color:var(--up-ink);border:1.5px solid var(--up-ink);letter-spacing:1px;border-radius:4px;padding:1px 7px;font-family:Oswald,sans-serif;font-size:11px;font-weight:700;box-shadow:1px 1px #1a0d0326}.up-video-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;display:grid}.up-video-card{background:var(--up-white);border:2px solid var(--up-ink);cursor:pointer;text-align:left;border-radius:10px;transition:transform .15s,box-shadow .15s;overflow:hidden;box-shadow:3px 3px #1a0d031a}.up-video-card:hover{transform:translate(-3px,-3px);box-shadow:6px 6px #1a0d0324}.up-video-thumb{aspect-ratio:16/9;background:#1a0d030f;position:relative;overflow:hidden}.up-video-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.up-video-card:hover .up-video-thumb img{transform:scale(1.06)}.up-video-thumb-placeholder{color:#1a0d0333;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.up-video-thumb-placeholder svg{width:28px;height:28px}.up-video-play-overlay{opacity:0;background:#1a0d0361;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0}.up-video-card:hover .up-video-play-overlay{opacity:1}.up-video-play-overlay svg{width:28px;height:28px;color:var(--up-gold-light);filter:drop-shadow(0 2px 6px #0006)}.up-video-info{padding:8px 10px 10px}.up-video-title{color:var(--up-ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:Oswald,sans-serif;font-size:13px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.up-video-category{letter-spacing:1px;text-transform:uppercase;color:var(--up-gold);opacity:.8;margin-top:4px;font-family:Roboto Condensed,sans-serif;font-size:11px}.up-empty{color:#1a0d034d;text-align:center;flex-direction:column;align-items:center;gap:12px;padding:3rem 0;display:flex}.up-empty svg{width:40px;height:40px}.up-empty p{letter-spacing:1.5px;text-transform:uppercase;font-family:Oswald,sans-serif;font-size:14px}.up-loading{letter-spacing:2px;text-transform:uppercase;color:#1a0d0359;text-align:center;padding:2rem 0;font-family:Oswald,sans-serif;font-size:13px}.up-no-user{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:60vh;display:flex}.up-no-user-text{color:#1a0d038c;font-family:Permanent Marker,cursive;font-size:20px}.up-back-btn{letter-spacing:1px;background:linear-gradient(180deg, var(--up-gold-light) 0%, var(--up-gold-btn) 100%);color:var(--up-ink);border:2.5px solid var(--up-ink);cursor:pointer;border-radius:8px;padding:10px 28px;font-family:Permanent Marker,cursive;font-size:16px;transition:transform .1s,box-shadow .1s;box-shadow:3px 3px #1a0d032e}.up-back-btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px #1a0d0338}@keyframes up-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes up-popIn{0%{opacity:0;transform:scale(.9)}65%{transform:scale(1.03)}to{opacity:1;transform:scale(1)}}.dark-mode{--up-ink:#f5edd8;--up-ink-light:#e8d8b0;--up-cream:#1a1008;--up-parchment:#0f0d09;--up-white:#1c1710;--up-crimson:#a02020;--up-crimson-b:#e05555;--up-gold:#f0c030;--up-gold-btn:#dca740;--up-gold-light:#ffd060;--up-green:#4caf78;--up-blue:#4a90d9;--up-border:#f5edd81a;--up-border-med:#f5edd829;--ink:#f5edd8;--crimson-bright:#e05555;--gold-btn:#dca740;--gold-light:#ffd060;--parchment:#0f0d09}.dark-mode .up-bg:before{background-image:repeating-conic-gradient(at 50% 110%,#ffffff05 0deg,#0000 3deg 10deg,#ffffff05 12deg)}.dark-mode .kb-sidebar-btn{background:var(--up-white);box-shadow:2px 2px #00000059}.dark-mode .kb-sidebar-btn:active{box-shadow:0 0 #00000059}.dark-mode .up-topbar-back{box-shadow:3px 3px #00000059}.dark-mode .up-topbar-back:hover{box-shadow:5px 5px #0006}.dark-mode .up-topbar-back:active{box-shadow:1px 1px #0000004d}.dark-mode .up-hero{box-shadow:5px 5px #00000059}.dark-mode .up-avatar-ring{box-shadow:2px 2px #00000059}.dark-mode .up-avatar-img{border-color:#f5edd826}.dark-mode .up-google-badge{box-shadow:1px 1px #00000059}.dark-mode .up-avatar-initials{color:#1a0d03;border-color:#1a0d03}.dark-mode .up-hero-eyebrow{color:#f5edd873}.dark-mode .up-hero-email,.dark-mode .up-hero-provider{color:#f5edd880}.dark-mode .up-stat-card{box-shadow:3px 3px #0000004d}.dark-mode .up-stat-card:hover{box-shadow:5px 5px #0006}.dark-mode .up-stat-label{color:#f5edd880}.dark-mode .up-section-rule{background:linear-gradient(90deg,#0000,#f5edd829,#0000)}.dark-mode .up-quiz-best{background:#10241a;border-color:#50c87859;box-shadow:2px 2px #0000004d}.dark-mode .up-quiz-best-label{color:#f5edd88c}.dark-mode .up-quiz-best-val{color:#4caf78}.dark-mode .up-quiz-row{box-shadow:2px 2px #0000004d}.dark-mode .up-quiz-row:hover{box-shadow:4px 4px #00000059}.dark-mode .up-quiz-row-time{color:#f5edd866}.dark-mode .up-quiz-bar-wrap{background:#f5edd81f}.dark-mode .up-quiz-row-frac{color:#f5edd873}.dark-mode .up-quiz-row-score--pass .up-quiz-row-pct{color:#4caf78}.dark-mode .up-tabs{border-bottom-color:#f5edd829}.dark-mode .up-tab{color:#f5edd873}.dark-mode .up-tab-count{color:#1a0d03;border-color:#1a0d03}.dark-mode .up-video-thumb{background:#f5edd80d}.dark-mode .up-video-thumb-placeholder{color:#f5edd840}.dark-mode .up-video-card{box-shadow:3px 3px #0000004d}.dark-mode .up-video-card:hover{box-shadow:6px 6px #0006}.dark-mode .up-empty{color:#f5edd859}.dark-mode .up-loading{color:#f5edd866}.dark-mode .up-no-user-text{color:#f5edd899}.dark-mode .up-back-btn{color:#1a0d03;border-color:#1a0d03;box-shadow:3px 3px #00000059}.dark-mode .up-back-btn:hover{box-shadow:5px 5px #0006}@media (width<=600px){.up-topbar{padding:1rem}.up-topbar-logo{display:none}.up-topbar-left{gap:8px}.up-body{padding:0 1rem 4rem}.up-hero{text-align:center;flex-direction:column;gap:16px;padding:1.5rem 1.2rem}.up-hero-name{font-size:24px}.up-stats,.up-video-grid{grid-template-columns:repeat(2,1fr)}.up-quiz-row-title{max-width:200px}.up-tab{padding:8px 12px;font-size:12px}}:root{--crimson:#8b1a1a;--crimson-bright:#c0392b;--gold:#c8920a;--gold-btn:#dca740;--gold-light:#f0c030;--ink:#1a0d03;--cream:#f5edd8;--parchment:#f5f0e8;--card-bg:#fff;--text-muted:#1a0d0380}.dark-mode{--crimson:#a02020;--crimson-bright:#e05555;--gold:#f0c030;--gold-btn:#dca740;--gold-light:#ffd060;--ink:#f5edd8;--cream:#1a1008;--parchment:#14110a;--card-bg:#1c1710;--text-muted:#f5edd873}.vl-root{background:#f5f0e8;flex-direction:column;height:100vh;font-family:Roboto Condensed,sans-serif;display:flex;position:relative;overflow:hidden auto}.vl-root::-webkit-scrollbar{width:8px}.vl-root::-webkit-scrollbar-track{background:#f5f0e8;border-left:1.5px solid #1a0d0326}.vl-root::-webkit-scrollbar-thumb{background:#dca740;border:1.5px solid #1a0d03;border-radius:4px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f5f0e8;border-left:1.5px solid #1a0d0326}::-webkit-scrollbar-thumb{background:#dca740;border:1.5px solid #1a0d03;border-radius:4px}.vl-bg{z-index:0;background:#f5f0e8;position:fixed;inset:0}.vl-bg-image{pointer-events:none;background-image:repeating-conic-gradient(at 50% 110%,#00000008 0deg,#0000 3deg 10deg,#00000008 12deg);position:absolute;inset:0}.vl-bg-dots{pointer-events:none;background-image:radial-gradient(circle,#dca7402e 1.5px,#0000 1.5px);background-size:16px 16px;position:absolute;inset:0}.vl-nav{z-index:100;background:#fff;border-bottom:2.5px solid #1a0d03;flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:.85rem 2rem;display:flex;position:relative;box-shadow:0 4px 12px #0000000d}.vl-nav-left{flex-shrink:0;align-items:center;gap:15px;display:flex}.upc-card{z-index:4000;background:#fffdf9;border:2.5px solid #1a0d03;border-radius:12px;width:310px;max-width:calc(100vw - 32px);font-family:Roboto Condensed,sans-serif;animation:.28s cubic-bezier(.34,1.56,.64,1) upcIn;position:fixed;bottom:18px;right:18px;overflow:hidden;box-shadow:5px 6px #1a0d0347}@keyframes upcIn{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.upc-head{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:11px 12px;display:flex}.upc-head-text{flex-direction:column;flex:1;min-width:0;display:flex}.upc-phase{letter-spacing:.8px;text-transform:uppercase;color:#1a0d03;white-space:nowrap;text-overflow:ellipsis;font-family:Oswald,sans-serif;font-size:12.5px;font-weight:700;overflow:hidden}.upc-sub{color:#1a0d039e;margin-top:1px;font-size:11.5px}.upc-toggle{cursor:pointer;color:#1a0d038c;background:0 0;border:none;padding:2px 4px;font-size:15px;line-height:1}.upc-toggle:hover{color:#1a0d03}.upc-spinner{border:2.5px solid #1a0d032e;border-top-color:#c0392b;border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.8s linear infinite upcSpin}@keyframes upcSpin{to{transform:rotate(360deg)}}.upc-spinner-pulse{animation:.8s linear infinite upcSpin,1.2s ease-in-out infinite upcPulse}@keyframes upcPulse{0%,to{opacity:1}50%{opacity:.45}}.upc-bar-wrap{background:#1a0d031f;border-top:2px solid #1a0d03;height:7px;overflow:hidden}.upc-bar{background:linear-gradient(90deg,#f0c030,#dca740);width:0;height:100%;transition:width .25s}.upc-bar-indeterminate{background:linear-gradient(90deg,#0000,#f0c030,#dca740,#0000);width:40%;animation:1.1s ease-in-out infinite upcSlide}@keyframes upcSlide{0%{transform:translate(-110%)}to{transform:translate(310%)}}.upc-details{background:#f9f4ec;border-top:1.5px solid #1a0d0324;padding:11px 12px 12px}.upc-row{gap:8px;margin-bottom:5px;font-size:12px;display:flex}.upc-key{color:#1a0d038c;letter-spacing:.6px;text-transform:uppercase;flex:0 0 62px;padding-top:1px;font-family:Oswald,sans-serif;font-size:10.5px}.upc-val{color:#1a0d03;word-break:break-word;flex:1;min-width:0;font-weight:600}.upc-ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.upc-steps{gap:6px;margin:10px 0 8px;display:flex}.upc-step{opacity:.4;flex-direction:column;flex:1;align-items:center;gap:3px;display:flex}.upc-step.active,.upc-step.done{opacity:1}.upc-step-dot{background:#fff;border:2px solid #1a0d03;border-radius:50%;justify-content:center;align-items:center;width:21px;height:21px;font-size:10.5px;font-weight:700;display:flex}.upc-step.active .upc-step-dot{background:#f0c030}.upc-step.done .upc-step-dot{color:#fff;background:#157f5f;border-color:#157f5f}.upc-step-label{letter-spacing:.6px;text-transform:uppercase;color:#1a0d03b3;font-family:Oswald,sans-serif;font-size:9.5px}.upc-note{color:#1a0d038c;margin-top:6px;font-size:10.5px;line-height:1.45}.upc-cancel{color:#c0392b;cursor:pointer;letter-spacing:1px;text-transform:uppercase;background:#fff;border:2px solid #c0392b;border-radius:7px;width:100%;margin-top:9px;padding:7px;font-family:Oswald,sans-serif;font-size:11px;font-weight:700}.upc-cancel:hover{color:#fff;background:#c0392b}.dark-mode .upc-card{background:#1c1710;border-color:#f5edd847;box-shadow:5px 6px #00000073}.dark-mode .upc-phase{color:#f5edd8}.dark-mode .upc-sub,.dark-mode .upc-key,.dark-mode .upc-note{color:#f5edd899}.dark-mode .upc-val{color:#f5edd8}.dark-mode .upc-details{background:#14110a;border-top-color:#f5edd81f}.dark-mode .upc-bar-wrap{background:#f5edd824;border-top-color:#f5edd847}.dark-mode .upc-step-dot{color:#f5edd8;background:#1c1710;border-color:#f5edd866}.dark-mode .upc-step-label{color:#f5edd8b3}.dark-mode .upc-toggle{color:#f5edd899}@media (width<=480px){.upc-card{width:auto;bottom:10px;left:10px;right:10px}}.vl-admin-home-btn{color:#1a0d03;cursor:pointer;background:#fff;border:2.5px solid #1a0d03;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:background .2s,transform .1s,box-shadow .1s;display:flex;box-shadow:2px 2px #1a0d0333}.vl-admin-home-btn:hover{background:#f5f0e8}.vl-admin-home-btn:active{transform:translate(2px,2px);box-shadow:0 0 #1a0d0333}.dark-mode .vl-admin-home-btn{color:#f5edd8;background:#1c1710;border-color:#f5edd84d;box-shadow:2px 2px #0006}.dark-mode .vl-admin-home-btn:hover{background:#14110a}.vl-nav-search-wrap{flex:1;max-width:520px;margin:0 auto;position:relative}.vl-nav-search-icon{pointer-events:none;color:#1a0d0373;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.vl-nav-search{letter-spacing:1px;color:#1a0d03;background:#f5f0e8;border:2px solid #1a0d0333;border-radius:24px;outline:none;width:100%;padding:9px 18px 9px 42px;font-family:Oswald,sans-serif;font-size:14px;font-weight:500;transition:border-color .2s,box-shadow .2s}.vl-nav-search::placeholder{color:#1a0d0366}.vl-nav-search:focus{border-color:#dca740;box-shadow:0 0 0 3px #dca74038}.vl-nav-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.vl-nav-notif{cursor:pointer;background:#fff;border:2px solid #1a0d03;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s,transform .15s;display:flex;position:relative}.vl-nav-notif:hover{background:#f5f0e8;transform:scale(1.06)}.vl-nav-notif--open{background:#1a0d03}.vl-nav-notif--open .vl-nav-notif-icon{color:#f0c030}.vl-nav-notif-icon{color:#1a0d03;width:19px;height:19px;transition:color .15s}.vl-nav-notif-badge{color:#fff;background:#e74c3c;border:2px solid #fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 3px;font-family:Oswald,sans-serif;font-size:10px;font-weight:700;line-height:1;animation:.3s cubic-bezier(.34,1.56,.64,1) notif-pop;display:flex;position:absolute;top:-4px;right:-4px}@keyframes notif-pop{0%{transform:scale(0)}to{transform:scale(1)}}.vl-notif-dropdown{z-index:999;transform-origin:100% 0;background:#fff;border:2.5px solid #1a0d03;border-radius:12px;width:300px;animation:.22s cubic-bezier(.34,1.56,.64,1) notif-drop-in;position:absolute;top:calc(100% + 10px);right:-8px;overflow:hidden;box-shadow:6px 6px #1a0d0333,0 16px 40px #0000002e}@keyframes notif-drop-in{0%{opacity:0;transform:scale(.88)translateY(-8px)}to{opacity:1;transform:scale(1)translateY(0)}}.vl-notif-header{background:#1a0d03;border-bottom:2px solid #1a0d03;justify-content:space-between;align-items:center;padding:10px 14px 8px;display:flex}.vl-notif-title{letter-spacing:2px;color:#f0c030;font-family:Permanent Marker,cursive;font-size:13px}.vl-notif-clear-btn{letter-spacing:1px;text-transform:uppercase;color:#fff9;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:3px 0;font-family:Oswald,sans-serif;font-size:9px;font-weight:600;transition:color .15s}.vl-notif-clear-btn:hover{color:#f0c030}.vl-notif-list{max-height:320px;overflow-y:auto}.vl-notif-list::-webkit-scrollbar{width:4px}.vl-notif-list::-webkit-scrollbar-thumb{background:#1a0d0333;border-radius:4px}.vl-notif-item{cursor:pointer;background:#fff;border-bottom:1.5px solid #1a0d0314;align-items:center;gap:10px;padding:10px 12px;transition:background .15s;display:flex;position:relative}.vl-notif-item:last-child{border-bottom:none}.vl-notif-item:hover{background:#f5f0e8}.vl-notif-item-icon{border:2px solid #1a0d03;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.vl-notif-item-icon--msg{color:#1a0d03;background:linear-gradient(#f0c030 0%,#dca740 100%)}.vl-notif-item-thumb{color:#dca740;background:#1a0d03;border:2px solid #1a0d03;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;overflow:hidden}.vl-notif-item-body{flex:1;min-width:0}.vl-notif-item-title{letter-spacing:1.5px;text-transform:uppercase;color:#dca740;margin-bottom:2px;font-family:Oswald,sans-serif;font-size:10px;font-weight:700}.vl-notif-item-sub{color:#1a0d03;white-space:nowrap;text-overflow:ellipsis;font-family:Roboto Condensed,sans-serif;font-size:12px;font-weight:500;overflow:hidden}.vl-notif-item-dot{background:#e74c3c;border:1.5px solid #1a0d03;border-radius:50%;flex-shrink:0;width:8px;height:8px}.vl-notif-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:2rem 1rem;display:flex}.vl-notif-empty-icon{font-size:28px}.vl-notif-empty p{letter-spacing:1.5px;text-transform:uppercase;color:#1a0d0366;font-family:Oswald,sans-serif;font-size:11px}.vl-nav-profile{cursor:default;background:linear-gradient(#f0c030 0%,#dca740 100%);border:2.5px solid #1a0d03;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:2px 2px #1a0d034d}.vl-nav-profile-icon{color:#1a0d03;width:22px;height:22px}.vl-nav-logo-img{cursor:pointer;width:auto;height:58px;transition:transform .2s}.vl-nav-logo-img:hover{transform:scale(1.03)}.vl-add-btn{letter-spacing:2px;text-transform:uppercase;color:#1a0d03;cursor:pointer;white-space:nowrap;background:linear-gradient(#f0c030 0%,#dca740 100%);border:2.5px solid #1a0d03;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:48px;padding:8px 16px;font-family:Oswald,sans-serif;font-size:14px;font-weight:700;transition:all .15s;display:flex;box-shadow:3px 3px #1a0d034d}.vl-add-btn:hover{background:linear-gradient(#f4d060 0%,#e0b050 100%);transform:translate(-2px,-2px);box-shadow:5px 5px #1a0d0359}.vl-add-btn:active{transform:translate(2px,2px);box-shadow:1px 1px #1a0d0340}.vl-add-btn svg{font-size:18px}.add-label{letter-spacing:1.5px;opacity:.8;text-transform:uppercase;font-family:Oswald,sans-serif;font-size:8px;font-weight:700;line-height:1}.vl-main{z-index:10;flex:1;padding:2.5rem 3rem 3rem;animation:.45s cubic-bezier(.16,1,.3,1) both pageIn;position:relative}@keyframes pageIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.vl-page-header{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;display:flex}.vl-page-header-left{flex-direction:column;display:flex}.vl-page-eyebrow{letter-spacing:6px;text-transform:uppercase;color:#dca740;align-items:center;gap:8px;margin-bottom:4px;font-family:Oswald,sans-serif;font-size:12px;font-weight:700;display:flex}.vl-page-eyebrow-bullet{color:#1a0d03;opacity:.5}.vl-page-title{letter-spacing:2px;text-transform:uppercase;color:#1a0d03;text-shadow:3px 3px #1a0d0326;font-family:Permanent Marker,cursive;font-size:clamp(38px,6vw,72px);line-height:1}.vl-page-title-accent{color:#dca740;text-shadow:3px 3px #1a0d0326}.vl-page-count{letter-spacing:4px;text-transform:uppercase;color:#1a0d0380;margin-top:10px;font-family:Oswald,sans-serif;font-size:11px;font-weight:600}.vl-toolbar{border-bottom:2px dashed #1a0d0326;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;display:flex}.vl-filter-btns{flex-wrap:wrap;gap:4px;display:flex}.vl-filter-btn{letter-spacing:2px;text-transform:uppercase;color:#1a0d0373;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2.5px solid #0000;padding:6px 14px;font-family:Oswald,sans-serif;font-size:13px;font-weight:600;transition:color .2s,border-color .2s}.vl-filter-btn:hover{color:#1a0d03}.vl-filter-btn.active{color:#1a0d03;border-bottom-color:#dca740;font-weight:700}.vl-grid{grid-template-columns:repeat(auto-fill,minmax(185px,1fr));align-items:start;gap:2.2rem 1.8rem;display:grid}.vl-card{cursor:pointer;perspective:1200px;transform-style:preserve-3d;animation:.45s ease-out both cardIn;position:relative}@keyframes cardIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.vl-book-wrap{transform-style:preserve-3d;filter:drop-shadow(4px 8px 12px #00000026);transform-origin:100%;transition:filter .4s,transform .5s cubic-bezier(.2,.9,.3,1.1);display:flex;position:relative;transform:rotateY(-10deg)rotateX(3deg)translateZ(0)}.vl-card:hover .vl-book-wrap{filter:drop-shadow(0 14px 24px #00000040);transform:rotateY(0)rotateX(0)translateZ(12px)scale(1.04)}.vl-book-spine{background:#1a0d03;border:2.5px solid #1a0d03;border-right:none;border-radius:8px 0 0 8px;flex-shrink:0;justify-content:center;align-items:center;width:18px;display:flex;position:relative;overflow:hidden}.spine-kasaysayan{background:#0038a8}.spine-kultura{background:#8b1a1a}.spine-agham{background:#0a5c3a}.spine-sining{background:#c8920a}.spine-iba{background:#5a0082}.spine-serye{background:#c0392b}.vl-book-spine-text{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:2px;text-transform:uppercase;color:#fffc;white-space:nowrap;text-overflow:ellipsis;max-height:90%;padding:8px 0;font-family:Oswald,sans-serif;font-size:8px;font-weight:700;overflow:hidden;transform:rotate(180deg)}.vl-book-cover{aspect-ratio:2/3;background:#fff;border:2.5px solid #1a0d03;border-left:2px solid #fff6;border-radius:0 8px 8px 0;flex:1;position:relative;overflow:hidden}.vl-book-cover-img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.2,.9,.3,1.1);display:block}.vl-card:hover .vl-book-cover-img{transform:scale(1.07)}.vl-book-cover-placeholder{background:#f5f0e8;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;padding:14px;display:flex}.vl-book-cover-placeholder-icon{color:#1a0d0333;font-size:28px}.vl-book-cover-placeholder-lines{flex-direction:column;gap:6px;width:100%;display:flex}.vl-book-cover-placeholder-line{background:#1a0d031a;border-radius:2px;height:4px}.vl-book-cover-overlay{pointer-events:none;background:linear-gradient(#0000 30%,#1a0d034d 55%,#1a0d03f2 100%);position:absolute;inset:0}.vl-panel-num{z-index:5;transition:transform .25s;position:absolute;top:8px;left:8px;transform:rotate(-3deg)}.vl-card:hover .vl-panel-num{transform:rotate(0)scale(1.04)}.vl-pow{z-index:5;position:absolute;top:34px;left:6px}.vl-card:hover .vl-pow{transform:scale(1)rotate(-8deg)}.vl-book-page-curl{pointer-events:none;z-index:4;background:linear-gradient(225deg,#dca74099 45%,#0000 50%);width:30px;height:30px;transition:width .3s,height .3s;position:absolute;bottom:0;right:0}.vl-card:hover .vl-book-page-curl{width:44px;height:44px}.vl-book-info{z-index:3;padding:10px 10px 8px;position:absolute;bottom:0;left:0;right:0}.vl-book-title{letter-spacing:.5px;color:#fff;text-shadow:1px 1px #1a0d03,0 0 8px #000c;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:5px;font-family:Oswald,sans-serif;font-size:13px;font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}.vl-book-meta-row{justify-content:space-between;align-items:center;gap:4px;display:flex}.vl-book-author{letter-spacing:1.5px;text-transform:uppercase;color:#ffffffb3;white-space:nowrap;text-overflow:ellipsis;font-family:Oswald,sans-serif;font-size:9px;font-weight:500;overflow:hidden}.vl-badge{letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap;border:1.5px solid #1a0d03;border-radius:4px;flex-shrink:0;padding:2px 7px;font-family:Oswald,sans-serif;font-size:8px;font-weight:700}.badge-kasaysayan{color:#0038a8;background:#e0edff}.badge-kultura{color:#8b1a1a;background:#ffebeb}.badge-agham{color:#0a5c3a;background:#e5fdf2}.badge-sining{color:#c8920a;background:#fef5e6}.badge-iba{color:#5a0082;background:#f6e8fc}.badge-serye{color:#c0392b;background:#ffebeb}.vl-play-overlay{z-index:2;opacity:0;background:#ffffff26;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.vl-card:hover .vl-play-overlay{opacity:1}.vl-play-circle{color:#1a0d03;background:linear-gradient(#f0c030 0%,#dca740 100%);border:2.5px solid #1a0d03;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:transform .3s cubic-bezier(.2,.9,.3,1.2);display:flex;transform:scale(.82);box-shadow:3px 3px #1a0d03,0 6px 18px #0000004d}.vl-card:hover .vl-play-circle{transform:scale(1)}.vl-book-stats{z-index:4;align-items:center;gap:8px;display:flex;position:absolute;top:8px;right:8px}.vl-book-stat{letter-spacing:1px;color:#1a0d03;background:#ffffffe6;border:1.5px solid #1a0d03;border-radius:4px;align-items:center;gap:3px;padding:3px 7px;font-family:Oswald,sans-serif;font-size:9px;font-weight:600;display:flex}.vl-card-menu-wrap{z-index:10;position:absolute;bottom:38px;right:6px}.vl-card-menu-btn{cursor:pointer;opacity:0;background:#fff;border:2px solid #1a0d03;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:26px;height:26px;padding:0;transition:all .2s;display:flex;transform:scale(.8);box-shadow:2px 2px #1a0d0333}.vl-card-menu-btn span{background:#1a0d03;border-radius:50%;flex-shrink:0;width:3.5px;height:3.5px;transition:background .15s;display:block}.vl-card:hover .vl-card-menu-btn,.vl-card-menu-btn.is-open{opacity:1;transform:scale(1)}.vl-card-menu-btn:hover,.vl-card-menu-btn.is-open{background:#f5f0e8}.vl-card-menu{z-index:20;background:#fff;border:2.5px solid #1a0d03;border-radius:8px;min-width:188px;animation:.15s cubic-bezier(.34,1.56,.64,1) both menuPop;position:absolute;bottom:calc(100% + 6px);right:0;overflow:hidden;box-shadow:4px 4px #1a0d0326,0 8px 32px #00000026}@keyframes menuPop{0%{opacity:0;transform-origin:100% 100%;transform:scale(.88)translateY(6px)}to{opacity:1;transform-origin:100% 100%;transform:scale(1)translateY(0)}}.vl-card-menu-item{cursor:pointer;color:#1a0d03;letter-spacing:1.5px;text-transform:uppercase;text-align:left;background:0 0;border:none;border-bottom:1.5px solid #1a0d031a;align-items:center;gap:11px;width:100%;padding:10px 14px;font-family:Oswald,sans-serif;font-size:12px;font-weight:600;transition:background .12s;display:flex}.vl-card-menu-item:last-child{border-bottom:none}.vl-card-menu-item:hover{background:#dca74026}.vl-card-menu-icon{color:#1a0d0380;flex-shrink:0;justify-content:center;align-items:center;transition:color .12s;display:flex}.vl-card-menu-item:hover .vl-card-menu-icon{color:#dca740}.vl-card-menu-label{flex:1}.vl-skel-card{aspect-ratio:2/3;background:linear-gradient(135deg,#f5f0e8 0%,#e8d4a8 50%,#f5f0e8 100%) 0 0/200% 100%;border:2.5px solid #1a0d0326;border-radius:8px;animation:1.5s ease-in-out infinite skelShimmer}@keyframes skelShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.vl-empty{text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:1rem;padding:5rem 2rem;display:flex}.vl-empty-icon{color:#1a0d0333;font-size:48px;animation:3s ease-in-out infinite emptyFloat}@keyframes emptyFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.vl-empty-text{letter-spacing:2px;text-transform:uppercase;color:#1a0d03;font-family:Permanent Marker,cursive;font-size:36px}.vl-empty-sub{letter-spacing:2px;text-transform:uppercase;color:#1a0d0380;font-family:Oswald,sans-serif;font-size:13px;font-weight:500}.vl-footer{z-index:100;background:#fff;border-top:2.5px solid #1a0d03;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;height:60px;padding:0 3rem;display:flex;position:relative}.vl-footer-tagline{letter-spacing:5px;text-transform:uppercase;color:#1a0d0380;font-family:Oswald,sans-serif;font-size:11px;font-weight:700}.vl-footer-tagline-dot{color:#dca740;margin:0 6px}.vl-footer-right{align-items:center;gap:14px;display:flex}.vl-footer-badge{letter-spacing:2px;color:#1a0d03;text-transform:uppercase;background:#f5f0e8;border:1.5px solid #1a0d03;border-radius:4px;padding:3px 10px;font-family:Oswald,sans-serif;font-size:10px;font-weight:700}.vl-copyright{color:#1a0d0380;letter-spacing:1.5px;font-family:Oswald,sans-serif;font-size:11px;font-weight:500}.vl-section{margin-bottom:2.4rem}.vl-section-header{border-bottom:2.5px solid #1a0d03;justify-content:space-between;align-items:center;margin-bottom:.9rem;padding-bottom:6px;display:flex}.vl-section-title{letter-spacing:1px;color:#1a0d03;font-family:Permanent Marker,cursive;font-size:24px}.vl-section-viewall{letter-spacing:2px;text-transform:uppercase;color:#dca740;cursor:pointer;background:0 0;border:none;padding:2px 0;font-family:Oswald,sans-serif;font-size:12px;font-weight:700;transition:color .18s,letter-spacing .18s}.vl-section-viewall:hover{color:#c8920a;letter-spacing:3px}.vl-row-scroll{scrollbar-width:thin;scrollbar-color:#1a0d0333 transparent;align-items:stretch;gap:14px;padding-bottom:8px;display:flex;position:relative;overflow-x:auto}.vl-row-scroll::-webkit-scrollbar{height:6px}.vl-row-scroll::-webkit-scrollbar-track{background:0 0}.vl-row-scroll::-webkit-scrollbar-thumb{background:#1a0d0333;border-radius:4px}.vl-row-card{cursor:pointer;background:#fff;border:2.5px solid #1a0d03;border-radius:10px;flex-shrink:0;width:175px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:3px 3px #1a0d0326}.vl-row-card:hover{transform:translate(-2px,-2px);box-shadow:5px 5px #1a0d0340}.vl-row-thumb-wrap{aspect-ratio:16/10;background:#e8d4a8;border-bottom:2.5px solid #1a0d03;width:100%;position:relative;overflow:hidden}.vl-row-thumb{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.vl-row-card:hover .vl-row-thumb{transform:scale(1.04)}.vl-row-duration{letter-spacing:.5px;color:#fff;background:#1a0d03d9;border:1.5px solid #1a0d03;border-radius:4px;padding:2px 6px;font-family:Oswald,sans-serif;font-size:11px;font-weight:700;position:absolute;bottom:5px;right:6px}.vl-row-play-overlay{opacity:0;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.vl-row-card:hover .vl-row-play-overlay{opacity:1}.vl-row-rank{z-index:2;letter-spacing:1px;color:#fff;text-shadow:2px 2px #1a0d03;font-family:Permanent Marker,cursive;font-size:26px;line-height:1;position:absolute;top:5px;left:6px}.vl-row-info{padding:8px 10px 10px}.vl-row-title{letter-spacing:.5px;color:#1a0d03;-webkit-line-clamp:2;text-transform:uppercase;-webkit-box-orient:vertical;margin-bottom:5px;font-family:Oswald,sans-serif;font-size:12px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.vl-row-meta{color:#1a0d0399;flex-wrap:wrap;align-items:center;gap:6px;font-family:Roboto Condensed,sans-serif;font-size:11px;display:flex}.vl-row-cat{color:#dca740;letter-spacing:1px;text-transform:uppercase;background:#dca74026;border:1.5px solid #dca74066;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:700}.vl-row-progress-bar{background:#f5f0e8;border:1.5px solid #1a0d03;border-radius:4px;height:6px;margin-bottom:3px;overflow:hidden}.vl-row-progress-fill{background:#dca740;height:100%;transition:width .3s}.vl-row-pct{color:#1a0d03;font-family:Oswald,sans-serif;font-size:11px;font-weight:700}.vl-row-arrow{color:#1a0d03;cursor:pointer;background:#fff;border:2.5px solid #1a0d03;border-radius:8px;flex-shrink:0;justify-content:center;align-self:center;align-items:center;width:40px;height:40px;margin-left:4px;font-size:22px;line-height:1;transition:all .15s;display:flex;box-shadow:2px 2px #1a0d0333}.vl-row-arrow:hover{background:#f5f0e8;transform:translate(-2px,-2px);box-shadow:4px 4px #1a0d0340}.vl-section-divider{border-bottom:2.5px solid #1a0d03;align-items:center;gap:16px;margin-bottom:1.4rem;padding-bottom:6px;display:flex}.vl-hamburger-btn{cursor:pointer;background:#fff;border:2.5px solid #1a0d03;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;padding:6px;transition:background .2s,box-shadow .15s;display:flex;box-shadow:2px 2px #1a0d0333}.vl-hamburger-btn:hover{background:#f5f0e8}.vl-hamburger-btn:active{transform:translate(2px,2px);box-shadow:0 0 #1a0d0333}.vl-hamburger-btn span{background:#1a0d03;border-radius:2px;width:22px;height:2px;transition:background .2s;display:block}.vl-sidebar-overlay{z-index:199;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1a0d03a6;animation:.2s vl-overlay-in;position:fixed;inset:0}@keyframes vl-overlay-in{0%{opacity:0}to{opacity:1}}.vl-sidebar{z-index:200;background:#fff;border-right:3px solid #1a0d03;flex-direction:column;width:270px;transition:transform .28s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:6px 0 32px #00000026}.vl-sidebar--open{transform:translate(0)}.vl-sidebar:before{content:"";pointer-events:none;background-image:radial-gradient(circle,#dca7401a 1px,#0000 1px);background-size:16px 16px;position:absolute;inset:0}.vl-sidebar-header{background:#f5f0e8;border-bottom:2.5px solid #1a0d03;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.4rem 1.4rem 1rem;display:flex}.vl-sidebar-logo{object-fit:contain;width:auto;height:64px}.vl-sidebar-close{color:#1a0d03;cursor:pointer;background:#fff;border:2.5px solid #1a0d03;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;font-weight:700;display:flex;box-shadow:2px 2px #1a0d0333}.vl-sidebar-close:hover{background:#f5f0e8}.vl-sidebar-nav{z-index:1;flex-direction:column;flex:1;padding:1rem 0;display:flex;position:relative}.vl-sidebar-item{letter-spacing:2px;text-transform:uppercase;color:#1a0d03;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:14px;width:100%;padding:13px 1.4rem;font-family:Oswald,sans-serif;font-size:15px;font-weight:700;transition:background .18s,padding-left .18s;display:flex;position:relative}.vl-sidebar-item:before{content:"";background:#dca740;border-top:1.5px solid #1a0d03;border-bottom:1.5px solid #1a0d03;border-right:1.5px solid #1a0d03;border-radius:0 4px 4px 0;width:4px;transition:transform .18s;position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.vl-sidebar-item:hover{background:#f5f0e8;padding-left:1.8rem}.vl-sidebar-item:hover:before{transform:scaleY(1)}.vl-sidebar-icon{text-align:center;color:#dca740;flex-shrink:0;width:20px;font-size:18px}.book-backdrop{z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#1a0d03d9;background-image:radial-gradient(circle,#dca7402e 1.5px,#0000 1.5px);background-size:16px 16px;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.book-backdrop--pip{-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;background:0 0;justify-content:flex-end;align-items:flex-end;padding:0}.book-backdrop--pip .book-scene{pointer-events:all}.book-scene--pip{perspective:none;z-index:201;border-radius:14px;animation:.25s cubic-bezier(.34,1.56,.64,1) pipSlideIn;overflow:visible;box-shadow:0 8px 40px #00000026,5px 5px #1a0d031f;width:340px!important;height:auto!important;position:fixed!important}@keyframes pipSlideIn{0%{opacity:0;transform:scale(.85)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.book-scene--pip .book-flip-card{height:auto;transition:none!important;transform:none!important}.book-scene--pip .book-face-front{display:none}.book-scene--pip .book-face-back{box-shadow:none;border:2.5px solid #1a0d03;border-radius:14px;position:relative;overflow:hidden;transform:none!important}.book-scene--pip .book-video-scroll,.book-scene--pip .book-interact-bar,.book-scene--pip .quiz-trigger-btn,.book-scene--pip .qir2-wrap{display:none}.book-pip-drag-handle{z-index:10;cursor:grab;-webkit-user-select:none;user-select:none;color:#1a0d0366;background:#f5f0e8;border:2.5px solid #1a0d03;border-bottom:none;border-radius:14px 14px 0 0;justify-content:center;align-items:center;padding:4px 10px;display:flex;position:absolute;top:-26px;left:0;right:0}.book-pip-drag-handle:active{cursor:grabbing}.book-pip-controls{z-index:20;align-items:center;gap:8px;display:flex;position:absolute;top:-14px;right:-14px}.book-pip-btn{color:#1a0d03;cursor:pointer;background:#fff;border:2.5px solid #1a0d03;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;transition:background .15s,transform .15s,box-shadow .15s;display:flex;box-shadow:2px 2px #1a0d034d}.book-pip-btn:hover{background:#f5f0e8}.book-pip-btn:active{transform:translate(2px,2px);box-shadow:0 0 #1a0d034d}.book-scene:not(.book-scene--pip) .book-pip-controls{gap:8px;display:flex;position:absolute;top:-14px;right:-14px}.book-scene:not(.book-scene--pip) .book-close-btn{position:static;top:auto;right:auto}.book-scene--pip .book-close-btn{width:36px;height:36px;font-size:14px;position:static;top:auto;right:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.book-scene{perspective:2000px;width:min(95vw,540px);height:min(85vh,750px);position:relative}.book-close-btn{color:#1a0d03;cursor:pointer;background:#fff;border:2.5px solid #1a0d03;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-family:Oswald,sans-serif;font-size:16px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s;display:flex;box-shadow:2px 2px #1a0d034d}.book-close-btn:hover{background:#f5f0e8}.book-close-btn:active{transform:translate(2px,2px);box-shadow:0 0 #1a0d034d}.book-flip-card.no-flip-anim{transition:none!important}.book-flip-card{width:100%;height:100%;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.4,0,.2,1);position:relative}.book-flip-card.is-open{transform:rotateY(-180deg)}.book-face{backface-visibility:hidden;border-radius:14px;position:absolute;inset:0;overflow:hidden;box-shadow:0 8px 40px #0000001a,5px 5px #1a0d031f}.book-face-front{background:#fff;border:2.5px solid #1a0d03}.book-cover-spine{z-index:5;background:#1a0d03;border-right:2px solid #dca74080;width:24px;position:absolute;top:0;bottom:0;left:0}.book-cover-art{border-radius:0 11px 11px 0;position:absolute;inset:0 0 0 24px;overflow:hidden}.book-cover-art>img{object-fit:cover;width:100%;height:100%;display:block}.book-cover-art-placeholder{background:#f5f0e8;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.book-cover-art-overlay{z-index:2;background:linear-gradient(#0000 20%,#1a0d0366 55%,#1a0d03f2 100%);flex-direction:column;justify-content:flex-end;gap:5px;padding:26px;display:flex;position:absolute;inset:0}.book-cover-eyebrow{letter-spacing:4px;text-transform:uppercase;color:#dca740;font-family:Oswald,sans-serif;font-size:12px;font-weight:700}.book-cover-title{color:#fff;letter-spacing:1px;text-shadow:2px 2px #1a0d03;font-family:Permanent Marker,cursive;font-size:clamp(26px,5vw,44px);line-height:1.1}.book-cover-author{letter-spacing:2px;text-transform:uppercase;color:#ffffffb3;font-family:Oswald,sans-serif;font-size:13px;font-weight:500}.book-cover-open-hint{z-index:3;cursor:pointer;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.book-cover-open-pill{opacity:0;background:linear-gradient(#f0c030 0%,#dca740 100%);border:2.5px solid #1a0d03;border-radius:8px;align-items:center;gap:10px;padding:12px 28px;transition:opacity .3s;animation:2s ease-in-out infinite pillBob;display:flex;box-shadow:3px 3px #1a0d034d}.book-face-front:hover .book-cover-open-pill{opacity:1}.book-cover-open-pill span{letter-spacing:2px;text-transform:uppercase;color:#1a0d03;font-family:Permanent Marker,cursive;font-size:18px}.book-page-curl{z-index:3;pointer-events:none;background:linear-gradient(225deg,#dca7408c 45%,#0000 50%);width:42px;height:42px;position:absolute;bottom:0;right:0}.book-face-back{z-index:1;background:#fff;border:2.5px solid #1a0d03;flex-direction:column;display:flex;transform:rotateY(180deg)}.book-flip-card.is-open .book-face-back{z-index:3}.book-video-head{background:#f5f0e8;border-bottom:2.5px solid #1a0d03;flex-shrink:0;align-items:center;padding:14px 18px;display:flex}.book-video-head-title{letter-spacing:1px;color:#1a0d03;white-space:nowrap;text-overflow:ellipsis;font-family:Permanent Marker,cursive;font-size:20px;overflow:hidden}.book-video-embed{aspect-ratio:16/9;background:#000;border-bottom:2.5px solid #1a0d03;flex-shrink:0;width:100%;position:relative}.book-video-embed iframe,.book-video-embed video{border:none;width:100%;height:100%;position:absolute;inset:0}.vp-done-btn{color:#1a0d03;letter-spacing:1px;cursor:pointer;background:#fff;border:2.5px solid #1a0d03;border-radius:8px;padding:6px 16px;font-family:Permanent Marker,cursive;font-size:14px;transition:transform .1s,box-shadow .1s;box-shadow:2px 2px #1a0d034d}.vp-done-btn:hover{transform:translate(-2px,-2px);box-shadow:4px 4px #1a0d034d}.vp-done-btn:active{transform:translate(2px,2px);box-shadow:0 0 #1a0d034d}.book-interact-bar{background:#fff;border-bottom:1.5px solid #1a0d0326;flex-shrink:0;align-items:center;gap:16px;padding:10px 18px;display:flex}.interact-btn{cursor:pointer;letter-spacing:1px;color:#1a0d0380;background:0 0;border:none;align-items:center;gap:7px;font-family:Oswald,sans-serif;font-size:14px;font-weight:700;transition:all .2s;display:flex}.interact-btn:hover{color:#1a0d03;transform:translateY(-1px)}.interact-btn.active-like{color:#1a4d1a}.interact-btn.active-dislike{color:#922}.interact-views{color:#1a0d0380;align-items:center;gap:5px;margin-left:auto;font-family:Oswald,sans-serif;font-size:13px;font-weight:500;display:flex}.book-video-scroll{background:#fff;flex:1;padding:16px 18px;overflow-y:auto}.book-video-scroll::-webkit-scrollbar{width:8px}.book-video-scroll::-webkit-scrollbar-track{background:#f5f0e8;border-left:1.5px solid #1a0d0326}.book-video-scroll::-webkit-scrollbar-thumb{background:#dca740;border:1.5px solid #1a0d03;border-radius:4px}.book-video-desc{color:#1a0d03cc;margin-bottom:16px;font-family:Roboto Condensed,sans-serif;font-size:14px;line-height:1.55}.book-comments-section{border-top:2px dashed #1a0d0333;padding-top:18px}.book-comments-title{letter-spacing:1px;color:#1a0d03;margin-bottom:14px;font-family:Permanent Marker,cursive;font-size:20px}.comment-form{gap:8px;margin-bottom:18px;display:flex}.comment-input{color:#1a0d03;background:#fff;border:1.5px solid #1a0d0333;border-radius:8px;outline:none;flex:1;padding:10px 14px;font-family:Roboto Condensed,sans-serif;font-size:14px;transition:border-color .2s}.comment-input::placeholder{color:#1a0d034d}.comment-input:focus{border-color:#dca740;box-shadow:0 0 0 3px #dca74038}.comment-submit{color:#1a0d03;letter-spacing:1px;cursor:pointer;background:linear-gradient(#f0c030 0%,#dca740 100%);border:2.5px solid #1a0d03;border-radius:8px;padding:0 18px;font-family:Permanent Marker,cursive;font-size:14px;transition:transform .1s,box-shadow .1s;box-shadow:3px 3px #1a0d034d}.comment-submit:hover{transform:translate(-2px,-2px);box-shadow:4px 4px #1a0d0359}.comment-submit:active{transform:translate(2px,2px);box-shadow:1px 1px #1a0d0340}.comment-list{flex-direction:column;gap:12px;display:flex}.comment-item{background:#f5f0e8;border:1.5px solid #1a0d0326;border-left:4px solid #dca740;border-radius:8px;padding:12px 14px}.comment-header{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.comment-user{color:#1a0d03;text-transform:uppercase;font-family:Oswald,sans-serif;font-size:13px;font-weight:700}.comment-date{color:#1a0d0380;font-family:Roboto Condensed,sans-serif;font-size:11px}.comment-text{color:#1a0d03cc;font-family:Roboto Condensed,sans-serif;font-size:14px;line-height:1.4}.comment-empty{color:#1a0d0380;font-family:Roboto Condensed,sans-serif;font-size:13px;font-style:italic}.quiz-trigger-btn{letter-spacing:2px;text-transform:uppercase;color:#1a0d03;cursor:pointer;background:linear-gradient(#f0c030 0%,#dca740 100%);border:2.5px solid #1a0d03;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:calc(100% - 36px);margin:12px 18px;padding:12px 18px;font-family:Permanent Marker,cursive;font-size:18px;transition:all .15s;display:flex;box-shadow:3px 3px #1a0d034d}.quiz-trigger-btn:hover:not(.locked){transform:translate(-2px,-2px);box-shadow:5px 5px #1a0d0361}.quiz-trigger-btn:active:not(.locked){transform:translate(2px,2px);box-shadow:1px 1px #1a0d0340}.quiz-trigger-btn.locked{color:#1a0d0366;box-shadow:none;cursor:not-allowed;background:#e0e0e0;border-color:#1a0d034d}.quiz-lock-icon{color:inherit;align-items:center;display:flex}.modal-backdrop{z-index:300;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000e6;justify-content:center;align-items:center;padding:1rem;animation:.18s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-box{background:#111;border:2px solid #ffffff1f;border-radius:5px;flex-direction:column;width:100%;max-width:520px;max-height:90vh;animation:.28s cubic-bezier(.16,1,.3,1) modalIn;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #000000e6,0 0 0 1px #ffffff0a}@keyframes modalIn{0%{opacity:0;transform:scale(.92)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-head{background:#1a1010;border-bottom:2px solid #c0392b40;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-title{letter-spacing:4px;text-transform:uppercase;color:#fff;font-family:Bebas Neue,sans-serif;font-size:26px}.modal-close{color:#ffffff59;cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:20px;transition:color .2s}.modal-close:hover{color:var(--crimson-bright)}.modal-body{flex-direction:column;gap:16px;padding:20px;display:flex;overflow-y:auto}.modal-body::-webkit-scrollbar{width:5px}.modal-body::-webkit-scrollbar-thumb{background:#c0392b4d;border-radius:3px}.form-field{flex-direction:column;gap:5px;display:flex}.form-label{letter-spacing:4px;text-transform:uppercase;color:#ffffff80;font-family:Oswald,sans-serif;font-size:10px;font-weight:600}.form-input,.form-textarea,.form-select{color:#fff;background:#ffffff0d;border:1.5px solid #ffffff1a;border-radius:3px;outline:none;padding:9px 13px;font-family:Roboto Condensed,sans-serif;font-size:14px;transition:border-color .2s}.form-input::placeholder,.form-textarea::placeholder{color:#fff3}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:#c0392b8c}.form-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='rgba(255,255,255,0.4)' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.form-select option{color:#fff;background:#1a1010}.form-textarea{resize:vertical;min-height:80px}.form-error{color:#dc503ce6;letter-spacing:.5px;font-size:12px}.source-tabs{border:1.5px solid #ffffff1a;border-radius:3px;gap:0;display:flex;overflow:hidden}.source-tab{cursor:pointer;letter-spacing:2px;text-transform:uppercase;color:#fff6;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:7px;padding:8px;font-family:Oswald,sans-serif;font-size:13px;font-weight:600;transition:all .15s;display:flex}.source-tab.active{background:var(--crimson);color:#fff}.source-tab:not(.active):hover{color:#ffffffb3;background:#ffffff0d}.drop-zone{text-align:center;cursor:pointer;background:#ffffff05;border:2px dashed #ffffff1f;border-radius:4px;padding:28px 16px;transition:all .2s}.drop-zone:hover,.drop-zone.drag-over{background:#c0392b0f;border-color:#c0392b73}.drop-zone-icon{color:#fff3;margin-bottom:8px;font-size:32px}.drop-zone-text{letter-spacing:2px;text-transform:uppercase;color:#ffffff4d;font-family:Oswald,sans-serif;font-size:12px}.drop-zone-sub{color:#fff3;margin-top:4px;font-size:11px}.file-pill{background:#ffffff0f;border:1.5px solid #ffffff1a;border-radius:4px;align-items:center;gap:10px;padding:10px 14px;display:flex}.file-pill-name{color:#fffc;white-space:nowrap;text-overflow:ellipsis;flex:1;font-family:Roboto Condensed,sans-serif;font-size:13px;overflow:hidden}.file-pill-size{color:#ffffff4d;white-space:nowrap;font-size:11px}.file-pill-remove{color:#ffffff4d;cursor:pointer;background:0 0;border:none;font-size:16px;transition:color .15s}.file-pill-remove:hover{color:var(--crimson-bright)}.upload-bar-wrap{background:#ffffff14;border-radius:2px;height:4px;overflow:hidden}.upload-bar{background:var(--crimson-bright);border-radius:2px;height:100%;transition:width .4s}.upload-status{letter-spacing:1.5px;text-transform:uppercase;color:#fff6;text-align:center;margin-top:6px;font-family:Oswald,sans-serif;font-size:11px;font-weight:500}.modal-foot{background:#0d0a0a;border-top:1.5px solid #ffffff14;flex-shrink:0;gap:10px;padding:14px 20px;display:flex}.btn-cancel{color:#ffffff80;letter-spacing:2px;text-transform:uppercase;cursor:pointer;background:0 0;border:1.5px solid #ffffff1f;border-radius:3px;flex:1;padding:10px;font-family:Oswald,sans-serif;font-size:13px;font-weight:600;transition:all .15s}.btn-cancel:hover{color:#ffffffbf;background:#ffffff0d}.btn-submit{background:var(--crimson);color:var(--cream);letter-spacing:2.5px;text-transform:uppercase;cursor:pointer;border:none;border-radius:3px;flex:2;padding:10px;font-family:Oswald,sans-serif;font-size:14px;font-weight:700;transition:all .15s;box-shadow:0 4px 16px #8b1a1a66}.btn-submit:hover{background:var(--crimson-bright);box-shadow:0 6px 20px #c0392b80}.btn-submit:disabled{opacity:.5;cursor:not-allowed}.quiz-section-head{letter-spacing:4px;text-transform:uppercase;color:var(--crimson-bright);border-top:1px solid #c0392b33;margin-top:4px;padding-top:12px;font-family:Oswald,sans-serif;font-size:11px;font-weight:600}.qb-list{flex-direction:column;gap:14px;display:flex}.qb-item{background:#ffffff0a;border:1.5px solid #ffffff14;border-left:3px solid #c0392b80;border-radius:3px;padding:12px 14px}.qb-item-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.qb-item-num{letter-spacing:2px;text-transform:uppercase;color:var(--crimson-bright);font-family:Oswald,sans-serif;font-size:11px;font-weight:700}.qb-remove-btn{color:#ffffff40;cursor:pointer;background:0 0;border:none;font-size:14px;transition:color .15s}.qb-remove-btn:hover{color:var(--crimson-bright)}.qb-add-btn{letter-spacing:2px;text-transform:uppercase;color:#c0392b8c;cursor:pointer;background:0 0;border:1.5px dashed #c0392b4d;border-radius:3px;width:100%;margin-top:4px;padding:9px;font-family:Oswald,sans-serif;font-size:12px;font-weight:600;transition:all .15s}.qb-add-btn:hover{color:#c0392bd9;border-color:#c0392b99}.qb-choices{flex-direction:column;gap:6px;margin-top:8px;display:flex}.qb-choice-row{align-items:center;gap:8px;display:flex}.qb-choice-letter{color:#ffffff4d;flex-shrink:0;width:18px;font-family:Oswald,sans-serif;font-size:12px;font-weight:700}.qb-correct-radio{accent-color:var(--crimson-bright);cursor:pointer;flex-shrink:0;width:14px;height:14px}.qb-section-select{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.qb-section-btn{letter-spacing:1.5px;text-transform:uppercase;color:#fff6;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:2px;padding:4px 10px;font-family:Oswald,sans-serif;font-size:10px;font-weight:700;transition:all .15s}.qb-section-btn.active{background:var(--crimson);border-color:var(--crimson);color:var(--cream)}.qbm-toggle{border:1.5px solid #ffffff1a;border-radius:3px;display:flex;overflow:hidden}.qbm-btn{cursor:pointer;letter-spacing:2px;text-transform:uppercase;color:#ffffff59;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:7px;font-family:Oswald,sans-serif;font-size:11px;font-weight:600;transition:all .15s;display:flex}.qbm-btn.active{background:var(--crimson);color:var(--cream)}.import-zone{text-align:center;cursor:pointer;background:#ffffff05;border:2px dashed #ffffff1a;border-radius:4px;padding:20px 16px;transition:all .2s}.import-zone:hover,.import-zone.drag-over{background:#c0392b0d;border-color:#c0392b66}.import-zone-text{letter-spacing:2px;text-transform:uppercase;color:#ffffff4d;font-family:Oswald,sans-serif;font-size:11px}.import-error{color:#dc503ce6;margin-top:6px;font-family:Roboto Condensed,sans-serif;font-size:12px}.oq-list{flex-direction:column;gap:8px;margin-top:4px;display:flex}.oq-item{background:#ffffff0a;border:1px solid #ffffff14;border-left:3px solid #c8920a73;border-radius:3px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.oq-item-title{letter-spacing:1.5px;text-transform:uppercase;color:var(--gold-btn);font-family:Oswald,sans-serif;font-size:11px;font-weight:700}.oq-remove-btn{color:#fff3;cursor:pointer;background:0 0;border:none;align-self:flex-end;font-size:13px;transition:color .15s}.oq-remove-btn:hover{color:var(--crimson-bright)}.quiz-backdrop{z-index:400;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050201eb radial-gradient(circle,#dca74012 1px,#0000 1px) 0 0/20px 20px;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.quiz-intro{text-align:center;border:3px solid #1a0d03;border-radius:4px;flex-direction:column;align-items:center;gap:18px;width:min(94vw,460px);padding:60px 40px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 2px #dca740,0 0 0 5px #1a0d03,8px 8px #1a0d0380,0 28px 64px #000000e6}.quiz-intro-bg{z-index:0;pointer-events:none;filter:grayscale(20%)brightness(.72);background-image:url(/subok_kaalaman_bg.jpg);background-position:50%;background-size:cover;position:absolute;inset:0}.quiz-intro-overlay{z-index:0;pointer-events:none;background:radial-gradient(circle,#ffffff08 1px,#0000 1px) 0 0/14px 14px,linear-gradient(#05020166 0%,#0502011a 40%,#050201a6 100%) 0 0/100% 100%;position:absolute;inset:0}.quiz-intro-content{z-index:1;flex-direction:column;align-items:center;gap:20px;display:flex;position:relative}.quiz-intro-eyebrow{letter-spacing:5px;text-transform:uppercase;color:#dca740;background:#1a0d03bf;border:1.5px solid #dca74073;border-radius:3px;padding:5px 16px;font-family:Oswald,sans-serif;font-size:11px;font-weight:700}.quiz-intro-title{flex-direction:column;align-items:center;display:flex}.quiz-title-bounce{letter-spacing:6px;text-transform:uppercase;color:#f5f0e8;text-shadow:4px 4px #1a0d03,6px 6px #1a0d0399,0 0 40px #dca74033;transform-origin:50%;font-family:Bebas Neue,sans-serif;font-size:clamp(52px,12vw,84px);line-height:.9;animation:.6s cubic-bezier(.175,.885,.32,1.275) both komiksTextPop,3s ease-in-out .6s infinite komiksTextFloat}.quiz-title-bounce span{color:#dca740;text-shadow:4px 4px #1a0d03,6px 6px #1a0d0380;-webkit-text-stroke:1px #dca74080;animation:1.5s ease-in-out infinite alternate komiksTextPulse;display:inline-block}@keyframes komiksTextPop{0%{opacity:0;transform:scale(.3)rotate(-8deg)translateY(40px)}60%{opacity:1;transform:scale(1.1)rotate(3deg)translateY(-10px)}to{opacity:1;transform:scale(1)rotate(0)translateY(0)}}@keyframes komiksTextFloat{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-4px)rotate(1deg)}75%{transform:translateY(4px)rotate(-1deg)}}@keyframes komiksTextPulse{0%{transform:scale(1)}to{color:var(--gold-light);transform:scale(1.03)}}.quiz-intro-btn{color:#1a0d03;cursor:pointer;background:linear-gradient(#f0c030 0%,#dca740 100%);border:3px solid #1a0d03;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;transition:background .2s,transform .15s;animation:1.8s ease-in-out infinite pillBob;display:flex;box-shadow:0 5px #1a0d03b3,0 10px 28px #0000008c,3px 3px #1a0d0359}.quiz-intro-btn:hover{background:linear-gradient(#f4d060 0%,#e8b830 100%);transform:scale(1.08)}.quiz-book-flip-scene{justify-content:center;align-items:center;width:min(90vw,340px);height:500px;display:flex}.quiz-book-page{width:280px;height:400px;transform-style:preserve-3d;transform-origin:0;animation:1.2s cubic-bezier(.4,0,.2,1) both pageFlipQuiz;position:relative}@keyframes pageFlipQuiz{0%{transform:perspective(900px)rotateY(0)}50%{transform:perspective(900px)rotateY(-90deg)}to{transform:perspective(900px)rotateY(-180deg)}}.quiz-page-face{backface-visibility:hidden;background:linear-gradient(135deg,#f5edd8,#e8d4a8);border:2px solid #c0392b59;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:30px 24px;display:flex;position:absolute;inset:0}.quiz-page-face-back{background:linear-gradient(135deg,#e8d4a8,#d4b880);transform:rotateY(180deg)}.quiz-page-lines{flex-direction:column;gap:10px;width:100%;display:flex}.quiz-page-line{background:#8b1a1a33;border-radius:2px;height:3px}.quiz-page-flip-text{letter-spacing:4px;color:var(--crimson);text-shadow:2px 2px #8b1a1a4d;font-family:Bebas Neue,sans-serif;font-size:44px}.quiz-flipbook-wrap{flex-direction:column;align-items:center;gap:12px;width:min(95vw,740px);display:flex}.quiz-flipbook-header{justify-content:space-between;align-items:center;width:100%;padding:0 4px;display:flex}.quiz-book-title-star{color:#dca740;font-size:14px}.quiz-book-title-text{letter-spacing:3px;text-transform:uppercase;color:#f5f0e8;font-family:Bebas Neue,sans-serif;font-size:22px}.quiz-flipbook-progress{letter-spacing:2px;text-transform:uppercase;color:#dca740a6;font-family:Oswald,sans-serif;font-size:11px;font-weight:600}.quiz-book-close{color:#dca740b3;cursor:pointer;background:#1a0d0380;border:1.5px solid #dca74059;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;transition:all .2s;display:flex}.quiz-book-close:hover{color:#f5f0e8;background:#c0392b;border-color:#c0392b}.quiz-html-flipbook{border-radius:4px;margin:0 auto}.quiz-exit-overlay{z-index:10000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a0602c7;justify-content:center;align-items:center;padding:20px;animation:.18s ease-out quizExitFade;display:flex;position:fixed;inset:0}@keyframes quizExitFade{0%{opacity:0}to{opacity:1}}.quiz-exit-modal{text-align:center;background:#f5f0e8;border:3px solid #1a0d03;border-radius:14px;width:100%;max-width:380px;padding:24px 22px 22px;animation:.28s cubic-bezier(.34,1.56,.64,1) quizExitPop;box-shadow:7px 8px #0000008c}@keyframes quizExitPop{0%{opacity:0;transform:scale(.85)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.quiz-exit-icon{margin-bottom:8px;font-size:40px;line-height:1}.quiz-exit-title{color:#8b1a1a;letter-spacing:.5px;margin-bottom:10px;font-family:Permanent Marker,cursive;font-size:22px}.quiz-exit-body{color:#2e1a08;margin-bottom:20px;font-family:Roboto Condensed,sans-serif;font-size:15px;line-height:1.5}.quiz-exit-actions{gap:12px;display:flex}.quiz-exit-btn{letter-spacing:1px;text-transform:uppercase;cursor:pointer;touch-action:manipulation;border:2.5px solid #1a0d03;border-radius:8px;flex:1;padding:11px 10px;font-family:Oswald,sans-serif;font-size:14px;font-weight:700;transition:transform .1s,box-shadow .1s;box-shadow:3px 3px #1a0d03}.quiz-exit-btn:active{transform:translate(2px,2px);box-shadow:0 0 #1a0d03}.quiz-exit-stay{color:#1a0d03;background:#f0c030}.quiz-exit-leave{color:#fff;background:#c0392b}.qfp-timeout-banner{color:#fff;letter-spacing:.5px;text-transform:uppercase;text-align:center;background:#c0392b;border:2px solid #1a0d03;border-radius:6px;margin-bottom:10px;padding:5px 8px;font-family:Oswald,sans-serif;font-size:11px;font-weight:700;box-shadow:2px 2px #1a0d034d}.qfp-nav-btn,.quiz-choice-btn,.quiz-submit-btn{touch-action:manipulation}.qfp-nav-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.qfp-ext-nav{display:none}.qfp-ext-nav-pos{letter-spacing:1px;color:#dca740cc;white-space:nowrap;font-family:Oswald,sans-serif;font-size:12px;font-weight:700}@media (width<=768px){.qfp-ext-nav{justify-content:space-between;align-items:center;gap:10px;width:100%;max-width:400px;margin:2px auto 0;display:flex}.qfp-ext-nav .qfp-nav-btn{touch-action:manipulation;flex:1;justify-content:center}.qfp-question-page .qfp-nav-hint{display:none}}.qfp-page{background:linear-gradient(160deg,#fdf8f0 0%,#f5f0e8 100%)}.qfp-cover{background-image:url(/KOMIKS_BIDYO.png);background-position:50%;background-size:cover;justify-content:center;align-items:center;display:flex;overflow:hidden}.qfp-cover-inner{flex-direction:column;justify-content:flex-end;align-items:center;height:100%;padding:24px;display:flex}.qfp-cover-hint{letter-spacing:2px;text-transform:uppercase;color:#dca740;background:#1a0d03a6;border:1.5px solid #dca74066;border-radius:3px;align-items:center;gap:5px;padding:4px 12px;font-family:Oswald,sans-serif;font-size:12px;font-weight:600;animation:2s ease-in-out infinite pillBob;display:flex}.qfp-question-page{border-left:3px solid #1a0d034d!important}.qfp-page-inner{flex-direction:column;height:100%;padding:18px 16px;display:flex;position:relative}.qfp-page-spine{background:#1a0d0340;width:3px;position:absolute;top:0;bottom:0;left:0}.qfp-top-row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.qfp-section-badge{letter-spacing:2px;text-transform:uppercase;border:1.5px solid #0000;border-radius:2px;padding:3px 9px;font-family:Oswald,sans-serif;font-size:9px;font-weight:700}.qfp-section-simula{color:#dca740;background:#1a0d03;border-color:#1a0d03}.qfp-section-gitna{color:#f5f0e8;background:#3a1a0a;border-color:#3a1a0a}.qfp-section-wakas{color:#f5f0e8;background:#c0392b;border-color:#921e14}.qfp-section-cont{color:#1a0d0380;background:#1a0d0314;border-color:#1a0d032e}.qfp-timer{flex-shrink:0;width:36px;height:36px;position:relative}.qfp-timer-ring{width:36px;height:36px;position:absolute;inset:0}.qfp-timer-track{stroke:#78551426}.qfp-timer-num{color:#1a0d03;justify-content:center;align-items:center;font-family:Oswald,sans-serif;font-size:12px;font-weight:700;display:flex;position:absolute;inset:0}.qfp-timer.urgent .qfp-timer-num{color:#c87020}.qfp-timer.danger .qfp-timer-num{color:#c0392b;animation:.5s ease-in-out infinite alternate timerPulse}@keyframes timerPulse{0%{transform:scale(1)}to{transform:scale(1.15)}}.qfp-timer-header .qfp-timer-num{color:#f5f0e8}.qfp-timer-header .qfp-timer-track{stroke:#f5edd82e}.qfp-timer-header.urgent .qfp-timer-num{color:#f0b040}.qfp-timer-header.danger .qfp-timer-num{color:#ff6a5a}.quiz-q-label{letter-spacing:2px;text-transform:uppercase;color:#dca740;font-family:Oswald,sans-serif;font-size:9px;font-weight:700}.quiz-q-text{color:#1a0d03;font-family:Crimson Text,serif;font-size:14px;line-height:1.45}.quiz-choices{flex-direction:column;flex:1;gap:6px;display:flex}.quiz-choice-btn{cursor:pointer;text-align:left;background:#1a0d030a;border:1.5px solid #1a0d032e;border-radius:3px;align-items:center;gap:8px;padding:7px 10px;transition:all .15s;display:flex}.quiz-choice-btn:hover:not(.answered){background:#dca7401f;border-color:#dca740}.quiz-choice-btn.selected{background:#dca7402e;border-color:#dca740;box-shadow:2px 2px #1a0d031f}.quiz-choice-btn.correct{background:#1e641e1f;border-color:#2a6e2a;box-shadow:2px 2px #1e641e26}.quiz-choice-btn.wrong{background:#c0392b1a;border-color:#c0392b}.quiz-choice-letter{color:#dca740;flex-shrink:0;font-family:Oswald,sans-serif;font-size:11px;font-weight:700}.quiz-choice-text{color:#1a0d03;flex:1;font-family:Crimson Text,serif;font-size:12.5px}.quiz-choice-indicator{flex-shrink:0;font-size:12px}.qfp-open-badge{color:#8b5e20;opacity:.8;text-transform:none;letter-spacing:0;font-family:Crimson Text,serif;font-size:10px;font-style:italic;font-weight:400}.quiz-open-wrap{flex-direction:column;flex:1;gap:6px;display:flex}.quiz-open-textarea{box-sizing:border-box;resize:none;color:#1a0d03;background:#fdf8ee;border:1.5px solid #c8a060;border-radius:4px;width:100%;padding:8px 10px;font-family:Crimson Text,serif;font-size:13px;line-height:1.5;transition:border-color .15s,box-shadow .15s;box-shadow:inset 0 1px 3px #8c5a1414}.quiz-open-textarea:focus{border-color:#dca740;outline:none;box-shadow:0 0 0 2px #dca7402e,inset 0 1px 3px #8c5a1414}.quiz-open-textarea:disabled{color:#5a3a10;cursor:not-allowed;opacity:.8;background:#f5efe3}.quiz-open-submitted-note{color:#5a8a20;margin:0;font-family:Crimson Text,serif;font-size:11.5px;font-style:italic}.qop-card{background:#fdf8f0;border:3px solid #1a0d03;border-radius:8px;width:100%;max-width:400px;max-height:75vh;padding:24px;overflow-y:auto;box-shadow:8px 8px #1a0d034d}.qop-title{color:#1a0d03;margin-bottom:8px;font-family:Permanent Marker,cursive;font-size:24px}.qop-subtitle{color:#666;margin-bottom:20px;font-family:Roboto Condensed,sans-serif;font-size:13px}.qop-question{background:#1a0d0308;border:1.5px solid #1a0d031a;border-radius:6px;margin-bottom:20px;padding:16px}.qop-q-label{color:#dca740;letter-spacing:1px;text-transform:uppercase;margin-bottom:6px;font-family:Oswald,sans-serif;font-size:12px;font-weight:700}.qop-q-text{color:#1a0d03;margin-bottom:12px;font-family:Crimson Text,serif;font-size:16px;line-height:1.4}.qop-textarea{box-sizing:border-box;resize:vertical;color:#1a0d03;background:#fff;border:1.5px solid #c8a060;border-radius:4px;width:100%;min-height:100px;padding:10px;font-family:Crimson Text,serif;font-size:14px}.qop-textarea::placeholder{color:#1a0d034d}.qop-actions{gap:10px;margin-top:20px;display:flex}.qop-submit{flex:1}.qfp-nav-hint{align-items:center;gap:4px;margin-top:8px;display:flex}.qfp-nav-btn{letter-spacing:1.5px;text-transform:uppercase;color:#dca740;cursor:pointer;background:#1a0d03;border:1.5px solid #1a0d03;border-radius:3px;align-items:center;gap:4px;padding:6px 14px;font-family:Oswald,sans-serif;font-size:11px;font-weight:700;transition:all .15s;display:flex;box-shadow:0 3px #1a0d0366}.qfp-nav-btn:hover{background:#3a1a0a;transform:translateY(-1px);box-shadow:0 4px #1a0d0366}.qfp-nav-btn:active{box-shadow:none;transform:translateY(2px)}.qfp-nav-finish{color:#1a0d03;background:linear-gradient(#f0c030 0%,#dca740 100%);border-color:#1a0d03}.qfp-nav-finish:hover{background:linear-gradient(#f4d060 0%,#e8b830 100%)}.qfp-page-num{color:#1a0d034d;letter-spacing:1px;font-family:Oswald,sans-serif;font-size:10px;font-weight:500;position:absolute;bottom:8px;right:12px}.qfp-finish-page{background:linear-gradient(160deg,#fdf8f0 0%,#f5f0e8 100%)}.qfp-finish-title{letter-spacing:3px;color:#1a0d03;margin-bottom:8px;font-family:Bebas Neue,sans-serif;font-size:30px}.qfp-finish-sub{color:#1a0d03a6;margin-bottom:14px;font-family:Crimson Text,serif;font-size:13px;line-height:1.5}.quiz-submit-btn{letter-spacing:2px;text-transform:uppercase;color:#1a0d03;cursor:pointer;background:linear-gradient(#f0c030 0%,#dca740 100%);border:2px solid #1a0d03;border-radius:3px;padding:10px 24px;font-family:Oswald,sans-serif;font-size:15px;font-weight:700;transition:all .15s;box-shadow:0 4px #1a0d0380}.quiz-submit-btn:hover{background:linear-gradient(#f4d060 0%,#e8b830 100%);transform:translateY(-1px);box-shadow:0 5px #1a0d0380}.quiz-submit-btn:active{transform:translateY(4px);box-shadow:0 0 #1a0d0380}.quiz-flipbook-hint{letter-spacing:2px;text-transform:uppercase;color:#dca74059;font-family:Oswald,sans-serif;font-size:10px;font-weight:400}.quiz-result-book{width:min(90vw,400px);animation:.55s cubic-bezier(.16,1,.3,1) both resultIn}@keyframes resultIn{0%{opacity:0;transform:scale(.82)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.quiz-result-inner{text-align:center;background:linear-gradient(160deg,#fdf8f0 0%,#f5f0e8 100%);border:3px solid #1a0d03;border-radius:4px;flex-direction:column;align-items:center;gap:12px;padding:36px 30px;display:flex;position:relative;box-shadow:0 0 0 2px #dca740,0 0 0 5px #1a0d03,8px 8px #1a0d0373,0 24px 56px #000000b3}.quiz-result-inner:before{content:"";pointer-events:none;background-image:radial-gradient(circle,#dca7400f 1px,#0000 1px);background-size:14px 14px;border-radius:2px;position:absolute;inset:0}.quiz-result-trophy{z-index:1;filter:drop-shadow(2px 3px #1a0d0359);font-size:52px;line-height:1;position:relative}.quiz-result-score-label{letter-spacing:5px;text-transform:uppercase;color:#dca740;z-index:1;font-family:Oswald,sans-serif;font-size:10px;font-weight:700;position:relative}.quiz-result-score{letter-spacing:4px;color:#1a0d03;text-shadow:4px 4px #1a0d0326;z-index:1;font-family:Bebas Neue,sans-serif;font-size:80px;line-height:1;position:relative}.quiz-result-rank-strip{z-index:1;border-top:2.5px solid #1a0d03;border-bottom:2.5px solid #1a0d03;align-items:center;gap:10px;padding:5px 18px;display:inline-flex;position:relative}.quiz-result-rank-text{letter-spacing:5px;color:#1a0d03;font-family:Bebas Neue,sans-serif;font-size:20px}.quiz-result-verdict{letter-spacing:3px;z-index:1;margin:0;font-family:Bebas Neue,sans-serif;font-size:32px;position:relative}.verdict-perfect{color:#b8860b}.verdict-great{color:#2a6e2a}.verdict-good{color:#1a4a8a}.verdict-okay{color:#c0392b}.verdict-fail{color:#1a0d03bf}.quiz-result-pips{z-index:1;flex-wrap:wrap;justify-content:center;gap:5px;max-width:280px;display:flex;position:relative}.quiz-result-pip{border:1.5px solid #1a0d034d;border-radius:50%;width:14px;height:14px}.quiz-result-pip.on{background:#dca740;border-color:#1a0d03}.quiz-result-pip.off{background:#1a0d0314}.quiz-result-msg{color:#1a0d03b3;z-index:1;max-width:280px;font-family:Crimson Text,serif;font-size:15px;font-style:italic;line-height:1.55;position:relative}.quiz-result-subtext{color:#666;z-index:1;margin-top:-10px;margin-bottom:10px;font-size:11px;position:relative}.quiz-result-open-note{color:#8b1a1a;z-index:1;margin-top:5px;font-size:12px;font-weight:700;position:relative}.quiz-result-divider{z-index:1;background:linear-gradient(90deg,#0000,#dca740,#0000);border-radius:2px;width:60px;height:3px;margin:4px 0;position:relative}.quiz-result-actions{z-index:1;width:100%;position:relative}.quiz-result-close{color:#1a0d03;letter-spacing:2px;text-transform:uppercase;cursor:pointer;background:linear-gradient(#f0c030 0%,#dca740 100%);border:2.5px solid #1a0d03;border-radius:3px;width:100%;padding:12px;font-family:Oswald,sans-serif;font-size:14px;font-weight:700;transition:all .15s;box-shadow:0 4px #1a0d0380,3px 3px #1a0d0333}.quiz-result-close:hover{background:linear-gradient(#f4d060 0%,#e8b830 100%);transform:translate(-1px,-1px);box-shadow:0 5px #1a0d0380,4px 4px #1a0d0333}.quiz-result-close:active{transform:translate(2px,2px);box-shadow:0 2px #1a0d0366,1px 1px #1a0d0326}.qir2-wrap{background:#f5f0e8;border:2.5px solid #1a0d03;border-radius:8px;flex-direction:column;gap:10px;margin:12px 18px;padding:16px;display:flex;box-shadow:3px 3px #1a0d0326}.qir2-score-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.qir2-score-main{align-items:baseline;gap:4px;display:flex}.qir2-score-num{color:#1a0d03;font-family:Permanent Marker,cursive;font-size:36px;line-height:1}.qir2-score-sep{color:#1a0d0366;font-family:Oswald,sans-serif;font-size:20px}.qir2-score-total{color:#1a0d0380;font-family:Permanent Marker,cursive;font-size:24px;line-height:1}.qir2-tag{letter-spacing:2px;text-transform:uppercase;white-space:nowrap;border:2.5px solid;border-radius:6px;padding:5px 12px;font-family:Oswald,sans-serif;font-size:11px;font-weight:700}.qir2-tag.pass{color:#1a4d1a;background:#e6f4e6;border-color:#1a4d1a}.qir2-tag.fail{color:#922;background:#fce8e8;border-color:#922}.qir2-bar-track{background:#1a0d031a;border:1.5px solid #1a0d0326;border-radius:4px;width:100%;height:8px;overflow:hidden}.qir2-bar-fill{border-radius:2px;height:100%;transition:width .8s cubic-bezier(.16,1,.3,1)}.qir2-bar-fill--pass{background:#1a4d1a}.qir2-bar-fill--fail{background:#922}.qir2-pips{flex-wrap:wrap;gap:6px;display:flex}.qir2-pip{background:#fff;border:1.5px solid #1a0d0333;border-radius:50%;width:12px;height:12px}.qir2-pip.on{background:#dca740;border-color:#1a0d03}.qir2-divider{background:#1a0d031a;width:100%;height:2px;margin:4px 0}.qir2-cooldown{color:#1a0d0399;align-items:flex-start;gap:8px;font-family:Roboto Condensed,sans-serif;font-size:13px;line-height:1.5;display:flex}.qir2-cooldown svg{flex-shrink:0;margin-top:2px}.qir2-cooldown strong{color:#1a0d03;font-weight:700}.qir2-retake-pending{letter-spacing:1px;color:#dca740;text-transform:uppercase;align-items:center;gap:8px;font-family:Oswald,sans-serif;font-size:12px;font-weight:700;display:flex}.qir2-retake-btn{letter-spacing:1px;text-transform:uppercase;color:#1a0d03;cursor:pointer;background:#fff;border:2.5px solid #1a0d03;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px;font-family:Permanent Marker,cursive;font-size:14px;transition:all .15s;display:flex;box-shadow:2px 2px #1a0d0333}.qir2-retake-btn:hover{background:#fafafa;transform:translate(-2px,-2px);box-shadow:4px 4px #1a0d0340}.qir2-retake-btn:active{transform:translate(2px,2px);box-shadow:0 0 #1a0d0333}.qir2-retake-btn--ghost{box-shadow:none;background:0 0;border:1.5px solid #1a0d034d;font-family:Oswald,sans-serif;font-size:12px;font-weight:700}.qir2-retake-btn--ghost:hover{box-shadow:none;background:#1a0d030d;border-color:#1a0d03;transform:none}.qrm-box{width:94vw;max-width:520px}.qrm-video-pill{background:#8b1a1a14;border:1px solid #8b1a1a38;border-radius:4px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;display:flex}.qrm-video-pill-label{letter-spacing:1.5px;text-transform:uppercase;color:#f5edd873;font-family:Oswald,sans-serif;font-size:10px}.qrm-video-pill-title{color:#f5edd8d9;font-family:Crimson Text,serif;font-size:14px;font-style:italic}.qrm-intro{color:#f5edd899;margin-bottom:16px;font-family:Crimson Text,serif;font-size:13.5px;line-height:1.55}.qrm-note{letter-spacing:.5px;color:#f5edd84d;border-top:1px solid #c0392b1f;margin-top:14px;padding-top:10px;font-family:Oswald,sans-serif;font-size:10px;line-height:1.6}.qrm-success{text-align:center;flex-direction:column;align-items:center;padding:24px 12px;display:flex}.qrm-success-icon{color:#64b428d9;margin-bottom:16px}.qrm-success-title{letter-spacing:3px;color:#f5edd8f2;margin-bottom:10px;font-family:Bebas Neue,sans-serif;font-size:26px}.qrm-success-sub{color:#f5edd899;max-width:340px;font-family:Crimson Text,serif;font-size:14px;line-height:1.6}.qb-q-input{min-height:70px}.aqrm-box{width:94vw;max-width:580px}.aqrm-section-head{letter-spacing:2px;text-transform:uppercase;color:#f5edd880;align-items:center;gap:8px;margin-bottom:10px;font-family:Oswald,sans-serif;font-size:11px;display:flex}.aqrm-count-badge{color:#f5edd8bf;background:#8b1a1a38;border-radius:2px;padding:1px 8px;font-size:10px}.aqrm-empty{color:#f5edd84d;margin:8px 0 16px;font-family:Crimson Text,serif;font-size:13px;font-style:italic}.aqrm-list{flex-direction:column;gap:8px;margin-bottom:4px;display:flex}.aqrm-item{background:#8b1a1a12;border:1px solid #8b1a1a2e;border-radius:4px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;transition:background .15s;display:flex}.aqrm-item:hover{background:#8b1a1a1f}.aqrm-item-done{opacity:.55}.aqrm-item-info{flex-direction:column;gap:3px;min-width:0;display:flex}.aqrm-item-title{color:#f5edd8e0;white-space:nowrap;text-overflow:ellipsis;font-family:Crimson Text,serif;font-size:14px;overflow:hidden}.aqrm-item-meta{letter-spacing:.5px;color:#f5edd859;font-family:Oswald,sans-serif;font-size:10px}.aqrm-review-btn{color:#f5edd8cc;letter-spacing:1px;cursor:pointer;background:#8b1a1a2e;border:1px solid #c0392b4d;border-radius:3px;flex-shrink:0;padding:5px 12px;font-family:Oswald,sans-serif;font-size:11px;transition:all .15s}.aqrm-review-btn:hover{color:var(--cream);background:#8b1a1a4d}.aqrm-status-badge{letter-spacing:1px;border-radius:3px;flex-shrink:0;padding:3px 10px;font-family:Oswald,sans-serif;font-size:10px;font-weight:600}.aqrm-status-badge.approved{color:#64c83cd9;background:#288c2833;border:1px solid #3ca0284d}.aqrm-status-badge.rejected{color:#c0392bd9;background:#8b1a1a33;border:1px solid #c0392b4d}.aqrm-detail{flex-direction:column;display:flex}.aqrm-back-btn{color:#f5edd88c;letter-spacing:1px;cursor:pointer;background:0 0;border:1px solid #c0392b33;border-radius:3px;align-self:flex-start;margin-bottom:14px;padding:4px 12px;font-family:Oswald,sans-serif;font-size:11px;transition:all .15s}.aqrm-back-btn:hover{color:var(--cream);border-color:#c0392b73}.aqrm-meta{color:#f5edd866;letter-spacing:.5px;margin-bottom:10px;font-family:Oswald,sans-serif;font-size:11px}.aqrm-action-row{gap:10px;margin-top:18px;display:flex}.aqrm-reject-btn{color:#c0392bd9;letter-spacing:1.5px;cursor:pointer;background:#8b1a1a33;border:1px solid #c0392b4d;border-radius:4px;flex:1;padding:9px 0;font-family:Oswald,sans-serif;font-size:12px;transition:all .15s}.aqrm-reject-btn:hover:not(:disabled){color:var(--crimson-bright);background:#8b1a1a59}.aqrm-approve-btn{flex:2}.vl-guest-banner{background:#8b1a1a1f;border:1.5px solid #c0392b4d;border-radius:4px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:14px 20px;display:flex}.vl-guest-banner-text{letter-spacing:.5px;color:#f5edd8d9;font-family:Oswald,sans-serif;font-size:14px;font-weight:400}.vl-guest-banner-text strong{color:var(--cream);font-weight:700}.vl-guest-login-btn{letter-spacing:2px;text-transform:uppercase;background:var(--crimson);color:var(--cream);cursor:pointer;white-space:nowrap;border:none;border-radius:3px;flex-shrink:0;padding:7px 18px;font-family:Oswald,sans-serif;font-size:13px;font-weight:700;transition:background .2s;box-shadow:0 4px 12px #8b1a1a73}.vl-guest-login-btn:hover{background:var(--crimson-bright)}.vl-admin-badge{letter-spacing:2px;text-transform:uppercase;background:var(--crimson);color:var(--cream);border-radius:2px;padding:2px 8px;font-family:Oswald,sans-serif;font-size:9px;font-weight:700}.vl-pending-badge{letter-spacing:1.5px;color:var(--gold-btn);background:#c8920a33;border:1px solid #c8920a59;border-radius:2px;padding:2px 8px;font-family:Oswald,sans-serif;font-size:9px;font-weight:700}.av-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#1a0d03d9;background-image:radial-gradient(circle,#dca7402e 1.5px,#0000 1.5px);background-size:16px 16px;justify-content:center;align-items:center;padding:1rem;animation:.3s cubic-bezier(.16,1,.3,1) forwards avFadeIn;display:flex;position:fixed;inset:0}@keyframes avFadeIn{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.av-box{background:#fff;border:2.5px solid #1a0d03;border-radius:14px;flex-direction:column;width:100%;max-width:600px;max-height:92vh;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 40px #0000001a,5px 5px #1a0d031f}.av-head{background:#f5f0e8;border-bottom:2.5px solid #1a0d03;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:relative}.av-head:before{content:"";pointer-events:none;background-image:repeating-conic-gradient(at 50% 110%,#00000005 0deg,#0000 3deg 10deg,#00000005 12deg);position:absolute;inset:0}.av-head-titles{z-index:1;flex-direction:column;display:flex;position:relative}.av-eyebrow{letter-spacing:2px;text-transform:uppercase;color:#dca740;margin-bottom:2px;font-family:Oswald,sans-serif;font-size:11px;font-weight:700}.av-title{color:#1a0d03;letter-spacing:1px;font-family:Permanent Marker,cursive;font-size:32px;line-height:1.1}.av-close{color:#1a0d03;cursor:pointer;z-index:1;background:#fff;border:2.5px solid #1a0d03;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-family:Oswald,sans-serif;font-size:16px;font-weight:700;transition:transform .1s,box-shadow .1s;display:flex;position:relative;box-shadow:2px 2px #1a0d034d}.av-close:hover{background:#f5f0e8}.av-close:active{transform:translate(2px,2px);box-shadow:0 0 #1a0d034d}.av-body{background:#fff;flex-direction:column;flex:1;gap:18px;padding:24px;display:flex;overflow-y:auto}.av-body::-webkit-scrollbar{width:8px}.av-body::-webkit-scrollbar-track{background:#f5f0e8;border-left:1.5px solid #1a0d0326}.av-body::-webkit-scrollbar-thumb{background:#dca740;border:1.5px solid #1a0d03;border-radius:4px}.av-field{flex-direction:column;gap:6px;display:flex}.av-label{letter-spacing:2px;text-transform:uppercase;color:#1a0d03;align-items:center;gap:8px;font-family:Oswald,sans-serif;font-size:11px;font-weight:700;display:flex}.av-label-opt{color:#1a0d0380;letter-spacing:1px;font-size:10px}.av-req{color:#dca740}.av-input,.av-textarea,.av-select{color:#1a0d03;background:#fff;border:1.5px solid #1a0d0333;border-radius:8px;outline:none;padding:11px 13px;font-family:Roboto Condensed,sans-serif;font-size:14px;transition:border-color .18s,box-shadow .18s}.av-input::placeholder,.av-textarea::placeholder{color:#1a0d0347}.av-input:focus,.av-textarea:focus,.av-select:focus{border-color:#dca740;transform:translateY(-1px);box-shadow:0 0 0 3px #dca74038}.av-textarea{resize:vertical;min-height:80px}.av-select{cursor:pointer}.av-tabs{background:#f5f0e8;border:1.5px solid #1a0d0326;border-radius:8px;gap:6px;padding:4px;display:flex}.av-tab{cursor:pointer;letter-spacing:1px;text-transform:uppercase;color:#1a0d0380;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px;font-family:Oswald,sans-serif;font-size:13px;font-weight:700;transition:all .2s;display:flex}.av-tab:hover{color:#1a0d03;background:#1a0d030d}.av-tab.active{color:#1a0d03;background:linear-gradient(#f0c030 0%,#dca740 100%);border:1.5px solid #1a0d03;box-shadow:2px 2px #1a0d0326}.av-dropzone{text-align:center;cursor:pointer;background:#f5f0e8;border:2px dashed #1a0d0333;border-radius:8px;flex-direction:column;align-items:center;gap:10px;padding:30px 20px;transition:all .2s;display:flex}.av-dropzone:hover,.av-dropzone.dragover{background:#dca7401a;border-color:#dca740}.av-drop-icon{color:#dca740;font-size:32px}.av-drop-title{letter-spacing:1px;color:#1a0d03;text-transform:uppercase;font-family:Oswald,sans-serif;font-size:14px;font-weight:700}.av-drop-sub{color:#1a0d0380;font-family:Roboto Condensed,sans-serif;font-size:12px}.av-file-pill{background:#fff;border:1.5px solid #1a0d0333;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;display:flex;box-shadow:0 2px 8px #0000000a}.av-file-icon{color:#dca740;font-size:20px}.av-file-info{flex-direction:column;flex:1;min-width:0;display:flex}.av-file-name{color:#1a0d03;white-space:nowrap;text-overflow:ellipsis;font-family:Oswald,sans-serif;font-size:13px;font-weight:500;overflow:hidden}.av-file-size{color:#1a0d0380;font-family:Roboto Condensed,sans-serif;font-size:11px}.av-file-clear{color:#1a0d0366;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;transition:color .2s;display:flex}.av-file-clear:hover{color:#1a0d03}.av-cover-row{align-items:center;gap:16px;display:flex}.av-cover-preview{background:#f5f0e8;border:1.5px solid #1a0d0333;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:90px;height:120px;display:flex;position:relative;overflow:hidden}.av-cover-img{object-fit:cover;width:100%;height:100%}.av-cover-empty{color:#1a0d0333;font-size:28px}.av-cover-clear{color:#1a0d03;cursor:pointer;background:#fff;border:1.5px solid #1a0d03;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;font-weight:700;display:flex;position:absolute;top:4px;right:4px}.av-cover-right{flex-direction:column;flex:1;gap:8px;display:flex}.av-quiz-panel{background:#f5f0e8;border:1.5px solid #1a0d0326;border-radius:8px;flex-direction:column;gap:16px;padding:16px;display:flex}.av-q-block{background:#fff;border:1.5px solid #1a0d0333;border-left:4px solid #dca740;border-radius:8px;flex-direction:column;gap:10px;padding:14px;display:flex}.av-q-header{justify-content:space-between;align-items:center;display:flex}.av-q-num{color:#1a0d03;font-family:Permanent Marker,cursive;font-size:18px}.av-q-del{color:#1a0d0366;cursor:pointer;background:0 0;border:none;font-size:14px;font-weight:700}.av-q-del:hover{color:#1a0d03}.av-choice-row{align-items:center;gap:8px;display:flex}.av-choice-btn{color:#1a0d0380;cursor:pointer;background:#f5f0e8;border:1.5px solid #1a0d0333;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-family:Oswald,sans-serif;font-size:14px;font-weight:700;transition:all .2s;display:flex}.av-choice-btn.correct{color:#fff;background:#1a4d1a;border-color:#1a4d1a;box-shadow:0 2px 6px #1a4d1a4d}.av-add-q-btn{color:#c8920a;letter-spacing:2px;text-transform:uppercase;cursor:pointer;background:0 0;border:2px dashed #dca74099;border-radius:8px;width:100%;padding:12px;font-family:Oswald,sans-serif;font-size:13px;font-weight:700;transition:all .2s}.av-add-q-btn:hover{background:#dca7401a}.av-quiz-toggle-small{color:#1a0d0366;cursor:pointer;background:#f5f0e8;border:1.5px solid #1a0d0333;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:all .2s;display:flex}.av-quiz-toggle-small:hover{color:#dca740;background:#dca74026;border-color:#dca740}.av-quiz-toggle-small.is-open{color:#1a0d03;background:#dca740;border-color:#1a0d03;box-shadow:2px 2px #1a0d0333}.av-error{text-align:center;color:#7a0000;background:#fff0f0;border:1.5px solid #7a000059;border-radius:8px;padding:10px 12px;font-family:Roboto Condensed,sans-serif;font-size:13px;line-height:1.4}.av-footer{background:#f5f0e8;border-top:2.5px solid #1a0d03;flex-shrink:0;gap:14px;padding:16px 24px;display:flex}.av-btn-cancel{color:#1a0d03;letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:#fff;border:2.5px solid #1a0d0333;border-radius:8px;flex:1;padding:10px;font-family:Permanent Marker,cursive;font-size:16px;transition:all .2s}.av-btn-cancel:hover{background:#fafafa;border-color:#1a0d03}.av-btn-submit{color:#1a0d03;letter-spacing:2px;text-transform:uppercase;cursor:pointer;background:linear-gradient(#f0c030 0%,#dca740 100%);border:2.5px solid #1a0d03;border-radius:8px;flex:2;padding:10px;font-family:Permanent Marker,cursive;font-size:18px;transition:transform .1s,box-shadow .1s;box-shadow:3px 3px #1a0d034d}.av-btn-submit:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:5px 5px #1a0d0361}.av-btn-submit:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px #1a0d0340}.av-btn-submit:disabled{opacity:.6;cursor:not-allowed;box-shadow:2px 2px #1a0d0333}.av-upload-overlay{z-index:100;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#f5f0e8f2;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex;position:absolute;inset:0}.av-up-title{color:#1a0d03;margin-bottom:20px;font-family:Permanent Marker,cursive;font-size:32px}.av-up-bar-wrap{background:#fff;border:2.5px solid #1a0d03;border-radius:8px;width:100%;height:16px;margin-bottom:10px;overflow:hidden}.av-up-bar{background:#dca740;height:100%;transition:width .3s}.av-up-stats{letter-spacing:2px;color:#1a0d03b3;font-family:Oswald,sans-serif;font-size:14px}@media (width<=600px){.vl-nav{flex-wrap:wrap;gap:.6rem;padding:.7rem 1rem}.vl-nav-search-wrap{flex:0 0 100%;order:3;max-width:100%}.vl-nav-right{gap:7px}.vl-add-btn{padding:7px 12px}.add-label{font-size:7px}.vl-main{padding:1.5rem 1.1rem 2.5rem}.vl-page-eyebrow{letter-spacing:3px;flex-wrap:wrap;gap:2px 5px;font-size:9px}.vl-page-title{letter-spacing:2px;font-size:clamp(30px,11vw,48px)}.vl-page-count{letter-spacing:2px;margin-top:7px;font-size:10px}.vl-toolbar{flex-direction:column;align-items:stretch;gap:.7rem;margin-bottom:1.4rem}.vl-search-wrap{min-width:unset;width:100%}.vl-filter-btns{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:2px;padding-bottom:4px;overflow-x:auto}.vl-filter-btns::-webkit-scrollbar{display:none}.vl-filter-btn{flex-shrink:0;padding:5px 12px;font-size:12px}.vl-grid{grid-template-columns:repeat(2,1fr);gap:1.2rem .9rem}.vl-page-header{margin-bottom:1.2rem}.vl-footer{text-align:center;flex-direction:column;gap:6px;padding:1rem 1.2rem}}.vl-toast{z-index:9999;border:2px solid var(--ink);min-width:240px;max-width:min(90vw,420px);box-shadow:4px 4px 0 var(--ink), 0 12px 32px #00000073;letter-spacing:.5px;pointer-events:all;border-radius:3px;align-items:center;gap:10px;padding:11px 16px 11px 14px;font-family:Oswald,sans-serif;font-size:14px;font-weight:500;line-height:1.3;animation:.22s cubic-bezier(.16,1,.3,1) both vl-toast-in;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}@keyframes vl-toast-in{0%{opacity:0;transform:translate(-50%)translateY(14px)scale(.95)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.vl-toast--success{background:var(--cream);color:#1a4a1a;border-color:#2a6e2a;box-shadow:4px 4px #1a3a1a,0 12px 32px #0006}.vl-toast--error{background:var(--cream);color:#6a1a1a;border-color:#922;box-shadow:4px 4px #5a1010,0 12px 32px #0006}.vl-toast--info{background:var(--cream);color:var(--ink);border-color:var(--gold);box-shadow:4px 4px #7a5800,0 12px 32px #0006}.vl-toast-icon{text-align:center;flex-shrink:0;width:20px;font-size:16px;font-weight:700}.vl-toast--success .vl-toast-icon{color:#2a6e2a}.vl-toast--error .vl-toast-icon{color:#922}.vl-toast--info .vl-toast-icon{color:var(--gold)}.vl-toast-msg{flex:1}.vl-toast-close{cursor:pointer;opacity:.45;color:inherit;background:0 0;border:none;flex-shrink:0;padding:0 0 0 4px;font-size:13px;line-height:1;transition:opacity .15s}.vl-toast-close:hover{opacity:1}.wh-root{background:#f5f0e8;flex-direction:column;height:100vh;font-family:Roboto Condensed,sans-serif;display:flex;position:relative;overflow:hidden auto}.wh-back-btn{cursor:pointer;letter-spacing:2px;text-transform:uppercase;color:#1a0d03;background:#fff;border:2.5px solid #1a0d03;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-family:Oswald,sans-serif;font-size:13px;font-weight:700;transition:background .15s,transform .12s,box-shadow .12s;display:flex;box-shadow:2px 2px #1a0d0333}.wh-back-btn:hover{background:#f5f0e8;transform:translate(-1px,-1px);box-shadow:4px 4px #1a0d0333}.wh-back-btn:active{transform:translate(1px,1px);box-shadow:0 0 #1a0d0333}.wh-clear-btn{cursor:pointer;letter-spacing:2px;text-transform:uppercase;color:#8b1a1a;white-space:nowrap;background:#fff;border:2.5px solid #8b1a1a;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-family:Oswald,sans-serif;font-size:13px;font-weight:700;transition:background .15s,transform .12s,box-shadow .12s;display:flex;box-shadow:2px 2px #8b1a1a33}.wh-clear-btn:hover{background:#fff5f5;transform:translate(-1px,-1px);box-shadow:4px 4px #8b1a1a40}.wh-clear-btn:active{transform:translate(1px,1px);box-shadow:0 0}.wh-clear-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.wh-page-header{z-index:10;justify-content:space-between;align-items:flex-end;gap:1rem;padding:2.5rem 3rem 1rem;animation:.45s cubic-bezier(.16,1,.3,1) both pageIn;display:flex;position:relative}.wh-page-header-inner{flex-direction:column;display:flex}.wh-header-icon{color:#1a0d030f;pointer-events:none;flex-shrink:0;font-size:80px;line-height:1;animation:.5s cubic-bezier(.16,1,.3,1) .1s both pageIn}.wh-main{z-index:10;flex:1;padding:0 3rem 3rem;animation:.45s cubic-bezier(.16,1,.3,1) 50ms both pageIn;position:relative}.wh-group{margin-bottom:2.5rem}.wh-group-label{letter-spacing:2px;text-transform:uppercase;color:#dca740;border-bottom:2px dashed #dca74066;align-items:center;gap:10px;margin-bottom:1rem;padding-bottom:6px;font-family:Permanent Marker,cursive;font-size:14px;display:flex}.wh-group-label:before{content:"◷";opacity:.7;font-size:16px}.wh-list{flex-direction:column;gap:10px;display:flex}.wh-item{background:#fff;border:2px solid #1a0d031f;border-radius:10px;align-items:center;gap:16px;padding:10px 14px 10px 10px;transition:transform .18s,box-shadow .18s,opacity .25s,border-color .18s;animation:.35s cubic-bezier(.16,1,.3,1) both wh-item-in;display:flex;box-shadow:3px 3px #1a0d030f}@keyframes wh-item-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.wh-item:hover{border-color:#dca74080;transform:translate(-2px,-2px);box-shadow:5px 5px #1a0d031a}.wh-item--deleting{opacity:.4;pointer-events:none}.wh-thumb{cursor:pointer;background:#e8d4a8;border:2px solid #1a0d03;border-radius:8px;flex-shrink:0;width:130px;height:80px;position:relative;overflow:hidden}.wh-thumb-img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.wh-thumb:hover .wh-thumb-img{transform:scale(1.06)}.wh-thumb-placeholder{color:#1a0d0340;justify-content:center;align-items:center;width:100%;height:100%;font-size:28px;display:flex}.wh-thumb-play{opacity:0;background:#1a0d0333;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.wh-thumb:hover .wh-thumb-play{opacity:1}.wh-play-circle{color:#1a0d03;background:linear-gradient(#f0c030 0%,#dca740 100%);border:2px solid #1a0d03;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;display:flex;box-shadow:2px 2px #1a0d03}.wh-item-info{flex:1;min-width:0}.wh-item-title{letter-spacing:.5px;text-transform:uppercase;color:#1a0d03;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;margin-bottom:6px;font-family:Oswald,sans-serif;font-size:15px;font-weight:700;transition:color .15s;overflow:hidden}.wh-item-title:hover{color:#8b1a1a}.wh-item-time{color:#1a0d0380;letter-spacing:.3px;align-items:center;gap:5px;font-family:Roboto Condensed,sans-serif;font-size:12px;display:flex}.wh-item-time-icon{opacity:.6;font-size:11px}.wh-delete-btn{cursor:pointer;color:#1a0d034d;background:0 0;border:2px solid #0000;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;transition:background .15s,border-color .15s,color .15s,transform .12s;display:flex}.wh-delete-btn:hover{color:#8b1a1a;background:#fff0f0;border-color:#8b1a1a;transform:scale(1.1)}.wh-delete-btn:active{transform:scale(.92)}.wh-delete-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.wh-spinner{border:2px solid #8b1a1a4d;border-top-color:#8b1a1a;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite wh-spin;display:inline-block}@keyframes wh-spin{to{transform:rotate(360deg)}}.wh-skel-list{flex-direction:column;gap:10px;display:flex}.wh-skel-item{background:linear-gradient(90deg,#f5f0e8 0%,#e8d4a8 50%,#f5f0e8 100%) 0 0/200% 100%;border:2px solid #1a0d031a;border-radius:10px;height:100px;animation:1.5s ease-in-out infinite skelShimmer}.wh-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:5rem 2rem;animation:.4s cubic-bezier(.16,1,.3,1) both pageIn;display:flex}.wh-empty-icon{color:#1a0d0326;font-size:56px;animation:3s ease-in-out infinite emptyFloat}.wh-empty-title{letter-spacing:2px;text-transform:uppercase;color:#1a0d03;font-family:Permanent Marker,cursive;font-size:32px}.wh-empty-sub{letter-spacing:2px;text-transform:uppercase;color:#1a0d0380;font-family:Oswald,sans-serif;font-size:13px;font-weight:500}.wh-browse-btn{letter-spacing:1px;text-transform:uppercase;color:#1a0d03;cursor:pointer;background:linear-gradient(#f0c030 0%,#dca740 100%);border:2.5px solid #1a0d03;border-radius:8px;align-items:center;gap:8px;margin-top:1rem;padding:10px 24px;font-family:Permanent Marker,cursive;font-size:15px;transition:transform .12s,box-shadow .12s;display:flex;box-shadow:3px 3px #1a0d0340}.wh-browse-btn:hover{transform:translate(-1px,-1px);box-shadow:5px 5px #1a0d034d}.wh-browse-btn:active{transform:translate(1px,1px);box-shadow:0 0 #1a0d0333}.wh-modal-overlay{z-index:300;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1a0d03bf;justify-content:center;align-items:center;padding:1rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.wh-modal{text-align:center;background:#fff;border:3px solid #1a0d03;border-radius:12px;width:100%;max-width:420px;padding:2rem 2rem 1.8rem;animation:.28s cubic-bezier(.34,1.56,.64,1) wh-modal-in;box-shadow:8px 8px #1a0d0333}@keyframes wh-modal-in{0%{opacity:0;transform:scale(.82)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}.wh-modal-icon{color:#8b1a1a;margin-bottom:12px;font-size:36px}.wh-modal-title{letter-spacing:1px;text-transform:uppercase;color:#8b1a1a;margin-bottom:12px;font-family:Permanent Marker,cursive;font-size:24px}.wh-modal-body{color:#1a0d03b3;margin-bottom:1.8rem;font-family:Roboto Condensed,sans-serif;font-size:15px;line-height:1.5}.wh-modal-body strong{color:#1a0d03}.wh-modal-actions{justify-content:center;gap:12px;display:flex}.wh-modal-cancel{letter-spacing:2px;text-transform:uppercase;color:#1a0d03;cursor:pointer;background:#fff;border:2.5px solid #1a0d03;border-radius:8px;padding:10px 24px;font-family:Oswald,sans-serif;font-size:14px;font-weight:700;transition:background .15s,transform .12s;box-shadow:3px 3px #1a0d0326}.wh-modal-cancel:hover{background:#f5f0e8;transform:translate(-1px,-1px)}.wh-modal-confirm{letter-spacing:2px;text-transform:uppercase;color:#fff;cursor:pointer;background:#8b1a1a;border:2.5px solid #1a0d03;border-radius:8px;padding:10px 24px;font-family:Oswald,sans-serif;font-size:14px;font-weight:700;transition:background .15s,transform .12s;box-shadow:3px 3px #1a0d0340}.wh-modal-confirm:hover{background:#a52020;transform:translate(-1px,-1px)}.wh-modal-confirm:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (width<=768px){.wh-page-header{padding:1.5rem 1.2rem .8rem}.wh-header-icon{display:none}.wh-main{padding:0 1.2rem 3rem}.wh-thumb{width:100px;height:64px}.wh-item-title{font-size:13px}.wh-clear-btn span,.wh-back-btn span{display:none}}@media (width<=480px){.wh-thumb{width:80px;height:52px}.wh-modal-actions{flex-direction:column}}.vl-sidebar-item--msg{border-top:2px dashed #1a0d0326;margin-top:8px;padding-top:15px}.vl-sidebar-msg-badge{color:#fff;background:#c0392b;border:2px solid #1a0d03;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:auto;padding:0 5px;font-family:Oswald,sans-serif;font-size:10px;font-weight:700;line-height:1;display:flex}.vl-sidebar-item--danger:hover{background:#c0392b12}.vl-sidebar-item--danger .vl-sidebar-icon{color:#c0392b}.msg-overlay{z-index:300;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1a0d03a6;justify-content:flex-end;align-items:flex-end;padding:0 24px 24px 0;animation:.2s msg-overlay-in;display:flex;position:fixed;inset:0}@keyframes msg-overlay-in{0%{opacity:0}to{opacity:1}}.msg-panel{background:#fff;border:3px solid #1a0d03;border-radius:14px;flex-direction:column;width:380px;max-width:95vw;max-height:90vh;animation:.3s cubic-bezier(.34,1.56,.64,1) msg-panel-in;display:flex;position:relative;overflow:hidden;box-shadow:8px 8px #1a0d0340,0 24px 60px #00000040}@keyframes msg-panel-in{0%{opacity:0;transform-origin:100% 100%;transform:scale(.88)translateY(24px)}to{opacity:1;transform:scale(1)translateY(0)}}.msg-panel:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle,#dca74012 1px,#0000 1px);background-size:14px 14px;border-radius:14px;position:absolute;inset:0}.msg-header{z-index:1;background:#1a0d03;border-bottom:3px solid #1a0d03;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px 12px;display:flex;position:relative}.msg-header-left{align-items:center;gap:12px;display:flex}.msg-admin-avatar{color:#1a0d03;background:linear-gradient(#f0c030 0%,#dca740 100%);border:2.5px solid #ffffff4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.msg-header-name{letter-spacing:2px;color:#f0c030;margin-bottom:2px;font-family:Permanent Marker,cursive;font-size:16px;line-height:1}.msg-header-sub{letter-spacing:2px;text-transform:uppercase;color:#ffffff8c;font-family:Oswald,sans-serif;font-size:10px;font-weight:500}.msg-close-btn{color:#ffffffb3;cursor:pointer;background:#ffffff1a;border:1.5px solid #ffffff40;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;font-weight:700;transition:background .15s,color .15s;display:flex}.msg-close-btn:hover{color:#fff;background:#fff3}.msg-thread{z-index:1;scrollbar-width:thin;scrollbar-color:#1a0d0333 transparent;background:#f5f0e8;flex-direction:column;flex:1;gap:12px;padding:16px 14px;display:flex;position:relative;overflow-y:auto}.msg-thread::-webkit-scrollbar{width:5px}.msg-thread::-webkit-scrollbar-thumb{background:#1a0d0333;border-radius:4px}.msg-loading,.msg-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:3rem 1rem;display:flex}.msg-loading{letter-spacing:1px;color:#1a0d0380;flex-direction:row;gap:10px;font-family:Oswald,sans-serif;font-size:13px}.msg-empty-icon{color:#1a0d0333;font-size:44px;animation:3s ease-in-out infinite emptyFloat}.msg-empty-title{letter-spacing:1px;color:#1a0d03;font-family:Permanent Marker,cursive;font-size:20px}.msg-empty-sub{letter-spacing:1.5px;color:#1a0d0380;max-width:220px;font-family:Oswald,sans-serif;font-size:12px;line-height:1.5}.msg-bubble-wrap{align-items:flex-end;gap:8px;max-width:88%;animation:.2s cubic-bezier(.34,1.56,.64,1) msg-bubble-in;display:flex}@keyframes msg-bubble-in{0%{opacity:0;transform:scale(.88)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.msg-bubble-wrap--user{flex-direction:row-reverse;align-self:flex-end}.msg-bubble-wrap--admin{align-self:flex-start}.msg-bubble-avatar{border:2px solid #1a0d03;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex;overflow:hidden}.msg-bubble-avatar--admin{color:#1a0d03;background:linear-gradient(#f0c030 0%,#dca740 100%)}.msg-bubble-avatar--user{color:#dca740;background:#1a0d03}.msg-bubble{border:2px solid #1a0d03;border-radius:12px;max-width:100%;padding:9px 13px 7px;position:relative;box-shadow:3px 3px #1a0d0326}.msg-bubble--user{color:#fff;background:#1a0d03;border-radius:12px 12px 4px}.msg-bubble--admin{color:#1a0d03;background:#fff;border-radius:12px 12px 12px 4px}.msg-bubble-sender{letter-spacing:2px;text-transform:uppercase;color:#dca740;margin-bottom:3px;font-family:Oswald,sans-serif;font-size:9px;font-weight:700;display:block}.msg-bubble-text{white-space:pre-wrap;word-break:break-word;font-family:Crimson Text,serif;font-size:14px;line-height:1.5}.msg-bubble--admin .msg-bubble-text{color:#1a0d03}.msg-bubble--user .msg-bubble-text{color:#ffffffeb}.msg-bubble-time{letter-spacing:.5px;opacity:.55;margin-top:5px;font-family:Oswald,sans-serif;font-size:9px;display:block}.msg-bubble--admin .msg-bubble-time{color:#1a0d0380}.msg-bubble--user .msg-bubble-time{color:#ffffff80;text-align:right}.msg-input-row{z-index:1;background:#fff;border-top:2.5px solid #1a0d03;flex-shrink:0;align-items:flex-end;gap:8px;padding:10px 12px 8px;display:flex;position:relative}.msg-input{resize:none;color:#1a0d03;scrollbar-width:thin;scrollbar-color:#1a0d0333 transparent;background:#f5f0e8;border:2px solid #1a0d0340;border-radius:10px;outline:none;flex:1;min-height:40px;max-height:120px;padding:9px 12px;font-family:Crimson Text,serif;font-size:14px;line-height:1.5;transition:border-color .18s,box-shadow .18s;overflow-y:auto}.msg-input::placeholder{color:#1a0d0361;font-style:italic}.msg-input:focus{border-color:#dca740;box-shadow:0 0 0 3px #dca74038}.msg-send-btn{color:#1a0d03;cursor:pointer;background:linear-gradient(#f0c030 0%,#dca740 100%);border:2.5px solid #1a0d03;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .15s;display:flex;box-shadow:3px 3px #1a0d0340}.msg-send-btn:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:4px 4px #1a0d034d}.msg-send-btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px #1a0d0333}.msg-send-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:2px 2px #1a0d0326}.msg-send-btn--loading{background:#f5f0e8}.msg-hint{text-align:center;letter-spacing:1px;color:#1a0d0359;text-transform:uppercase;background:#fff;flex-shrink:0;padding:4px 12px 10px;font-family:Oswald,sans-serif;font-size:10px}.msg-spinner{border:2.5px solid #1a0d0326;border-top-color:#1a0d03;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite msg-spin;display:inline-block}.msg-spinner--btn{border-color:#1a0d03 #1a0d0333 #1a0d0333;width:14px;height:14px}@keyframes msg-spin{to{transform:rotate(360deg)}}@media (width<=480px){.msg-overlay{justify-content:center;align-items:flex-end;padding:0}.msg-panel{border-radius:14px 14px 0 0;width:100%;max-width:100%;max-height:85vh}}.vl-back-to-admin-btn{cursor:pointer;letter-spacing:1.5px;text-transform:uppercase;color:#1a0d03;white-space:nowrap;background:linear-gradient(#f0c030 0%,#dca740 100%);border:2.5px solid #1a0d03;border-radius:8px;align-items:center;gap:7px;padding:7px 14px 7px 10px;font-family:Permanent Marker,cursive;font-size:12px;transition:transform .12s,box-shadow .12s;display:flex;box-shadow:3px 3px #1a0d034d}.vl-back-to-admin-btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px #1a0d0359}.vl-back-to-admin-btn:active{transform:translate(2px,2px);box-shadow:1px 1px #1a0d0333}.vl-back-to-admin-arrow{margin-top:-1px;font-family:Roboto Condensed,sans-serif;font-size:16px;font-weight:700;line-height:1}.vl-back-to-admin-label{display:inline}@media (width<=480px){.vl-back-to-admin-label{display:none}.vl-back-to-admin-btn{padding:7px 10px}}.dark-mode.vl-root,.dark-mode.wh-root{background:#0f0d09}.dark-mode.vl-root::-webkit-scrollbar-track{background:#0f0d09;border-left-color:#f5edd81a}.dark-mode.vl-root::-webkit-scrollbar-thumb{background:#dca740;border-color:#1a0d03}.dark-mode .vl-bg{background:#0f0d09}.dark-mode .vl-bg-image{background-image:repeating-conic-gradient(at 50% 110%,#ffffff05 0deg,#0000 3deg 10deg,#ffffff05 12deg)}.dark-mode .vl-bg-dots{background-image:radial-gradient(circle,#dca7401a 1.5px,#0000 1.5px)}.dark-mode .vl-nav{background:#1c1710;border-bottom-color:#f5edd826;box-shadow:0 4px 12px #0000004d}.dark-mode .vl-nav-search{color:#f5edd8;background:#14110a;border-color:#f5edd82e}.dark-mode .vl-nav-search::placeholder{color:#f5edd852}.dark-mode .vl-nav-search-icon{color:#f5edd866}.dark-mode .vl-nav-notif{background:#1c1710;border-color:#f5edd840}.dark-mode .vl-nav-notif:hover{background:#25201600}.dark-mode .vl-nav-notif-icon{color:#f5edd8}.dark-mode .vl-notif-dropdown{background:#1c1710;border-color:#f5edd833}.dark-mode .vl-notif-item{background:#1c1710;border-bottom-color:#f5edd814}.dark-mode .vl-notif-item:hover{background:#14110a}.dark-mode .vl-notif-item-sub{color:#f5edd8}.dark-mode .vl-notif-item-thumb{background:#0f0d09;border-color:#f5edd826}.dark-mode .vl-notif-empty p{color:#f5edd859}.dark-mode .vl-page-title{color:#f5edd8;text-shadow:3px 3px #0006}.dark-mode .vl-page-title-accent{text-shadow:3px 3px #0006}.dark-mode .vl-page-count{color:#f5edd880}.dark-mode .vl-page-eyebrow-bullet{color:#f5edd8}.dark-mode .vl-toolbar{border-bottom-color:#f5edd826}.dark-mode .vl-filter-btn{color:#f5edd873}.dark-mode .vl-filter-btn:hover,.dark-mode .vl-filter-btn.active{color:#f5edd8}.dark-mode .vl-book-cover{background:#1c1710;border-color:#f5edd833 #f5edd833 #f5edd833 #f5edd814}.dark-mode .vl-book-cover-placeholder{background:#0f0d09}.dark-mode .vl-book-cover-placeholder-icon{color:#f5edd826}.dark-mode .vl-book-cover-placeholder-line{background:#f5edd814}.dark-mode .vl-book-stat{color:#f5edd8;background:#1c1710eb;border-color:#f5edd833}.dark-mode .vl-card-menu-btn{background:#1c1710;border-color:#f5edd840}.dark-mode .vl-card-menu-btn span{background:#f5edd8}.dark-mode .vl-card-menu-btn:hover,.dark-mode .vl-card-menu-btn.is-open{background:#14110a}.dark-mode .vl-card-menu{background:#1c1710;border-color:#f5edd833}.dark-mode .vl-card-menu-item{color:#f5edd8;border-bottom-color:#f5edd814}.dark-mode .vl-card-menu-item:hover{background:#dca7401f}.dark-mode .vl-card-menu-icon{color:#f5edd880}.dark-mode .vl-badge{border-color:#f5edd84d}.dark-mode .badge-kasaysayan{color:#9cc2ff;background:#0038a847}.dark-mode .badge-kultura{color:#ff9b9b;background:#8b1a1a47}.dark-mode .badge-agham{color:#7eeab3;background:#0a5c3a4d}.dark-mode .badge-sining{color:#ffd479;background:#c8920a4d}.dark-mode .badge-iba{color:#dba8f7;background:#5a00824d}.dark-mode .badge-serye{color:#ff9b8a;background:#c0392b4d}.dark-mode .vl-play-overlay{background:#0006}.dark-mode .vl-skel-card{background:linear-gradient(135deg,#1c1710 0%,#2a2014 50%,#1c1710 100%);border-color:#f5edd81f}.dark-mode .wh-skel-item{background:linear-gradient(90deg,#1c1710 0%,#2a2014 50%,#1c1710 100%);border-color:#f5edd81a}.dark-mode .vl-empty-icon,.dark-mode .wh-empty-icon{color:#f5edd826}.dark-mode .vl-empty-text,.dark-mode .wh-empty-title{color:#f5edd8}.dark-mode .vl-empty-sub,.dark-mode .wh-empty-sub{color:#f5edd873}.dark-mode .vl-footer{background:#1c1710;border-top-color:#f5edd826}.dark-mode .vl-footer-tagline,.dark-mode .vl-copyright{color:#f5edd873}.dark-mode .vl-footer-badge{color:#f5edd8;background:#14110a;border-color:#f5edd833}.dark-mode .vl-section-header{border-bottom-color:#f5edd826}.dark-mode .vl-section-title{color:#f5edd8}.dark-mode .vl-row-scroll::-webkit-scrollbar-thumb{background:#f5edd833}.dark-mode .vl-row-card{background:#1c1710;border-color:#f5edd833}.dark-mode .vl-row-thumb-wrap{background:#2a2014;border-bottom-color:#f5edd826}.dark-mode .vl-row-title{color:#f5edd8}.dark-mode .vl-row-meta{color:#f5edd880}.dark-mode .vl-row-progress-bar{background:#0f0d09;border-color:#f5edd826}.dark-mode .vl-row-pct{color:#f5edd8}.dark-mode .vl-row-arrow{color:#f5edd8;background:#1c1710;border-color:#f5edd833}.dark-mode .vl-row-arrow:hover{background:#14110a}.dark-mode .vl-section-divider{border-bottom-color:#f5edd826}.dark-mode .vl-hamburger-btn{background:#1c1710;border-color:#f5edd840}.dark-mode .vl-hamburger-btn:hover{background:#14110a}.dark-mode .vl-hamburger-btn span{background:#f5edd8}.dark-mode .vl-sidebar{background:#1c1710;border-right-color:#f5edd826}.dark-mode .vl-sidebar-header{background:#14110a;border-bottom-color:#f5edd826}.dark-mode .vl-sidebar-close{color:#f5edd8;background:#1c1710;border-color:#f5edd840}.dark-mode .vl-sidebar-close:hover{background:#14110a}.dark-mode .vl-sidebar-item{color:#f5edd8}.dark-mode .vl-sidebar-item:hover{background:#f5edd80d}.dark-mode .vl-sidebar-item--msg{border-top-color:#f5edd81f}.dark-mode .vl-sidebar-item--danger:hover{background:#c0392b1f}.dark-mode .av-box{background:#1c1710;border-color:#f5edd840;box-shadow:0 8px 40px #00000080,5px 5px #00000059}.dark-mode .av-head{background:#14110a;border-bottom-color:#f5edd840}.dark-mode .av-head:before{background-image:repeating-conic-gradient(at 50% 110%,#ffffff06 0deg,#0000 3deg 10deg,#ffffff06 12deg)}.dark-mode .av-title{color:#f5edd8}.dark-mode .av-close{color:#f5edd8;background:#1c1710;border-color:#f5edd840}.dark-mode .av-close:hover{background:#14110a}.dark-mode .av-body{background:#1c1710}.dark-mode .av-body::-webkit-scrollbar-track{background:#14110a;border-left-color:#f5edd826}.dark-mode .av-body::-webkit-scrollbar-thumb{background:#dca740;border-color:#f5edd840}.dark-mode .av-label{color:#f5edd8}.dark-mode .av-label-opt{color:#f5edd880}.dark-mode .av-input,.dark-mode .av-textarea,.dark-mode .av-select{color:#f5edd8;background:#14110a;border-color:#f5edd833}.dark-mode .av-input::placeholder,.dark-mode .av-textarea::placeholder{color:#f5edd84d}.dark-mode .av-input:focus,.dark-mode .av-textarea:focus,.dark-mode .av-select:focus{box-shadow:0 0 0 3px #dca7404d}.dark-mode .av-select option{color:#f5edd8;background:#14110a}.dark-mode .av-tabs{background:#14110a;border-color:#f5edd826}.dark-mode .av-tab{color:#f5edd880}.dark-mode .av-tab:hover{color:#f5edd8;background:#f5edd80f}.dark-mode .av-dropzone{background:#14110a;border-color:#f5edd833}.dark-mode .av-dropzone:hover,.dark-mode .av-dropzone.dragover{background:#dca7401f;border-color:#dca740}.dark-mode .av-drop-title{color:#f5edd8}.dark-mode .av-drop-sub{color:#f5edd880}.dark-mode .av-file-pill{box-shadow:none;background:#14110a;border-color:#f5edd833}.dark-mode .av-file-name{color:#f5edd8}.dark-mode .av-file-size{color:#f5edd880}.dark-mode .av-file-clear{color:#f5edd866}.dark-mode .av-file-clear:hover{color:#f5edd8}.dark-mode .av-cover-preview{background:#14110a;border-color:#f5edd833}.dark-mode .av-cover-empty{color:#f5edd833}.dark-mode .av-cover-clear{color:#f5edd8;background:#1c1710;border-color:#f5edd84d}.dark-mode .av-quiz-panel{background:#14110a;border-color:#f5edd826}.dark-mode .av-q-block{background:#1c1710;border-color:#f5edd833}.dark-mode .av-q-num{color:#f5edd8}.dark-mode .av-q-del{color:#f5edd866}.dark-mode .av-q-del:hover{color:#f5edd8}.dark-mode .av-choice-btn{color:#f5edd880;background:#14110a;border-color:#f5edd833}.dark-mode .av-add-q-btn:hover{background:#dca74026}.dark-mode .av-quiz-toggle-small{color:#f5edd866;background:#14110a;border-color:#f5edd833}.dark-mode .av-error{color:#ff9090;background:#7a000033;border-color:#ff808059}.dark-mode .av-footer{background:#14110a;border-top-color:#f5edd840}.dark-mode .av-btn-cancel{color:#f5edd8;background:#1c1710;border-color:#f5edd840}.dark-mode .av-btn-cancel:hover{background:#14110a;border-color:#f5edd866}.dark-mode .av-upload-overlay{background:#14110af2}.dark-mode .av-up-title{color:#f5edd8}.dark-mode .av-up-bar-wrap{background:#14110a;border-color:#f5edd840}.dark-mode .av-up-stats{color:#f5edd8b3}.dark-mode .book-pip-drag-handle{color:#f5edd866;background:#1c1710;border-color:#f5edd840}.dark-mode .book-pip-btn{color:#f5edd8;background:#1c1710;border-color:#f5edd840}.dark-mode .book-pip-btn:hover{background:#14110a}.dark-mode .book-close-btn{color:#f5edd8;background:#1c1710;border-color:#f5edd840}.dark-mode .book-close-btn:hover{background:#14110a}.dark-mode .book-face-front{background:#1c1710;border-color:#f5edd840}.dark-mode .book-cover-art-placeholder{background:#14110a}.dark-mode .book-face-back{background:#1c1710;border-color:#f5edd840}.dark-mode .book-video-head{background:#14110a;border-bottom-color:#f5edd840}.dark-mode .book-video-head-title{color:#f5edd8}.dark-mode .book-video-embed{border-bottom-color:#f5edd840}.dark-mode .vp-done-btn{color:#f5edd8;background:#1c1710;border-color:#f5edd840}.dark-mode .book-interact-bar{background:#1c1710;border-bottom-color:#f5edd826}.dark-mode .interact-btn{color:#f5edd880}.dark-mode .interact-btn:hover{color:#f5edd8}.dark-mode .interact-btn.active-like{color:#4caf50}.dark-mode .interact-btn.active-dislike{color:#ff6b6b}.dark-mode .interact-views{color:#f5edd880}.dark-mode .book-video-scroll{background:#1c1710}.dark-mode .book-video-scroll::-webkit-scrollbar-track{background:#14110a;border-left-color:#f5edd826}.dark-mode .book-video-scroll::-webkit-scrollbar-thumb{border-color:#f5edd840}.dark-mode .book-video-desc{color:#f5edd8bf}.dark-mode .book-comments-section{border-top-color:#f5edd833}.dark-mode .book-comments-title{color:#f5edd8}.dark-mode .comment-input{color:#f5edd8;background:#14110a;border-color:#f5edd833}.dark-mode .comment-input::placeholder{color:#f5edd84d}.dark-mode .comment-list .comment-item,.dark-mode .comment-item{background:#14110a;border-color:#f5edd833}.dark-mode .comment-user{color:#f5edd8}.dark-mode .comment-date{color:#f5edd880}.dark-mode .comment-text{color:#f5edd8bf}.dark-mode .comment-empty{color:#f5edd866}.dark-mode .quiz-trigger-btn.locked{color:#f5edd859;background:#2a2014;border-color:#f5edd833}.dark-mode .qir2-wrap{background:#14110a;border-color:#f5edd840}.dark-mode .qir2-score-num{color:#f5edd8}.dark-mode .qir2-score-sep{color:#f5edd866}.dark-mode .qir2-score-total{color:#f5edd880}.dark-mode .qir2-tag.pass{color:#7be07b;background:#1a4d1a4d;border-color:#4caf50}.dark-mode .qir2-tag.fail{color:#ff9b9b;background:#9922224d;border-color:#ff6b6b}.dark-mode .qir2-bar-track{background:#f5edd81a;border-color:#f5edd826}.dark-mode .qir2-bar-fill--pass{background:#4caf50}.dark-mode .qir2-bar-fill--fail{background:#ff6b6b}.dark-mode .qir2-pip{background:#1c1710;border-color:#f5edd833}.dark-mode .qir2-divider{background:#f5edd81f}.dark-mode .qir2-cooldown{color:#f5edd899}.dark-mode .qir2-cooldown strong{color:#f5edd8}.dark-mode .qir2-retake-btn{color:#f5edd8;background:#1c1710;border-color:#f5edd840}.dark-mode .qir2-retake-btn:hover{background:#14110a}.dark-mode .qir2-retake-btn--ghost{border-color:#f5edd84d}.dark-mode .qir2-retake-btn--ghost:hover{background:#f5edd80f;border-color:#f5edd880}.dark-mode .qfp-page:not(.qfp-cover){background:linear-gradient(160deg,#1c1710 0%,#161208 100%)}.dark-mode .qfp-question-page{border-left-color:#f5edd833!important}.dark-mode .qfp-page-spine{background:#f5edd826}.dark-mode .qfp-section-cont{color:#f5edd880;background:#f5edd814;border-color:#f5edd82e}.dark-mode .qfp-timer-num{color:#f5edd8}.dark-mode .qfp-timer-track{stroke:#f5edd826}.dark-mode .qfp-page-num{color:#f5edd84d}.dark-mode .quiz-q-text{color:#f5edd8}.dark-mode .quiz-choice-btn{background:#f5edd80d;border-color:#f5edd82e}.dark-mode .quiz-choice-btn:hover:not(.answered){background:#dca74026}.dark-mode .quiz-choice-btn.selected{background:#dca74033}.dark-mode .quiz-choice-btn.correct{background:#2e962e33}.dark-mode .quiz-choice-btn.wrong{background:#dc46372e}.dark-mode .quiz-choice-text{color:#f5edd8}.dark-mode .qfp-finish-page{background:linear-gradient(160deg,#1c1710 0%,#14110a 100%)}.dark-mode .qfp-finish-title{color:#f5edd8}.dark-mode .qfp-finish-sub{color:#f5edd88c}.dark-mode .qop-card{background:#1c1710;border-color:#f5edd84d;box-shadow:8px 8px #0006}.dark-mode .qop-title{color:#f5edd8}.dark-mode .qop-subtitle{color:#f5edd880}.dark-mode .qop-question{background:#f5edd80a;border-color:#f5edd826}.dark-mode .qop-q-text{color:#f5edd8}.dark-mode .qop-textarea{color:#f5edd8;background:#14110a;border-color:#dca74066}.dark-mode .qop-textarea::placeholder{color:#f5edd84d}.dark-mode .quiz-result-inner{background:linear-gradient(160deg,#1c1710 0%,#14110a 100%);box-shadow:0 0 0 2px #dca740,0 0 0 5px #f5edd84d,8px 8px #00000080,0 24px 56px #000c}.dark-mode .quiz-result-score{color:#f5edd8;text-shadow:4px 4px #0000004d}.dark-mode .quiz-result-subtext{color:#f5edd873}.dark-mode .quiz-result-rank-strip{border-top-color:#f5edd84d;border-bottom-color:#f5edd84d}.dark-mode .quiz-result-rank-text{color:#f5edd8}.dark-mode .verdict-perfect{color:#e8c468}.dark-mode .verdict-great{color:#5cb85c}.dark-mode .verdict-good{color:#6fa8e8}.dark-mode .verdict-fail{color:#f5edd8bf}.dark-mode .quiz-result-pip{border-color:#f5edd840}.dark-mode .quiz-result-pip.off{background:#f5edd814}.dark-mode .quiz-result-msg{color:#f5edd899}.dark-mode .quiz-result-open-note{color:#ff8a8a}.dark-mode .wh-back-btn,.dark-mode .wh-clear-btn{background:#1c1710}.dark-mode .wh-back-btn{color:#f5edd8;border-color:#f5edd840}.dark-mode .wh-back-btn:hover{background:#14110a}.dark-mode .wh-clear-btn:hover{background:#2a1414}.dark-mode .wh-header-icon{color:#f5edd80f}.dark-mode .wh-group-label{border-bottom-color:#dca7404d}.dark-mode .wh-item{background:#1c1710;border-color:#f5edd81f;box-shadow:3px 3px #00000040}.dark-mode .wh-item:hover{border-color:#dca74066;box-shadow:5px 5px #0000004d}.dark-mode .wh-thumb{background:#2a2014;border-color:#f5edd8}.dark-mode .wh-thumb-placeholder{color:#f5edd840}.dark-mode .wh-item-title{color:#f5edd8}.dark-mode .wh-item-title:hover{color:#e05555}.dark-mode .wh-item-time{color:#f5edd880}.dark-mode .wh-delete-btn{color:#f5edd859}.dark-mode .wh-delete-btn:hover{color:#e05555;background:#c0392b26;border-color:#e05555}.dark-mode .wh-modal{background:#1c1710;box-shadow:8px 8px #0006}.dark-mode .wh-modal-body{color:#f5edd8a6}.dark-mode .wh-modal-body strong{color:#f5edd8}.dark-mode .wh-modal-cancel{color:#f5edd8;background:#1c1710;box-shadow:3px 3px #0000004d}.dark-mode .wh-modal-cancel:hover{background:#14110a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--comic-blue:#0d6efd;--comic-red:#ef4444;--comic-yellow:#facc15;--comic-green:#10b981;--comic-dark:#1a1d24;--comic-bg:#f8fafc;--border-thick:3px solid #000;--shadow-solid:4px 4px 0 #000;font-family:Roboto Condensed,sans-serif}body{background:var(--comic-bg);color:#000}.admin-layout{width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.comic-sidebar{background:var(--comic-dark);border-right:var(--border-thick);z-index:50;flex-direction:column;flex-shrink:0;width:260px;display:flex}.sidebar-logo-area{text-align:center;border-bottom:var(--border-thick);background:#000;padding:20px;position:relative}.sidebar-badge{z-index:2;background:#fff;border:2px solid #000;border-radius:20px;margin-top:-10px;padding:4px 12px;font-family:Permanent Marker,cursive;font-size:14px;display:inline-block;position:relative}.sidebar-nav{flex-direction:column;flex:1;gap:5px;padding:20px 0;display:flex;overflow-y:auto}.nav-item{color:#fff;letter-spacing:1px;cursor:pointer;align-items:center;gap:12px;padding:12px 20px;font-size:16px;font-weight:700;transition:all .2s;display:flex;position:relative}.nav-item:hover{background:#ffffff1a}.nav-item.active{background:var(--comic-blue);color:#fff;box-shadow:0 4px #00000080}.nav-item.active:after{content:"";border-style:solid;border-width:10px;border-color:transparent transparent transparent var(--comic-blue);z-index:10;position:absolute;top:50%;right:-12px;transform:translateY(-50%)}.nav-item.logout-btn{color:var(--comic-red);border-top:2px solid #333;margin-top:auto}.nav-item.logout-btn:hover{background:#ef44441a}.nav-badge{background:var(--comic-red);color:#fff;border:2px solid #000;border-radius:12px;padding:2px 8px;font-family:Permanent Marker,cursive;font-size:11px;position:absolute;top:50%;right:15px;transform:translateY(-50%);box-shadow:2px 2px #000}.sidebar-mascot{text-align:center;padding:20px;position:relative}.mascot-bubble{border:var(--border-thick);z-index:2;box-shadow:var(--shadow-solid);background:#fff;border-radius:8px;margin-bottom:-15px;padding:10px;font-family:Permanent Marker,cursive;font-size:14px;position:relative}.mascot-bubble:after{content:"";border:10px solid #0000;border-top-color:#000;border-bottom-width:0;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.mascot-bubble:before{content:"";z-index:1;border:8px solid #0000;border-top-color:#fff;border-bottom-width:0;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.sidebar-mascot img{width:140px}.main-area{background-image:radial-gradient(#ccc 1.5px,#0000 1.5px);background-size:15px 15px;flex-direction:column;flex:1;display:flex;overflow:hidden}.comic-header{border-bottom:var(--border-thick);z-index:10;background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;height:70px;padding:0 30px;display:flex;box-shadow:0 4px #0000001a}.header-left{align-items:center;gap:15px;display:flex}.header-title{text-transform:uppercase;align-items:center;gap:10px;font-family:Permanent Marker,cursive;font-size:28px;display:flex}.header-right{align-items:center;gap:20px;display:flex}.header-library-btn{background:var(--comic-yellow);cursor:pointer;color:#000;text-transform:uppercase;border:2px solid #000;border-radius:20px;align-items:center;gap:5px;padding:6px 16px;font-family:Permanent Marker,cursive;font-size:14px;transition:transform .1s,box-shadow .1s;display:flex;box-shadow:2px 2px #000}.header-library-btn:active{transform:translateY(2px);box-shadow:0 0 #000}.header-library-btn:hover{background:#fde047}.header-profile{cursor:default;align-items:center;gap:10px;display:flex}.header-profile img{background:var(--comic-yellow);object-fit:cover;border:2px solid #000;border-radius:50%;width:40px;height:40px}.profile-info{flex-direction:column;display:flex}.profile-name{font-size:15px;font-weight:700;line-height:1.1}.profile-role{color:#666;font-size:12px}.notif-wrapper{align-items:center;display:flex;position:relative}.notif-btn{cursor:pointer;color:#000;background:0 0;border:none;font-size:26px;transition:transform .2s;position:relative}.notif-btn:hover{transform:scale(1.1)}.notif-badge{background:var(--comic-red);color:#fff;border:2px solid #000;border-radius:10px;padding:2px 6px;font-family:Permanent Marker;font-size:11px;line-height:1;position:absolute;top:-5px;right:-5px}.notif-dropdown{z-index:100;background:#fff;border:3px solid #000;border-radius:8px;flex-direction:column;width:320px;display:flex;position:absolute;top:45px;right:-10px;overflow:hidden;box-shadow:4px 4px #000}.notif-header{background:var(--comic-yellow);text-transform:uppercase;border-bottom:2px solid #000;justify-content:space-between;align-items:center;padding:12px;font-family:Permanent Marker,cursive;font-size:16px;display:flex}.notif-list{max-height:300px;overflow-y:auto}.notif-item{cursor:pointer;border-bottom:1px solid #eee;padding:12px;transition:background .2s}.notif-item:hover{background:#f1f5f9}.notif-item-title{align-items:center;gap:5px;margin-bottom:4px;font-size:14px;font-weight:700;display:flex}.notif-item-desc{color:#555;font-size:12px}.notif-empty{text-align:center;color:#666;padding:20px;font-family:Permanent Marker;font-size:14px}.dash-scroll{flex:1;padding:30px;overflow-y:auto}.stats-row{grid-template-columns:repeat(5,1fr);gap:20px;margin-bottom:25px;display:grid}.comic-card{border:var(--border-thick);box-shadow:var(--shadow-solid);background:#fff;border-radius:8px;flex-direction:column;justify-content:center;padding:20px;display:flex;position:relative;overflow:hidden}.card-blue{background:var(--comic-blue);color:#fff}.card-red{background:var(--comic-red);color:#fff}.card-yellow{background:var(--comic-yellow);color:#000}.stat-title{text-transform:uppercase;z-index:2;font-family:Permanent Marker,cursive;font-size:14px}.stat-value{z-index:2;margin:5px 0;font-family:Permanent Marker,cursive;font-size:38px;line-height:1}.stat-trend{z-index:2;font-size:13px;font-weight:700}.burst-icon{color:#000;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);z-index:1;background:#fff;border:2px solid #000;justify-content:center;align-items:center;width:70px;height:70px;font-size:30px;display:flex;position:absolute;top:10px;right:-10px;transform:rotate(15deg)}.grid-row-1{grid-template-columns:2fr 1fr;gap:25px;margin-bottom:25px;display:grid}.grid-row-2{grid-template-columns:1fr 1fr 1fr;gap:25px;display:grid}.panel-title{text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;font-family:Permanent Marker,cursive;font-size:20px;display:flex}.video-list{flex-direction:column;gap:15px;display:flex}.video-item{align-items:center;gap:12px;display:flex}.video-thumb{background:#000;border:2px solid #000;border-radius:4px;flex-shrink:0;width:80px;height:50px;position:relative;overflow:hidden}.video-thumb img{object-fit:cover;width:100%;height:100%}.video-ep-tag{color:#fff;background:#000;padding:2px 4px;font-family:Permanent Marker,cursive;font-size:9px;position:absolute;bottom:0;left:0}.video-info{flex:1;min-width:0}.video-title{white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:14px;font-weight:700;overflow:hidden}.video-meta{color:#555;font-size:11px}.status-tag{color:#fff;background:#10b981;border:2px solid #000;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block;box-shadow:2px 2px #000}.ad-table-wrap{border:var(--border-thick);box-shadow:var(--shadow-solid);background:#fff;border-radius:8px;margin-bottom:30px;overflow-x:auto}.ad-table{border-collapse:collapse;text-align:left;width:100%;min-width:600px}.ad-table thead th{text-transform:uppercase;background:#f1f5f9;border-bottom:2px solid #000;padding:14px 16px;font-family:Permanent Marker,cursive;font-size:13px}.ad-table td{vertical-align:middle;border-bottom:1px solid #ccc;padding:14px 16px;font-size:14px}.btn-comic-action,.btn-comic-success,.btn-comic-danger,.comic-btn-small{cursor:pointer;border:2px solid #000;border-radius:4px;margin-bottom:5px;margin-right:5px;padding:6px 12px;font-family:Roboto Condensed;font-weight:700;transition:transform .1s;display:inline-block;box-shadow:2px 2px #000}.btn-comic-action,.comic-btn-small{background:var(--comic-yellow);color:#000}.btn-comic-success{background:var(--comic-green);color:#fff}.btn-comic-danger{background:var(--comic-red);color:#fff}.btn-comic-action:active,.btn-comic-success:active,.btn-comic-danger:active,.comic-btn-small:active{transform:translateY(2px);box-shadow:0 0 #000}.comic-input,.filter-select{background:#fff;border:2px solid #000;border-radius:6px;width:100%;padding:10px 15px;font-family:Roboto Condensed,sans-serif;font-size:16px}.comic-input{margin-bottom:15px}.comic-textarea{resize:vertical;background:#fff;border:2px solid #000;border-radius:6px;width:100%;min-height:95px;margin-bottom:15px;padding:10px 15px;font-family:Roboto Condensed,sans-serif;font-size:16px}.comic-label{text-transform:uppercase;margin-bottom:5px;font-size:14px;font-weight:700;display:block}.toolbar{grid-template-columns:minmax(220px,1fr) 220px;align-items:center;gap:12px;margin-bottom:15px;display:grid}.search-box{position:relative}.search-box svg{font-size:18px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-box input{margin-bottom:0;padding-left:40px}.empty-state,.loading-state{text-align:center;color:#666;padding:30px;font-family:Permanent Marker,cursive}.category-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;display:grid}.category-card{border:var(--border-thick);box-shadow:var(--shadow-solid);background:#fff;border-radius:8px;padding:18px}.category-name{text-transform:uppercase;margin-bottom:8px;font-family:Permanent Marker,cursive;font-size:18px}.category-count{color:var(--comic-blue);font-family:Permanent Marker,cursive;font-size:28px}.mock-donut{background:conic-gradient(var(--comic-red) 0 40%, var(--comic-blue) 40% 70%, var(--comic-yellow) 70% 100%);border:3px solid #000;border-radius:50%;justify-content:center;align-items:center;width:150px;height:150px;margin:0 auto 15px;display:flex}.mock-donut-inner{background:#fff;border:3px solid #000;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:82px;height:82px;font-family:Permanent Marker,cursive;display:flex}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.comic-modal{border:var(--border-thick);background:#fff;border-radius:12px;width:90%;max-width:500px;padding:25px;animation:.3s cubic-bezier(.175,.885,.32,1.275) popIn;position:relative;box-shadow:8px 8px #000}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.close-modal-btn{background:var(--comic-red);color:#fff;cursor:pointer;z-index:10;border:2px solid #000;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-family:Permanent Marker,cursive;font-size:18px;display:flex;position:absolute;top:-15px;right:-15px;box-shadow:2px 2px #000}.modal-img{object-fit:cover;background:#333;border:2px solid #000;border-radius:8px;width:100%;height:200px;margin-bottom:15px;box-shadow:4px 4px #000}.modal-details p{margin-bottom:8px;font-size:15px;line-height:1.4}.mobile-toggle{cursor:pointer;color:#000;background:0 0;border:none;font-size:32px;display:none}.close-sidebar-btn{background:var(--comic-red);color:#fff;cursor:pointer;z-index:100;border:2px solid #000;border-radius:6px;padding:4px 10px;font-family:Permanent Marker,cursive;font-size:16px;display:none;position:absolute;top:10px;right:10px;box-shadow:2px 2px #000}.sidebar-overlay{z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;display:none;position:fixed;inset:0}@media (width<=1200px){.stats-row{grid-template-columns:repeat(3,1fr)}}@media (width<=1024px){.grid-row-1{grid-template-columns:1fr}.grid-row-2{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.mobile-toggle,.close-sidebar-btn{display:block}.comic-sidebar{transition:left .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:-300px;box-shadow:4px 0 15px #000c}.comic-sidebar.open{left:0}.sidebar-overlay.show{display:block}.header-title svg{display:none}.comic-header{padding:0 15px}.header-library-btn{display:block}.profile-info{display:none}.dash-scroll{padding:15px}.stats-row{grid-template-columns:repeat(2,1fr);gap:15px}.grid-row-2{grid-template-columns:1fr;gap:15px}.grid-row-1{gap:15px}.toolbar{grid-template-columns:1fr}}@media (width<=480px){.stats-row{grid-template-columns:1fr}.header-title{font-size:20px}.burst-icon{width:50px;height:50px;font-size:20px;top:20px;right:0}}.msg-tab-layout{gap:20px;height:calc(100vh - 130px);min-height:0;display:flex}.msg-thread-list{border:var(--border-thick);width:300px;box-shadow:var(--shadow-solid);background:#fff;border-radius:8px;flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.msg-thread-header{color:#fff;background:#000;border-bottom:2px solid #000;padding:16px}.msg-thread-header-title{text-transform:uppercase;font-family:Permanent Marker,cursive;font-size:18px}.msg-thread-header-sub{color:#aaa;margin-top:2px;font-size:12px;font-weight:700}.msg-thread-items{flex:1;overflow-y:auto}.msg-thread-item{cursor:pointer;border-bottom:1px solid #eee;align-items:center;gap:10px;padding:12px 14px;transition:background .15s;display:flex}.msg-thread-item.active{color:#fff;background:#000}.msg-thread-avatar{background:#e5e7eb;border:2px solid #000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;overflow:hidden}.msg-thread-item.active .msg-thread-avatar{background:#333;border-color:#fff}.msg-thread-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.msg-thread-preview{opacity:.75;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.msg-unread-badge{color:#fff;background:#000;border:2px solid #000;border-radius:12px;flex-shrink:0;padding:2px 8px;font-family:Permanent Marker,cursive;font-size:11px;box-shadow:2px 2px #000}.msg-chat-panel{border:var(--border-thick);box-shadow:var(--shadow-solid);background:#fff;border-radius:8px;flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.msg-chat-empty{color:#999;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.msg-chat-header{color:#fff;background:#000;border-bottom:2px solid #000;flex-shrink:0;align-items:center;gap:12px;padding:14px 18px;display:flex}.msg-chat-thread{background:#f8fafc;flex-direction:column;flex:1;gap:10px;padding:18px;display:flex;overflow-y:auto}.msg-bubble-admin{color:#fff;word-break:break-word;background:#000;border:2px solid #000;border-radius:12px 12px 4px;max-width:65%;padding:9px 13px;font-size:14px;line-height:1.45;box-shadow:2px 2px #000}.msg-bubble-user{color:#000;word-break:break-word;background:#fff;border:2px solid #000;border-radius:12px 12px 12px 4px;max-width:65%;padding:9px 13px;font-size:14px;line-height:1.45;box-shadow:2px 2px #000}.msg-chat-input-area{background:#fff;border-top:2px solid #000;flex-shrink:0;align-items:flex-end;gap:10px;padding:12px 16px;display:flex}.admin-msg-send-btn{color:#fff;cursor:pointer;background:#000;border:2px solid #000;border-radius:4px;flex-shrink:0;align-items:center;gap:6px;height:60px;padding:10px 18px;font-family:Roboto Condensed,sans-serif;font-size:14px;font-weight:700;transition:transform .1s,box-shadow .1s;display:flex;box-shadow:2px 2px #000}.admin-msg-send-btn:hover{background:#222}.admin-msg-send-btn:active{transform:translateY(2px);box-shadow:0 0 #000}.admin-msg-send-btn:disabled{box-shadow:none;cursor:not-allowed;color:#666;background:#ccc;border-color:#999}.msg-chat-hint{text-align:center;color:#999;background:#fff;border-top:1px solid #eee;padding:4px 0 8px;font-size:11px}@media (width<=768px){.msg-thread-list{width:100%}.msg-tab-layout{flex-direction:column;height:auto}}.rank-badge{color:#000;background:#ccc;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-family:Permanent Marker,cursive;font-size:18px;display:flex}.video-thumb-sm{width:60px;height:40px}.video-title-sm{font-size:13px}.audience-growth-row{justify-content:space-between;align-items:flex-end;display:flex}.audience-growth-mascot{filter:drop-shadow(2px 2px #000);width:80px}.audience-growth-total{text-align:right}.audience-growth-label{font-size:12px;font-weight:700}.audience-growth-value{font-family:Permanent Marker,cursive;font-size:32px;line-height:1}.audience-growth-chart{height:120px;margin-top:10px}.traffic-legend{flex-direction:column;gap:8px;padding:0 20px;display:flex}.traffic-legend-row{justify-content:space-between;font-size:13px;display:flex}.dot-red{color:var(--comic-red)}.dot-blue{color:var(--comic-blue)}.dot-yellow{color:var(--comic-yellow)}.views-chart-container{height:250px;margin-top:20px}.panel-title-tight{margin-bottom:5px}.table-sub-text{color:#666;font-size:11px}.table-sub-text-md{color:#666;font-size:12px}.tag-admin{background:#000}.tag-authorized{background:var(--comic-blue)}.tag-normal{color:#000;background:#ccc}.btn-revoke{background:#f97316}.panel-title-top{margin-top:10px}.panel-title-top-lg{margin-top:40px}.tag-quiz-count{background:var(--comic-blue)}.tag-retake-pending{background:var(--comic-red);margin-left:10px}.retake-user-id{color:#666;font-size:11px}.retake-date{font-size:12px}.tag-pass{background:var(--comic-green)}.tag-fail{background:var(--comic-red)}.results-count-label{color:#666;font-family:Roboto Condensed,sans-serif;font-size:14px;font-weight:400}.btn-grant-sm{padding:4px 10px;font-size:12px}.no-retake-text{color:#aaa;font-size:11px}.msg-chat-header-name{font-family:Permanent Marker,cursive;font-size:16px}.msg-chat-header-count{color:#aaa;font-size:11px}.msg-thread-content{flex:1;min-width:0}.msg-chat-empty-title{color:#ccc;font-family:Permanent Marker,cursive;font-size:18px}.msg-chat-empty-sub{color:#aaa;font-size:13px}.msg-reply-textarea{min-height:unset;resize:none;flex:1;height:60px;margin-bottom:0;font-size:14px}.settings-card{max-width:600px;margin:0 auto}.settings-email-input{color:#666;background:#f1f5f9}.settings-save-btn{width:100%;margin-top:10px;padding:12px;font-size:16px}.settings-label-mt{margin-top:10px}.toast-notification{color:#fff;z-index:9999;text-align:center;border:3px solid #000;border-radius:8px;align-items:center;gap:10px;max-width:90vw;padding:14px 24px;font-family:Permanent Marker,cursive;font-size:15px;animation:.3s cubic-bezier(.175,.885,.32,1.275) popIn;display:flex;position:fixed;bottom:30px;left:50%;transform:translate(-50%);box-shadow:4px 4px #000}.toast-success{background:var(--comic-green)}.toast-error{background:var(--comic-red)}.toast-info{background:#f97316}.logout-modal{border-color:var(--comic-red);text-align:center;max-width:420px}.logout-modal-title{color:var(--comic-red);margin-bottom:12px;font-family:Permanent Marker,cursive;font-size:24px}.logout-modal-body{color:#444;margin-bottom:24px;font-size:15px;line-height:1.6}.logout-modal-actions{justify-content:center;gap:12px;display:flex}.btn-logout-cancel,.btn-logout-confirm{padding:10px 24px;font-size:15px}.toolbar-single{grid-template-columns:1fr}.idle-modal{text-align:center;border-color:var(--comic-red);max-width:400px}.idle-icon{margin-bottom:6px;font-size:40px;line-height:1}.idle-title{color:var(--comic-red);margin-bottom:10px;font-family:Permanent Marker,cursive;font-size:21px}.idle-body{color:#444;margin-bottom:14px;font-size:15px;line-height:1.5}.idle-count{color:var(--comic-red);margin-bottom:18px;font-family:Permanent Marker,cursive;font-size:46px;line-height:1}.idle-stay{width:100%;padding:12px;font-size:14px}.reauth-modal{text-align:center;max-width:420px}.reauth-icon{margin-bottom:6px;font-size:36px;line-height:1}.reauth-title{color:var(--ad-crimson,#8b1a1a);margin-bottom:10px;font-family:Permanent Marker,cursive;font-size:20px}.reauth-body{color:#555;text-align:left;margin-bottom:16px;font-size:14px;line-height:1.5}.reauth-google-note{color:#555;margin-bottom:8px;font-size:14px}.reauth-error{border:2px solid var(--comic-red);color:#991b1b;text-align:left;background:#fee2e2;border-radius:6px;margin:10px 0;padding:8px 10px;font-size:13px;font-weight:700}.reauth-actions{gap:12px;margin-top:16px;display:flex}.reauth-actions button{flex:1;margin:0;padding:10px}.toolbar-results{grid-template-columns:minmax(200px,1fr) 190px 210px}@media (width<=900px){.toolbar-results{grid-template-columns:1fr}}.thumb-fallback{background:#333;width:100%;height:100%}.msg-chat-header-avatar{background:#333;border:2px solid #fff}.msg-row{align-items:flex-end;gap:8px;display:flex}.msg-row-admin{justify-content:flex-end}.msg-row-user{justify-content:flex-start}.msg-avatar-sm{flex-shrink:0;width:28px;height:28px}.msg-avatar-admin{background:#000;border:2px solid #000}.msg-bubble-col{flex-direction:column;display:flex}.msg-bubble-col-admin{align-items:flex-end}.msg-bubble-col-user{align-items:flex-start}.msg-sender-name{color:#555;margin-bottom:2px;font-size:10px;font-weight:700}.msg-timestamp{color:#999;margin-top:3px;font-size:10px}.stat-trend-green{color:#16a34a}.burst-icon-blue{color:var(--comic-blue)}.burst-icon-red{color:var(--comic-red)}.donut-label{color:#666;font-size:10px}.avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.aq-modal{text-align:left;width:94%;max-width:620px;max-height:88vh;overflow-y:auto}.aq-sub{color:#444;margin:-6px 0 16px;font-size:14px}.aq-section-head{text-transform:uppercase;background:var(--comic-yellow);color:#000;border:2px solid #000;border-radius:6px;justify-content:space-between;align-items:center;margin:18px 0 12px;padding:8px 12px;font-family:Permanent Marker,cursive;font-size:16px;display:flex;box-shadow:2px 2px #000}.aq-section-head-open{background:#dca740}.aq-count{color:#fff;background:#000;border-radius:12px;padding:1px 10px;font-family:Roboto Condensed,sans-serif;font-size:13px;font-weight:700}.aq-import-row{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.aq-import-btn{cursor:pointer;margin:0}.aq-hint{color:#666;margin-bottom:10px;font-size:11px;line-height:1.5}.aq-hint code{background:#f1f5f9;border:1px solid #ddd;border-radius:3px;padding:1px 5px;font-size:10px}.aq-error{border:2px solid var(--comic-red);color:#991b1b;background:#fee2e2;border-radius:6px;margin-bottom:10px;padding:8px 10px;font-size:13px;font-weight:700}.aq-empty{text-align:center;color:#888;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:6px;margin-bottom:10px;padding:14px;font-size:14px}.aq-q-card{border:2px solid #000;border-left:6px solid var(--comic-blue);background:#fff;border-radius:6px;margin-bottom:12px;padding:12px;box-shadow:2px 2px #00000026}.aq-q-card-open{border-left-color:#dca740}.aq-q-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.aq-q-num{font-family:Permanent Marker,cursive;font-size:14px}.aq-q-tools{align-items:center;gap:8px;display:flex}.aq-sel{width:auto;margin:0;padding:5px 8px;font-size:12px}.aq-del{margin:0;padding:4px 10px}.aq-q-text{min-height:54px;margin-bottom:10px}.aq-choice-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.aq-choice-mark{cursor:pointer;background:#fff;border:2px solid #000;border-radius:6px;flex-shrink:0;width:34px;height:34px;font-family:Roboto Condensed,sans-serif;font-weight:700;transition:transform .1s;box-shadow:2px 2px #000}.aq-choice-mark:active{box-shadow:none;transform:translate(2px,2px)}.aq-choice-mark.is-correct{background:var(--comic-green);color:#fff}.aq-choice-input{flex:1;margin:0}.aq-add{width:100%;margin:2px 0 6px}.aq-footer{background:#fff;border-top:2px solid #000;justify-content:flex-end;gap:12px;margin-top:20px;padding-top:16px;padding-bottom:6px;display:flex;position:sticky;bottom:-25px}.stats-row .comic-card,.category-card{will-change:transform;transition:transform .14s,box-shadow .14s}.stats-row .comic-card:hover,.category-card:hover{transform:translate(-2px,-3px);box-shadow:7px 8px #000}.mock-donut{transition:transform .2s;box-shadow:4px 4px #000}.mock-donut:hover{transform:rotate(-3deg)scale(1.03)}.ad-table tbody tr{transition:background .12s}.btn-comic-action:hover,.btn-comic-success:hover,.btn-comic-danger:hover,.comic-btn-small:hover{transform:translate(-1px,-1px);box-shadow:3px 3px #000}.panel-title-top,.panel-title-top-lg{border-bottom:3px solid #000;padding-bottom:6px}.btn-comic-action:focus-visible,.btn-comic-success:focus-visible,.btn-comic-danger:focus-visible,.comic-btn-small:focus-visible,.nav-item:focus-visible,.comic-input:focus-visible,.filter-select:focus-visible,.comic-textarea:focus-visible,.admin-msg-send-btn:focus-visible{outline:3px solid var(--comic-blue);outline-offset:2px}.comic-input:focus,.filter-select:focus,.comic-textarea:focus{border-color:var(--comic-blue)}@keyframes toastSlideUp{0%{opacity:0;transform:translate(-50%,40px)}to{opacity:1;transform:translate(-50%)}}.toast-notification{animation:.32s cubic-bezier(.175,.885,.32,1.275) toastSlideUp}@keyframes retakePulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.tag-retake-pending{animation:1.6s ease-in-out infinite retakePulse}@keyframes notifPop{0%{opacity:0;transform:scale(.82)translateY(-8px)}60%{opacity:1;transform:scale(1.03)translateY(0)}to{opacity:1;transform:scale(1)translateY(0)}}.notif-dropdown{transform-origin:100% 0;animation:.24s cubic-bezier(.34,1.56,.64,1) notifPop}.notif-btn.is-open{transform:rotate(-12deg)scale(1.12)}.notif-btn.is-open+.notif-dropdown,.notif-wrapper .notif-btn.is-open{color:var(--comic-red)}@media (prefers-reduced-motion:reduce){.notif-dropdown{animation:none}.stats-row .comic-card,.category-card,.mock-donut,.ad-table tbody tr,.btn-comic-action,.btn-comic-success,.btn-comic-danger,.comic-btn-small,.toast-notification,.tag-retake-pending{transition:none;animation:none}.stats-row .comic-card:hover,.category-card:hover,.mock-donut:hover{transform:none}}:root{--comic-bg:#f3ece1;--comic-dark:#17110a;--ad-surface:#fffdf9;--ad-ink:#1a0d03;--ad-muted:#6b5b47;--ad-line:#1a0d0324;--ad-crimson:#8b1a1a;--ad-crimson-br:#c0392b;--ad-gold:#dca740;--ad-gold-light:#f0c030;--comic-blue:#1f4e79;--comic-red:#c0392b;--comic-green:#157f5f;--comic-yellow:#f0c030;--ad-radius:10px;--ad-shadow:3px 3px 0 #1a0d03d9;--ad-shadow-lg:5px 6px 0 #1a0d03d9}body{color:var(--ad-ink)}.main-area{background-color:var(--comic-bg);background-image:radial-gradient(#1a0d031a 1.4px,#0000 1.4px);background-size:18px 18px}.dash-scroll{padding:26px 30px 40px}.comic-sidebar{background:linear-gradient(#1d1610 0%,#12100b 100%);border-right-width:3px}.sidebar-logo-area{background:linear-gradient(#0d0b07 0%,#14100a 100%);padding:18px 16px 16px}.sidebar-badge{letter-spacing:2px;text-transform:uppercase;background:linear-gradient(180deg, var(--ad-gold-light), var(--ad-gold));padding:4px 14px;font-family:Oswald,sans-serif;font-size:11px;font-weight:700;box-shadow:2px 2px #000}.sidebar-nav{gap:4px;padding:16px 10px}.nav-item{letter-spacing:1.2px;text-transform:uppercase;color:#f5edd8b8;border-radius:8px;gap:13px;padding:11px 14px;font-family:Oswald,sans-serif;font-size:14px;font-weight:500;transition:background .18s,color .18s,transform .12s}.nav-item:hover{color:#fff;background:#f0c0301a;transform:translate(2px)}.nav-item.active{color:#fff;box-shadow:inset 3px 0 0 var(--ad-gold-light), 0 2px 8px #00000073;background:linear-gradient(90deg,#c0392bf2,#8b1a1ad9);font-weight:700}.nav-item.active:after{display:none}.nav-item.logout-btn{color:#e8938a;border-top:1px solid #f5edd81f;margin-top:10px;padding-top:14px}.nav-badge{background:var(--ad-crimson-br);letter-spacing:.5px;padding:2px 7px;font-family:Oswald,sans-serif;font-size:10px;font-weight:700}.mascot-bubble{padding:9px;font-size:12px}.comic-header{background:var(--ad-surface);border-bottom-width:3px;box-shadow:0 3px #1a0d031a}.header-title{letter-spacing:.5px;color:var(--ad-ink);font-size:24px}.header-library-btn{background:linear-gradient(180deg, var(--ad-gold-light), var(--ad-gold));letter-spacing:1.5px;box-shadow:2px 2px 0 var(--ad-ink);border-radius:8px;padding:8px 16px;font-family:Oswald,sans-serif;font-size:12px;font-weight:700}.header-library-btn:hover{filter:brightness(1.06);background:linear-gradient(180deg, var(--ad-gold-light), var(--ad-gold))}.comic-card{border-radius:var(--ad-radius);box-shadow:var(--ad-shadow);background:var(--ad-surface);border-width:2.5px}.stats-row{gap:16px}.stats-row .comic-card{padding:18px 18px 16px}.stat-title{letter-spacing:2px;opacity:.9;font-family:Oswald,sans-serif;font-size:11px;font-weight:600}.stat-value{letter-spacing:.5px;margin:8px 0 4px;font-size:34px}.stat-trend{letter-spacing:.8px;opacity:.9;font-family:Oswald,sans-serif;font-size:11px;font-weight:400}.card-blue{background:linear-gradient(150deg,#24597f 0%,#17405e 100%)}.card-red{background:linear-gradient(150deg,#c0392b 0%,#8b1a1a 100%)}.card-yellow{background:linear-gradient(150deg,#f5ce58 0%,#dca740 100%)}.burst-icon{opacity:.95;width:62px;height:62px;top:12px}.panel-title{letter-spacing:.6px;color:var(--ad-ink);border-bottom:2px solid var(--ad-line);margin-bottom:14px;padding-bottom:10px;font-size:17px}.panel-title-top,.panel-title-top-lg{border-bottom:3px solid var(--ad-ink)}.comic-btn-small{background:var(--ad-surface);color:var(--ad-ink);letter-spacing:1.2px;text-transform:uppercase;box-shadow:2px 2px 0 var(--ad-ink);border-radius:6px;padding:5px 12px;font-family:Oswald,sans-serif;font-size:11px;font-weight:600}.ad-table-wrap{border-radius:var(--ad-radius);box-shadow:var(--ad-shadow-lg);background:var(--ad-surface);border-width:2.5px}.ad-table thead th{color:var(--ad-gold-light);letter-spacing:2px;border-bottom:2.5px solid var(--ad-ink);z-index:2;background:linear-gradient(#241a10,#17110a);padding:13px 16px;font-family:Oswald,sans-serif;font-size:11px;font-weight:600;position:sticky;top:0}.ad-table td{border-bottom:1px solid var(--ad-line);padding:13px 16px;font-size:14px}.ad-table tbody tr:nth-child(2n){background:#1a0d0307}.ad-table tbody tr:hover{background:#f0c03029}.ad-table tbody tr:last-child td{border-bottom:none}.table-sub-text,.table-sub-text-md{color:var(--ad-muted);font-size:12px}.btn-comic-action,.btn-comic-success,.btn-comic-danger,.comic-btn-small{letter-spacing:1px;text-transform:uppercase;box-shadow:2px 2px 0 var(--ad-ink);border-width:2px;border-radius:6px;padding:7px 13px;font-family:Oswald,sans-serif;font-size:12px;font-weight:600}.btn-comic-action{background:linear-gradient(180deg, var(--ad-gold-light), var(--ad-gold))}.btn-comic-success{background:linear-gradient(180deg, #1a9c74, var(--comic-green))}.btn-comic-danger{background:linear-gradient(180deg, #d4483a, var(--comic-red))}.comic-input,.filter-select,.comic-textarea{background:var(--ad-surface);border-width:2px;border-color:#1a0d0359;border-radius:8px;padding:10px 13px;font-size:14px}.comic-input:focus,.filter-select:focus,.comic-textarea:focus{border-color:var(--ad-crimson-br);box-shadow:0 0 0 3px #c0392b24}.comic-label{letter-spacing:1.4px;color:var(--ad-muted);font-family:Oswald,sans-serif;font-size:12px;font-weight:600}.toolbar{gap:14px;margin-bottom:18px}.status-tag{letter-spacing:1.2px;box-shadow:1.5px 1.5px 0 var(--ad-ink);border-width:2px;border-radius:5px;padding:3px 9px;font-family:Oswald,sans-serif;font-size:10px;font-weight:600}.category-card{border-radius:var(--ad-radius);box-shadow:var(--ad-shadow);background:var(--ad-surface);border-width:2.5px}.category-count{color:var(--ad-crimson)}.empty-state,.loading-state{color:var(--ad-muted);padding:38px 20px;font-size:15px}.comic-modal{background:var(--ad-surface);border-width:3px;border-radius:14px;box-shadow:7px 8px #00000080}.notif-dropdown{border-radius:var(--ad-radius);box-shadow:var(--ad-shadow-lg);background:var(--ad-surface);border-width:2.5px}.notif-header{background:linear-gradient(180deg, var(--ad-gold-light), var(--ad-gold));letter-spacing:1px;padding:11px 14px;font-size:14px}.notif-item-title{font-size:13px}.notif-item-desc{color:var(--ad-muted)}.notif-btn{color:var(--ad-ink)}@media (width<=768px){.notif-dropdown{z-index:3000;width:auto;max-height:72vh;position:fixed;top:78px;left:12px;right:12px}.notif-list{max-height:58vh}}@media (width<=1200px){.stats-row{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.dash-scroll{padding:16px 14px 32px}.comic-header{height:64px;padding:0 14px}.header-title{letter-spacing:0;font-size:18px}.stats-row{gap:12px}.stats-row .comic-card{padding:14px}.stat-value{font-size:26px}.burst-icon{width:46px;height:46px;top:10px}.ad-table td,.ad-table thead th{padding:11px 12px}.panel-title{font-size:15px}.header-library-btn{padding:6px 11px;font-size:11px}}@media (width<=480px){.stats-row{grid-template-columns:1fr 1fr}.comic-sidebar{width:82vw;max-width:300px}}.msg-thread-list,.msg-chat-panel{border-radius:var(--ad-radius);box-shadow:var(--ad-shadow-lg);background:var(--ad-surface);border-width:2.5px}.msg-thread-header{border-bottom:2.5px solid var(--ad-ink);background:linear-gradient(#241a10,#17110a)}.msg-thread-header-title{color:var(--ad-gold-light);letter-spacing:.5px;font-size:16px}.msg-thread-header-sub{color:#f5edd899;letter-spacing:1px;font-family:Oswald,sans-serif}.msg-thread-item{border-bottom:1px solid var(--ad-line);transition:background .15s}.msg-thread-item:hover{background:#f0c03024}.msg-thread-item.active{box-shadow:inset 3px 0 0 var(--ad-crimson-br);background:#c0392b1f}.msg-thread-item.unread{background:#f0c03033}.msg-thread-name{letter-spacing:.5px;font-family:Oswald,sans-serif;font-weight:600}.msg-thread-preview{color:var(--ad-muted)}.msg-bubble-admin{color:#fff;border:2px solid var(--ad-ink);background:linear-gradient(150deg,#c0392b,#8b1a1a);border-radius:12px 12px 2px;padding:9px 12px;box-shadow:2px 2px #1a0d0359}.msg-bubble-user{background:var(--ad-surface);color:var(--ad-ink);border:2px solid var(--ad-ink);border-radius:12px 12px 12px 2px;padding:9px 12px;box-shadow:2px 2px #1a0d0333}.admin-msg-send-btn{background:linear-gradient(180deg, var(--ad-gold-light), var(--ad-gold));color:var(--ad-ink);border:2px solid var(--ad-ink);letter-spacing:1px;text-transform:uppercase;box-shadow:2px 2px 0 var(--ad-ink);cursor:pointer;border-radius:8px;align-items:center;gap:7px;padding:9px 16px;font-family:Oswald,sans-serif;font-size:12px;font-weight:700;display:inline-flex}.admin-msg-send-btn:disabled{opacity:.5;cursor:not-allowed}@media (width<=768px){.msg-tab-layout{gap:14px;height:auto}.msg-thread-items{max-height:40vh}.msg-chat-thread{min-height:45vh}}