@keyframes brain-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.96)}}@keyframes skel{0%{background-position:200% 0}to{background-position:-200% 0}}.theme-toggle{background:var(--surface-overlay);border:1px solid var(--border);border-radius:10px;gap:2px;padding:4px;display:inline-flex}.theme-toggle button{width:28px;height:28px;color:var(--text-muted);cursor:pointer;transition:all var(--dur) ease;background:0 0;border:0;border-radius:7px;place-items:center;display:inline-grid}.theme-toggle button[aria-pressed=true]{background:var(--surface-raised);color:var(--text);box-shadow:var(--shadow-sm)}.w-stat-tile{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--r-md);min-height:124px;box-shadow:var(--shadow-card);transition:transform var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out);flex-direction:column;gap:12px;padding:20px;display:flex}.w-stat-tile:hover{box-shadow:var(--shadow-card-hover,var(--shadow-card));transform:translateY(-1px)}.w-stat-tile--sm{gap:10px;min-height:108px;padding:18px}.w-subject-card{border-radius:var(--r-lg);background:var(--surface-raised);border:1px solid var(--border);transition:transform .2s var(--ease-out), border-color .2s ease;color:var(--text);display:block;overflow:hidden}.w-subject-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.w-topic-chip{background:var(--surface-raised);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:8px 12px 8px 14px;font-size:13px;font-weight:600;transition:all .16s;display:inline-flex}.w-topic-chip:hover{border-color:var(--border-strong);background:var(--surface-overlay)}.w-activity-row{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:12px 4px;display:flex}.w-activity-row:last-child{border-bottom:0}.w-quick-action{border-radius:var(--r-md);background:var(--surface-raised);border:1px solid var(--border);color:var(--text);align-items:center;gap:14px;padding:14px 16px;text-decoration:none;transition:all .16s;display:flex}.w-quick-action:hover{background:var(--surface-overlay);border-color:var(--border-strong);transform:translateY(-1px)}.w-class-card{background:var(--surface-raised);border:1px solid var(--border);transition:background var(--dur) ease, border-color var(--dur) ease, transform var(--dur) ease;color:var(--text);border-radius:14px;align-items:center;gap:14px;padding:14px 16px;text-decoration:none;display:flex}.w-class-card:hover{background:var(--surface-overlay);border-color:var(--border-strong);transform:translateY(-1px)}.w-cc-glyph{width:44px;height:44px;font-family:var(--display);border-radius:12px;flex-shrink:0;place-items:center;font-size:22px;font-weight:700;display:grid}.w-cc-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.w-cc-code{font-family:var(--display);color:var(--text);letter-spacing:.02em;font-size:15px;font-weight:700}.w-cc-name{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.w-cc-meta{color:var(--text-muted);align-items:center;gap:6px;margin-top:4px;font-size:11.5px;display:flex}.w-cc-meta-item{align-items:center;gap:5px;font-weight:600;display:inline-flex}.w-cc-dot{color:var(--border-strong)}.w-alerts-nav{flex-direction:column;gap:4px;display:flex}.w-an-head{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:6px 10px;font-size:11px;font-weight:700;display:flex}.w-an-chev{transition:transform var(--dur) ease;display:inline-flex}.w-an-chev.is-open{transform:rotate(90deg)}.w-an-list{flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.w-an-link{color:var(--text-muted);transition:background var(--dur) ease, color var(--dur) ease;border-radius:8px;align-items:center;gap:10px;padding:7px 10px;font-size:12.5px;font-weight:600;text-decoration:none;display:flex}.w-an-link:hover{background:var(--surface-overlay);color:var(--text)}.w-an-dot{border-radius:999px;flex-shrink:0;width:6px;height:6px}.w-an-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.w-an-count{text-align:center;border-radius:999px;min-width:18px;padding:1px 7px;font-size:10px;font-weight:700}.w-nudge{background:var(--surface-overlay);border:1px solid var(--border);transition:background var(--dur) ease, border-color var(--dur) ease;border-radius:12px;grid-template-columns:28px 1fr;gap:10px;padding:12px;text-decoration:none;display:grid}.w-nudge:hover{background:var(--surface-sunken);border-color:var(--border-strong)}.w-n-icon{border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.w-n-body{flex-direction:column;gap:4px;min-width:0;display:flex}.w-n-title{color:var(--text);font-size:12.5px;font-weight:700;line-height:1.3}.w-n-text{color:var(--text-muted);font-size:11.5px;line-height:1.45}.w-n-cta{margin-top:2px;font-size:11.5px;font-weight:700}.w-pick{background:var(--surface-raised);border:1px solid var(--border);box-shadow:var(--shadow-card);transition:background var(--dur) ease, border-color var(--dur) ease, transform var(--dur) ease, box-shadow var(--dur) ease;color:var(--text);will-change:transform;border-radius:14px;align-items:center;gap:16px;padding:18px 18px 18px 20px;text-decoration:none;display:flex}.w-pick:hover{background:var(--surface-raised);border-color:var(--border-strong);box-shadow:var(--shadow-card-hover,0 6px 18px -8px #00000073);transform:translateY(-2px)}.w-pick--accented:hover{border-color:color-mix(in oklab, var(--w-pick-accent,var(--purple)) 55%, var(--border-strong));box-shadow:0 1px 2px #0f172a0f, 0 12px 28px -10px color-mix(in oklab, var(--w-pick-accent,var(--purple)) 35%, #0f172a2e)}.w-p-eyebrow-pill{letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;border:1px solid #0000;border-radius:999px;max-width:100%;margin-bottom:6px;padding:3px 9px;font-size:10px;font-weight:700;display:inline-block;overflow:hidden}.w-p-date{text-align:center;background:color-mix(in oklab, var(--w-p-date-color,var(--cyan)) 14%, transparent);border:1px solid color-mix(in oklab, var(--w-p-date-color,var(--cyan)) 28%, transparent);border-radius:10px;flex-shrink:0;width:52px;padding:6px 4px 7px}.w-p-date-label{letter-spacing:.08em;text-transform:uppercase;color:color-mix(in oklab, var(--w-p-date-color,var(--cyan)) 75%, var(--text-muted));margin-bottom:2px;font-size:8.5px;font-weight:700}.w-p-date-day{font-family:var(--display);color:var(--w-p-date-color,var(--cyan));font-size:22px;font-weight:700;line-height:1}.w-p-date-mon{letter-spacing:.08em;text-transform:uppercase;color:var(--w-p-date-color,var(--cyan));margin-top:3px;font-size:10px;font-weight:700}.w-p-body{flex:1;min-width:0}.w-p-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px;font-size:10.5px;font-weight:700}.w-p-title{font-family:var(--display);color:var(--text);letter-spacing:-.01em;font-size:19px;font-weight:600}.w-p-text{color:var(--text-muted);margin-top:6px;font-size:13px;line-height:1.5}.w-p-cta{color:#fff;white-space:nowrap;transition:transform var(--dur) ease;border-radius:999px;padding:9px 16px;font-size:12.5px;font-weight:700;display:inline-block}.w-pick:hover .w-p-cta{transform:translate(2px)}.w-cr{background:var(--surface-raised);border:1px solid var(--border);transition:background var(--dur) ease, border-color var(--dur) ease, transform var(--dur) ease;color:var(--text);border-radius:12px;align-items:center;gap:14px;padding:12px 14px;text-decoration:none;display:flex}.w-cr:hover{background:var(--surface-overlay);border-color:var(--border-strong);transform:translate(2px)}.w-cr-glyph{width:40px;height:40px;font-family:var(--display);border-radius:10px;flex-shrink:0;place-items:center;font-size:18px;font-weight:700;display:grid}.w-cr-body{flex:1;min-width:0}.w-cr-title{color:var(--text);font-size:14px;font-weight:700}.w-cr-sub{color:var(--text-muted);margin-top:2px;font-size:12px}.w-cr-arrow{color:var(--text-muted);transition:color var(--dur) ease, transform var(--dur) ease}.w-cr:hover .w-cr-arrow{color:var(--text);transform:translate(2px)}.w-search{background:var(--surface-overlay);border:1px solid var(--border);transition:border-color var(--dur) ease, background var(--dur) ease;cursor:text;border-radius:999px;align-items:center;gap:10px;padding:10px 14px;display:flex}.w-search:focus-within{border-color:var(--purple);background:var(--surface-raised);box-shadow:0 0 0 3px #7c3aed2e}.w-search input{min-width:0;color:var(--text);font-family:var(--body);background:0 0;border:0;outline:none;flex:1;font-size:14px}.w-search input::placeholder{color:var(--text-muted)}.w-search-kbd{font-family:var(--body);background:var(--surface-raised);border:1px solid var(--border);color:var(--text-muted);letter-spacing:.04em;border-radius:6px;padding:3px 7px;font-size:11px;font-weight:700}.w-tabs{background:var(--surface-overlay);border:1px solid var(--border);border-radius:12px;gap:2px;padding:4px;display:inline-flex}.w-tab{font-family:var(--body);color:var(--text-muted);cursor:pointer;transition:all var(--dur) ease;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}.w-tab:hover{color:var(--text)}.w-tab.is-active{background:var(--surface-raised);color:var(--text-strong);box-shadow:var(--shadow-sm)}.w-tab-count{background:var(--surface-overlay);color:var(--text-muted);border-radius:999px;padding:1px 7px;font-size:11px}.w-tab.is-active .w-tab-count{background:var(--purple);color:#fff}.w-icon-btn{color:var(--text-muted);cursor:pointer;transition:all var(--dur) ease;background:0 0;border:1px solid #0000;border-radius:10px;place-items:center;display:inline-grid}.w-icon-btn:focus-visible{outline:2px solid var(--purple);outline-offset:2px}.w-icon-btn-ghost:hover{background:var(--surface-overlay);color:var(--text)}.w-icon-btn-outline{border-color:var(--border);color:var(--text)}.w-icon-btn-outline:hover{border-color:var(--purple);color:var(--purple);background:#7c3aed0f}.w-icon-btn-solid{background:var(--purple);color:#fff;box-shadow:0 4px 12px -4px #7c3aed80}.w-icon-btn-solid:hover{background:var(--purple-hover);transform:translateY(-1px)}.w-data-table-wrap{border:1px solid var(--border);border-radius:12px;overflow:hidden}.w-data-table{border-collapse:collapse;width:100%;font-family:var(--body)}.w-data-table th{text-align:left;background:var(--surface-overlay);border-bottom:1px solid var(--border);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding:10px 14px;font-size:11px;font-weight:800}.w-data-table td{color:var(--text);border-bottom:1px solid var(--border);padding:12px 14px;font-size:13px}.w-data-table tr:last-child td{border-bottom:0}.w-data-table tr:nth-child(2n) td{background:var(--surface-overlay)}.w-modal-preview{background:var(--surface-raised);border:1px solid var(--border);border-radius:16px;width:100%;padding:24px;position:relative;box-shadow:0 24px 60px -16px #00000080}.w-modal-preview-title{font-family:var(--display);color:var(--text-strong);margin-bottom:8px;font-size:18px;font-weight:600}.w-modal-preview-body{color:var(--text-muted);margin-bottom:20px;font-size:13.5px;line-height:1.55}.w-modal-preview-actions{justify-content:flex-end;gap:8px;display:flex}.ds-page-hero{border-radius:var(--r-lg,20px);border:1px solid var(--border);background:var(--surface-raised);margin-bottom:32px;padding:28px 28px 24px;position:relative;overflow:hidden}.ds-hero-glow{background:linear-gradient(135deg,#7c3aed1a 0%,#67e8f90a 60%,#0000 100%)}.ds-hero-glow:after{content:"";pointer-events:none;background:radial-gradient(circle,#7c3aed38 0%,#0000 70%);border-radius:50%;width:260px;height:260px;position:absolute;top:-90px;right:-90px}.ds-hero-glow--cyan{background:linear-gradient(135deg,#67e8f91a 0%,#7c3aed0a 60%,#0000 100%)}.ds-hero-glow--cyan:after{background:radial-gradient(circle,#67e8f938 0%,#0000 70%)}.ds-hero-glow--green:after{background:radial-gradient(circle,#a3e63538 0%,#0000 70%)}.ds-page-hero-eyebrow{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px;font-size:12px;font-weight:600;position:relative}.ds-page-hero-title{font-family:var(--display);color:var(--text-strong);letter-spacing:-.02em;margin-bottom:8px;font-size:clamp(28px,3.2vw,40px);font-weight:500;position:relative}.ds-page-hero-sub{font-family:var(--body);color:var(--text);max-width:60ch;font-size:15px;line-height:1.55;position:relative}.ds-panel{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-card,none);transition:box-shadow var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out);padding:22px;position:relative;overflow:hidden}.ds-panel:hover{border-color:var(--border-strong)}.ds-panel-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.ds-panel-tag{font-family:var(--display);letter-spacing:.18em;text-transform:uppercase;border-radius:999px;padding:3px 9px;font-size:10px;font-weight:600}.ds-panel-tag--purple{color:var(--text-strong);background:color-mix(in oklab, var(--purple) 30%, transparent)}.ds-panel-tag--cyan{color:var(--cyan);background:color-mix(in oklab, var(--cyan) 14%, transparent)}.ds-panel-tag--rose{color:var(--rose);background:color-mix(in oklab, var(--rose) 14%, transparent)}.ds-panel-tag--amber{color:var(--amber);background:color-mix(in oklab, var(--amber) 14%, transparent)}.ds-panel-tag--green{color:var(--green-glow);background:color-mix(in oklab, var(--green-glow) 14%, transparent)}:is(:root:not(.dark):not([data-theme=dark]),[data-theme=light]) .ds-panel-tag--purple{color:var(--purple-deep);background:color-mix(in oklab, var(--purple) 18%, transparent)}:is(:root:not(.dark):not([data-theme=dark]),[data-theme=light]) .ds-panel-tag--cyan{color:#0e7490;background:color-mix(in oklab, var(--cyan) 20%, transparent)}:is(:root:not(.dark):not([data-theme=dark]),[data-theme=light]) .ds-panel-tag--rose{color:#be123c;background:color-mix(in oklab, var(--rose) 20%, transparent)}:is(:root:not(.dark):not([data-theme=dark]),[data-theme=light]) .ds-panel-tag--amber{color:var(--amber);background:color-mix(in oklab, var(--amber) 20%, transparent)}:is(:root:not(.dark):not([data-theme=dark]),[data-theme=light]) .ds-panel-tag--green{color:var(--green);background:color-mix(in oklab, var(--green-glow) 22%, transparent)}.ds-panel-title{font-family:var(--display);color:var(--text-strong);letter-spacing:-.01em;margin:0;font-size:16px;font-weight:500}.ds-panel-sub{font-family:var(--body);color:var(--text);margin:0 0 18px;font-size:13px;line-height:1.5}.ds-panel-trailing{font-family:var(--display);color:var(--accent);font-size:12px;font-weight:600;text-decoration:none}.ds-panel-trailing:hover{color:var(--text-strong)}.ds-section-grid{gap:20px;display:grid}.ds-section-grid--2{grid-template-columns:repeat(2,1fr)}.ds-section-grid--3{grid-template-columns:repeat(3,1fr)}.ds-section-grid--4{grid-template-columns:repeat(4,1fr)}@media (width<=768px){.ds-section-grid--2,.ds-section-grid--3,.ds-section-grid--4{grid-template-columns:1fr}}@media (width>=769px) and (width<=1024px){.ds-section-grid--3,.ds-section-grid--4{grid-template-columns:repeat(2,1fr)}}.ds-body-grid{grid-template-columns:minmax(0,2fr) minmax(280px,1fr);align-items:start;gap:24px;display:grid}@media (width<=1100px){.ds-body-grid{grid-template-columns:1fr}}.ds-count-badge{color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:800;display:inline-flex}.ds-count-badge--purple{background:var(--purple)}.ds-count-badge--rose{background:var(--rose)}.ds-count-badge--amber{background:var(--amber)}.ds-count-badge--cyan{background:var(--cyan)}.ab-shell{grid-template-columns:minmax(0,6fr) minmax(0,2fr) minmax(0,2fr);align-items:start;gap:16px;padding:16px;display:grid}.ab-left{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-raised);flex-direction:column;min-height:70vh;padding:0;display:flex;overflow:hidden}.ab-centre,.ab-right{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-raised);flex-direction:column;gap:12px;max-height:calc(100vh - 88px);padding:18px;display:flex;position:sticky;top:16px;overflow-y:auto}@media (width<=1100px){.ab-shell{grid-template-columns:1fr}.ab-centre,.ab-right{max-height:none;position:static}}.ab-filter-group{flex-wrap:wrap;gap:6px;margin-bottom:4px;display:flex}.ab-filter-label{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);width:100%;margin-bottom:4px;font-size:10px;font-weight:600}.ab-filter-pill{border:1px solid var(--border-strong);color:var(--text-muted);font-family:var(--display);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);background:0 0;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:12px;font-weight:500;display:inline-flex}.ab-filter-pill:hover{border-color:var(--accent);color:var(--text-strong)}.ab-filter-pill[aria-pressed=true]{background:color-mix(in oklab, var(--accent) 18%, transparent);border-color:var(--accent);color:var(--accent)}.ab-filter-pill--easy{--accent:var(--green-glow)}.ab-filter-pill--medium{--accent:var(--amber)}.ab-filter-pill--hard{--accent:var(--rose)}.ab-filter-pill--type{--accent:var(--cyan)}.ab-topbar{border-bottom:1px solid var(--border);background:var(--surface-raised);border-radius:var(--r-md) var(--r-md) 0 0;z-index:20;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:20px 24px;display:flex;position:sticky;top:0}.ab-topbar-eyebrow{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px;font-size:12px;font-weight:600}.ab-topbar-title{font-family:var(--display);letter-spacing:-.01em;color:var(--text-strong);font-size:clamp(22px,2vw,26px);font-weight:600;line-height:1.15}.ab-topbar-meta{color:var(--text-muted);font-size:13px;font-weight:600}.ab-topbar-actions{align-items:center;gap:12px;display:flex}.ab-bank-row{border-bottom:1px solid var(--border);cursor:pointer;transition:background var(--dur-fast) var(--ease-out);gap:14px;padding:14px 18px;display:flex}.ab-bank-row:hover{background:var(--surface-overlay)}.ab-bank-row[data-picked=true]{background:color-mix(in oklab, var(--accent) 8%, transparent)}.ab-bank-row-title{font-family:var(--display);color:var(--text-strong);letter-spacing:-.005em;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.ab-bank-row-meta{color:var(--text-muted);align-items:center;gap:10px;margin-top:4px;font-size:13px;display:flex}.ab-bank-row-meta span+span{border-left:1px solid var(--border-strong);padding-left:10px}.w-pick--selected{border-color:var(--purple);background:#7c3aed0f}.w-pick--selected .w-p-cta{background:var(--green-glow)!important}.player-shell{background:var(--canvas);min-height:100vh}.player-header{border-bottom:1px solid var(--border);background:var(--canvas-2);justify-content:space-between;align-items:center;padding:16px 32px;display:flex}.player-body{max-width:900px;margin:0 auto;padding:32px}#learnosity-player{min-height:400px}.ds-showcase-section{margin-bottom:48px}.ds-showcase-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);margin-bottom:16px;padding-bottom:8px;font-size:11px;font-weight:800}.ds-showcase-grid{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}