:root{--portal-bg:#f7f9fc;--portal-surface:#fff;--portal-text:#111827;--portal-muted:#64748b;--portal-border:#e2e8f0;--portal-primary:#2563eb;--portal-purple:#7c3aed;--portal-shadow:0 18px 45px rgba(15,23,42,.07)}html[data-theme=dark]{--portal-bg:#0b1020;--portal-surface:#121a2c;--portal-text:#f8fafc;--portal-muted:#94a3b8;--portal-border:#24304a;--portal-shadow:0 18px 45px rgba(0,0,0,.28)}.portal-body{margin:0;background:var(--portal-bg);color:var(--portal-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.portal-body a{text-decoration:none}.portal-container{width:min(1100px,calc(100% - 32px));margin:0 auto}.portal-skip{position:fixed;left:12px;top:-50px;z-index:1000;padding:10px 14px;border-radius:8px;background:#111827;color:#fff}.portal-skip:focus{top:12px}.portal-header{position:sticky;top:0;z-index:80;height:74px;border-bottom:1px solid color-mix(in srgb,var(--portal-border) 70%,transparent);background:color-mix(in srgb,var(--portal-surface) 88%,transparent);backdrop-filter:blur(18px)}.portal-header-inner{height:100%;display:flex;align-items:center;gap:28px}.portal-brand{display:flex;align-items:center;gap:9px;color:var(--portal-text)}.portal-brand img,.portal-brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff;font-weight:900;object-fit:contain}.portal-brand strong{font-size:18px}.portal-desktop-nav{display:flex;gap:22px;margin-left:15px}.portal-desktop-nav a{padding:27px 0 23px;border-bottom:3px solid transparent;color:var(--portal-muted);font-size:13px;font-weight:750}.portal-desktop-nav a:hover,.portal-desktop-nav a.active{color:var(--portal-primary);border-color:var(--portal-primary)}.portal-header-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.portal-user-pill{max-width:220px;display:flex;align-items:center;gap:8px;padding:6px 10px 6px 6px;border:1px solid var(--portal-border);border-radius:999px;color:var(--portal-text);font-size:12px;font-weight:750;background:var(--portal-surface)}.portal-user-pill span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#e0e7ff;color:#4338ca;font-size:10px}.portal-login-link{color:var(--portal-primary);font-size:12px;font-weight:800}.portal-menu-button{width:42px;height:42px;display:grid;place-content:center;gap:4px;border:1px solid var(--portal-border);border-radius:12px;background:var(--portal-surface);cursor:pointer}.portal-menu-button span{width:19px;height:2px;border-radius:2px;background:var(--portal-text)}.portal-backdrop{position:fixed;inset:0;z-index:90;background:rgba(15,23,42,.48);backdrop-filter:blur(3px)}.portal-drawer{position:fixed;inset:0 auto 0 0;z-index:100;width:min(390px,92vw);transform:translateX(-105%);transition:transform .28s ease;background:var(--portal-surface);box-shadow:28px 0 70px rgba(15,23,42,.22)}.portal-drawer.open{transform:none}.portal-drawer-head{height:74px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--portal-border)}.portal-drawer-close{width:38px;height:38px;border:1px solid var(--portal-border);border-radius:11px;background:transparent;color:var(--portal-text);font-size:25px;cursor:pointer}.portal-drawer-scroll{height:calc(100vh - 74px);padding:22px;overflow:auto}.portal-account-card{display:flex;align-items:center;gap:12px;padding:15px;border-radius:16px;background:linear-gradient(135deg,#eef2ff,#f5f3ff);color:#111827}.portal-account-card.guest{display:block}.portal-account-avatar{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:#4f46e5;color:#fff;font-weight:900}.portal-account-card div{display:grid;gap:3px}.portal-account-card small{color:#64748b;font-size:11px}.portal-auth-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.portal-auth-actions a{padding:11px;border:1px solid var(--portal-border);border-radius:10px;color:var(--portal-text);font-size:12px;font-weight:800;text-align:center}.portal-auth-actions a.primary{background:var(--portal-primary);color:#fff;border-color:var(--portal-primary)}.portal-drawer-group{display:grid;gap:4px;margin-top:24px}.portal-drawer-group>span{padding:0 10px 7px;color:var(--portal-muted);font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.portal-drawer-group a{display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:11px;color:var(--portal-muted);font-size:13px}.portal-drawer-group a:hover{background:color-mix(in srgb,var(--portal-primary) 9%,transparent);color:var(--portal-primary)}.portal-theme-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:24px}.portal-theme-row button,.portal-logout-form button{padding:10px;border:1px solid var(--portal-border);border-radius:10px;background:transparent;color:var(--portal-text);font-size:11px;font-weight:750;cursor:pointer}.portal-logout-form{margin-top:14px}.portal-logout-form button{width:100%;color:#be123c}.portal-main{min-height:68vh;padding:42px 0 76px}.portal-alert{margin-bottom:18px;padding:13px 15px;border:1px solid;border-radius:12px;font-size:12px}.portal-alert.success{color:#166534;border-color:#bbf7d0;background:#f0fdf4}.portal-alert.danger{color:#9f1239;border-color:#fecdd3;background:#fff1f2}.portal-alert ul{margin:7px 0 0;padding-left:18px}.portal-footer{border-top:1px solid var(--portal-border);background:var(--portal-surface)}.portal-footer-grid{padding:46px 0;display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:36px}.portal-footer-grid>div{display:flex;flex-direction:column;gap:9px}.portal-footer-grid strong{font-size:20px}.portal-footer-grid p,.portal-footer-grid a,.portal-footer-grid span{margin:0;color:var(--portal-muted);font-size:12px;line-height:1.6}.portal-footer-grid a:hover{color:var(--portal-primary)}.portal-footer-bottom{padding:18px 0;border-top:1px solid var(--portal-border);color:var(--portal-muted);font-size:11px}.portal-page-head{padding:22px 0 28px}.portal-page-head span,.portal-section-head span{color:var(--portal-primary);font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.portal-page-head h1{margin:8px 0 8px;font-size:42px;letter-spacing:-.045em}.portal-page-head p{max-width:700px;margin:0;color:var(--portal-muted);line-height:1.65}.portal-filter{margin-bottom:26px;padding:18px;display:grid;grid-template-columns:2fr repeat(3,1fr) auto auto;gap:12px;align-items:end;border:1px solid var(--portal-border);border-radius:17px;background:var(--portal-surface);box-shadow:var(--portal-shadow)}.portal-filter.compact-filter{grid-template-columns:minmax(250px,2fr) minmax(170px,1fr) auto auto}.portal-filter label{display:grid;gap:6px}.portal-filter label>span{font-size:10px;font-weight:850}.portal-filter input,.portal-filter select{height:42px;padding:0 11px;border:1px solid var(--portal-border);border-radius:10px;background:var(--portal-surface);color:var(--portal-text);font:inherit;font-size:12px}.portal-filter button,.portal-filter>a{height:42px;padding:0 16px;display:flex;align-items:center;justify-content:center;border:0;border-radius:10px;background:var(--portal-primary);color:#fff;font-size:12px;font-weight:850;cursor:pointer}.portal-filter>a{border:1px solid var(--portal-border);background:var(--portal-surface);color:var(--portal-text)}.portal-empty{grid-column:1/-1;padding:42px;border:1px dashed var(--portal-border);border-radius:17px;background:var(--portal-surface);color:var(--portal-muted);text-align:center}.portal-empty.compact{padding:22px}.portal-pagination{margin-top:24px}.portal-pagination nav>div:first-child{display:none}.portal-pagination nav>div:last-child{display:flex;align-items:center;justify-content:space-between;gap:12px}.portal-pagination nav a,.portal-pagination nav span{font-size:11px}.portal-pagination svg{width:18px}.dash-welcome{margin:10px 0 26px}.dash-welcome h1{margin:0;font-size:31px;letter-spacing:-.04em}.dash-welcome p{margin:7px 0 0;color:var(--portal-muted)}.dash-countdown{min-height:120px;margin-bottom:28px;padding:24px 30px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-radius:18px;background:linear-gradient(110deg,#6d28d9,#c026d3,#4f46e5);color:#fff;box-shadow:0 18px 38px rgba(109,40,217,.23)}.dash-countdown-copy{display:flex;align-items:center;gap:14px}.dash-countdown-copy strong{display:block;font-size:18px}.dash-countdown-copy small{display:block;margin-top:3px;opacity:.82}.dash-countdown-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.16);font-size:20px}.dash-countdown>a{padding:11px 15px;border-radius:10px;background:#fff;color:#4f46e5;font-size:12px;font-weight:900}.dash-time-boxes{display:flex;gap:9px}.dash-time-boxes>div{width:60px;padding:9px 5px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:rgba(255,255,255,.14);text-align:center}.dash-time-boxes b{display:block;font-size:23px}.dash-time-boxes span{font-size:8px;font-weight:850;text-transform:uppercase}.dash-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:26px}.dash-stat{min-height:132px;padding:20px;border:1px solid;border-radius:15px;background:var(--portal-surface);box-shadow:0 7px 24px rgba(15,23,42,.035)}.dash-stat span,.dash-stat small{display:block;font-size:11px}.dash-stat b{display:block;margin:22px 0 2px;font-size:25px}.dash-stat.blue{border-color:#dbeafe;color:#1d4ed8}.dash-stat.green{border-color:#dcfce7;color:#15803d}.dash-stat.purple{border-color:#f3e8ff;color:#7e22ce}.dash-stat.amber{border-color:#fef3c7;color:#b45309}.dash-analytics-grid{display:grid;grid-template-columns:330px 1fr;gap:20px}.dash-panel{border:1px solid var(--portal-border);border-radius:18px;background:var(--portal-surface);box-shadow:var(--portal-shadow);overflow:hidden}.dash-panel h2{margin:0;padding:22px;font-size:16px}.dash-donut{width:170px;height:170px;margin:14px auto 24px;display:grid;place-items:center;border-radius:50%;background:var(--donut);position:relative}.dash-donut:after{content:"";position:absolute;inset:31px;border-radius:50%;background:var(--portal-surface)}.dash-donut span{position:relative;z-index:1;font-size:25px;font-weight:900}.dash-legend{padding:18px 22px;border-top:1px solid var(--portal-border);display:flex;flex-wrap:wrap;justify-content:center;gap:9px 13px}.dash-legend span{display:flex;align-items:center;gap:6px;color:var(--portal-muted);font-size:10px}.dash-legend i{width:9px;height:9px;border-radius:50%}.activity-panel{padding-bottom:18px}.dash-line-chart{width:calc(100% - 44px);height:230px;margin:0 22px}.dash-chart-labels{margin:-10px 22px 18px;display:flex;justify-content:space-between;color:var(--portal-muted);font-size:9px}.dash-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 22px}.dash-mini-grid>div,.dash-side-stats article{min-height:120px;padding:18px;border:1px solid var(--portal-border);border-radius:14px}.dash-mini-grid span,.dash-mini-grid small,.dash-side-stats span,.dash-side-stats small{display:block;font-size:10px}.dash-mini-grid b,.dash-side-stats b{display:block;margin:22px 0 3px;font-size:18px}.dash-mini-grid .positive{background:#f0fdf4;color:#15803d}.dash-mini-grid .negative{background:#fff1f2;color:#be123c}.dash-mini-grid .info{background:#eff6ff;color:#0369a1}.dash-lower-grid{display:grid;grid-template-columns:1fr 280px;gap:20px;margin-top:20px}.dash-recent-list{max-height:315px;padding:0 18px 18px;overflow:auto}.dash-recent-list a{display:flex;align-items:center;gap:12px;padding:13px 9px;border-bottom:1px solid var(--portal-border);color:var(--portal-text)}.dash-recent-list a>span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;font-weight:900}.dash-recent-list .ok{background:#dcfce7;color:#15803d}.dash-recent-list .bad{background:#ffe4e6;color:#e11d48}.dash-recent-list div{display:grid;gap:3px}.dash-recent-list b{font-size:12px}.dash-recent-list small{color:var(--portal-muted);font-size:10px}.dash-side-stats{display:grid;gap:20px}.dash-side-stats article:first-child{background:#eef2ff;color:#4338ca}.dash-side-stats article:last-child{background:#fff7ed;color:#c2410c}.dash-cta{margin:34px 0 70px;padding:28px 34px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:18px;background:linear-gradient(110deg,#2563eb,#4f46e5,#7c3aed);color:#fff}.dash-cta h2{margin:0 0 6px;font-size:22px}.dash-cta p{margin:0;opacity:.82}.dash-cta a{padding:12px 16px;border-radius:10px;background:#fff;color:#4f46e5;font-size:12px;font-weight:900}.word-of-day{min-height:420px;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:80px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background-image:radial-gradient(#dbe3ef 1px,transparent 1px);background-size:17px 17px}.word-of-day>span{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;background:#eff6ff;color:#2563eb;font-size:20px}.word-of-day small{margin-top:13px;color:var(--portal-muted);font-weight:900;letter-spacing:.15em;text-transform:uppercase}.word-of-day h2{margin:46px 0 10px;font-size:48px;letter-spacing:-.05em}.word-of-day p{max-width:720px;color:var(--portal-muted);font-size:17px}.word-of-day a{margin-top:20px;padding:13px 18px;border-radius:999px;background:#2563eb;color:#fff;font-size:12px;font-weight:900}.featured-section{padding:65px 0 10px}.portal-section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.portal-section-head h2{margin:6px 0 0;font-size:30px}.portal-section-head>a{color:var(--portal-text);font-size:12px;font-weight:800}.question-grid,.content-card-grid,.reading-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.question-list-card,.reading-card,.content-card,.dictionary-card{border:1px solid var(--portal-border);border-radius:18px;background:var(--portal-surface);box-shadow:0 10px 30px rgba(15,23,42,.045);overflow:hidden}.question-list-card{padding:20px;display:flex;flex-direction:column;min-height:270px}.question-card-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.question-card-meta>span{padding:5px 8px;border-radius:999px;background:color-mix(in srgb,var(--badge-color) 12%,transparent);color:var(--badge-color);font-size:9px;font-weight:850}.question-card-meta small{color:var(--portal-muted)}.question-list-card h2{margin:18px 0 8px;font-size:17px}.question-list-card p{margin:0;color:var(--portal-muted);font-size:12px;line-height:1.65}.question-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.question-card-tags span{padding:4px 7px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:9px}.question-card-footer{margin-top:auto;padding-top:18px;display:flex;justify-content:space-between;gap:10px;color:var(--portal-muted);font-size:10px}.question-card-footer a{color:var(--portal-primary);font-weight:850}.question-topbar,.content-back{margin-bottom:17px;display:flex;justify-content:space-between;align-items:center}.question-topbar a,.content-back a{color:var(--portal-muted);font-size:12px;font-weight:750}.question-topbar button{border:0;background:transparent;color:var(--portal-muted);font-weight:750;cursor:pointer}.question-detail-card,.question-stats-card,.reading-detail,.content-detail{border:1px solid var(--portal-border);border-radius:20px;background:var(--portal-surface);box-shadow:var(--portal-shadow);overflow:hidden}.question-detail-card>header,.reading-detail>header,.content-detail>header{padding:25px 28px 10px}.question-detail-card h1,.reading-detail h1,.content-detail h1{margin:12px 0 0;font-size:30px;letter-spacing:-.035em}.question-detail-meta{display:flex;flex-wrap:wrap;gap:7px}.question-detail-meta span,.reading-detail header>span,.content-detail header>span{padding:5px 8px;border-radius:999px;background:color-mix(in srgb,var(--badge-color,#2563eb) 11%,transparent);color:var(--badge-color,#2563eb);font-size:9px;font-weight:850}.question-detail-meta .tag{--badge-color:#64748b}.reading-link{display:inline-flex;margin:10px 28px;color:var(--portal-primary);font-size:11px;font-weight:800}.question-rich{margin:14px 28px 24px;padding:22px;border-radius:16px;background:color-mix(in srgb,var(--portal-border) 28%,transparent);font-size:15px;line-height:1.7}.public-media{margin:0 28px 20px}.public-media img,.public-media video{max-width:100%;border-radius:14px}.public-media audio{width:100%}.question-options{padding:0 28px 26px}.question-options-title{display:flex;align-items:center;justify-content:space-between}.question-options-title h2{font-size:15px}.question-options-title span{color:var(--portal-primary);font-size:10px}.question-option{min-height:64px;margin-top:10px;padding:12px 15px;display:flex;align-items:center;gap:13px;border:1px solid var(--portal-border);border-radius:14px;cursor:pointer;transition:.18s}.question-option:hover{border-color:#93c5fd;background:#f8fbff}.question-option input{position:absolute;opacity:0}.option-letter{width:30px;height:30px;flex:0 0 auto;display:grid;place-items:center;border-radius:9px;background:#f1f5f9;color:#475569;font-size:11px;font-weight:900}.option-content{flex:1;font-size:13px}.option-content p{margin:0}.question-option.selected{border-color:#3b82f6;background:#eff6ff}.question-option.correct{border-color:#22c55e;background:#f0fdf4}.question-option.wrong{border-color:#ef4444;background:#fff1f2}.question-option.correct .option-letter{background:#dcfce7;color:#15803d}.question-option.wrong .option-letter{background:#fee2e2;color:#dc2626}.option-state{font-weight:900}.question-option.correct .option-state:after{content:"✓";color:#16a34a}.question-option.wrong .option-state:after{content:"×";color:#dc2626}.question-submit{width:100%;height:46px;margin-top:14px;border:0;border-radius:11px;background:#111827;color:#fff;font-weight:850;cursor:pointer}.question-submit.link{display:flex;align-items:center;justify-content:center}.question-submit:disabled{opacity:.65;cursor:not-allowed}.question-feedback{margin:0 28px 26px;padding:18px;border:1px solid #bbf7d0;border-radius:14px;background:#f0fdf4;color:#166534}.question-feedback h2{margin:0 0 8px;font-size:15px}.question-detail-footer{padding:17px 28px;display:flex;gap:18px;border-top:1px solid var(--portal-border);color:var(--portal-muted);font-size:10px}.question-stats-card{margin-top:20px;padding:22px}.question-stats-card h2{margin-top:0}.option-stats{display:grid;gap:12px}.option-stats>div{display:grid;grid-template-columns:30px 1fr 45px;gap:10px;align-items:center}.option-stats>div>b{font-size:11px}.option-stats>div>span{height:10px;border-radius:999px;background:#e2e8f0;overflow:hidden}.option-stats i{display:block;height:100%;border-radius:999px;background:#3b82f6}.option-stats strong{font-size:11px}.dictionary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.dictionary-card{padding:20px;display:flex;gap:15px}.dictionary-letter{width:43px;height:43px;flex:0 0 auto;display:grid;place-items:center;border-radius:13px;background:#eef2ff;color:#4338ca;font-size:19px;font-weight:900}.dictionary-card h2{margin:0 0 7px;font-size:18px}.dictionary-card h2 a{color:var(--portal-text)}.dictionary-card p{margin:0;color:var(--portal-muted);font-size:12px;line-height:1.6}.dictionary-card div>a{display:inline-block;margin-top:13px;color:var(--portal-primary);font-size:11px;font-weight:850}.reading-card{padding:21px}.reading-card>span{padding:5px 8px;border-radius:999px;font-size:9px;font-weight:850}.reading-card>span.verbal{background:#eef2ff;color:#4338ca}.reading-card>span.math{background:#ecfeff;color:#0e7490}.reading-card h2{margin:16px 0 8px;font-size:18px}.reading-card h2 a{color:var(--portal-text)}.reading-card p{color:var(--portal-muted);font-size:12px;line-height:1.65}.reading-card footer{display:flex;justify-content:space-between;align-items:center;padding-top:15px}.reading-card footer small{color:var(--portal-muted)}.reading-card footer a{color:var(--portal-primary);font-size:11px;font-weight:850}.reading-detail,.content-detail{max-width:900px;margin:0 auto}.reading-detail>header,.content-detail>header{padding:34px 42px 16px}.reading-detail>.rich-content,.content-detail>.rich-content{padding:20px 42px 42px;font-size:15px;line-height:1.8}.content-detail header div{display:flex;gap:14px;margin-top:12px;color:var(--portal-muted)}.linked-questions{margin:0 42px 42px;padding:20px;border:1px solid var(--portal-border);border-radius:14px}.linked-questions h2{margin:0 0 12px;font-size:15px}.linked-questions div{display:flex;flex-wrap:wrap;gap:8px}.linked-questions a{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:#eff6ff;color:#2563eb;font-size:12px;font-weight:900}.public-media-grid{padding:10px 42px 25px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.public-media-item{margin:0}.public-media-item img,.public-media-item video{width:100%;max-height:520px;object-fit:contain;border-radius:14px;background:#f8fafc}.public-media-item audio{width:100%}.content-card{display:flex;flex-direction:column}.content-card-cover{height:180px;display:grid;place-items:center;background:linear-gradient(135deg,#eff6ff,#eef2ff);overflow:hidden}.content-card-cover img{width:100%;height:100%;object-fit:cover}.content-card-cover span{color:#2563eb;font-size:22px;font-weight:900}.content-card-body{padding:18px;display:flex;flex:1;flex-direction:column}.content-card-body small{color:var(--portal-muted)}.content-card-body h3{margin:10px 0 8px;font-size:18px}.content-card-body h3 a{color:var(--portal-text)}.content-card-body p{margin:0;color:var(--portal-muted);font-size:12px;line-height:1.65}.content-card-link{margin-top:auto;padding-top:16px;color:var(--portal-primary);font-size:11px;font-weight:850}.rich-content table{width:100%;border-collapse:collapse}.rich-content th,.rich-content td{padding:8px;border:1px solid var(--portal-border)}.rich-content img{max-width:100%;height:auto;border-radius:12px}.rich-content p:first-child{margin-top:0}.rich-content p:last-child{margin-bottom:0}@media(max-width:980px){.portal-desktop-nav{display:none}.dash-stat-grid{grid-template-columns:repeat(2,1fr)}.dash-analytics-grid{grid-template-columns:1fr}.category-panel{display:grid;grid-template-columns:220px 1fr;align-items:center}.category-panel h2{grid-column:1/-1}.dash-legend{border:0}.question-grid,.content-card-grid,.reading-grid{grid-template-columns:repeat(2,1fr)}.portal-footer-grid{grid-template-columns:1.4fr 1fr 1fr}.portal-footer-grid>div:last-child{display:none}}@media(max-width:720px){.portal-container{width:min(100% - 22px,1100px)}.portal-header{height:64px}.portal-header-inner{height:64px}.portal-brand strong,.portal-user-pill{display:none}.portal-main{padding-top:25px}.portal-page-head h1{font-size:34px}.portal-filter,.portal-filter.compact-filter{grid-template-columns:1fr 1fr}.portal-filter label:first-child{grid-column:1/-1}.dash-welcome h1{font-size:25px}.dash-countdown{align-items:flex-start;flex-direction:column}.dash-time-boxes{width:100%}.dash-time-boxes>div{flex:1}.dash-lower-grid{grid-template-columns:1fr}.dash-side-stats{grid-template-columns:1fr 1fr}.dash-cta{align-items:flex-start;flex-direction:column}.word-of-day{margin-left:-11px;margin-right:-11px}.word-of-day h2{font-size:38px}.question-grid,.content-card-grid,.reading-grid,.dictionary-grid{grid-template-columns:1fr}.dash-mini-grid{grid-template-columns:1fr}.category-panel{display:block}.portal-footer-grid{grid-template-columns:1fr 1fr}.portal-footer-grid>div:first-child{grid-column:1/-1}.question-detail-card>header,.reading-detail>header,.content-detail>header{padding-left:20px;padding-right:20px}.question-rich,.question-options,.question-feedback{margin-left:18px;margin-right:18px}.question-options{padding-left:0;padding-right:0}.reading-detail>.rich-content,.content-detail>.rich-content,.public-media-grid{padding-left:20px;padding-right:20px}.linked-questions{margin-left:20px;margin-right:20px}}@media(max-width:480px){.portal-filter,.portal-filter.compact-filter{grid-template-columns:1fr}.portal-filter label:first-child{grid-column:auto}.dash-stat-grid{grid-template-columns:1fr 1fr;gap:10px}.dash-stat{min-height:115px;padding:15px}.dash-stat b{margin-top:18px}.dash-time-boxes b{font-size:19px}.dash-analytics-grid{gap:14px}.dash-panel h2{padding:18px}.dash-side-stats{grid-template-columns:1fr}.portal-footer-grid{grid-template-columns:1fr}.portal-section-head{align-items:flex-start;flex-direction:column;gap:10px}.question-detail-card h1,.reading-detail h1,.content-detail h1{font-size:25px}}


/* V1.0.19 — cavab variantının seçilmiş vəziyyəti */
.question-option{
    position:relative;
    isolation:isolate;
}
.question-option.selected:not(.correct):not(.wrong){
    border-color:#2563eb;
    background:#eff6ff;
    box-shadow:0 0 0 3px rgba(37,99,235,.16),0 8px 24px rgba(37,99,235,.09);
    transform:translateY(-1px);
}
.question-option.selected:not(.correct):not(.wrong) .option-letter{
    background:#2563eb;
    color:#fff;
    box-shadow:0 4px 12px rgba(37,99,235,.28);
}
.question-option.selected:not(.correct):not(.wrong) .option-state::after{
    content:"Seçildi ✓";
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:26px;
    padding:0 9px;
    border-radius:999px;
    background:#dbeafe;
    color:#1d4ed8;
    font-size:10px;
    font-weight:900;
    white-space:nowrap;
}
.question-option:has(input:focus-visible){
    outline:3px solid rgba(37,99,235,.25);
    outline-offset:2px;
}
.question-option input:checked + .option-letter{
    background:#2563eb;
    color:#fff;
}
.question-option.correct .option-state::after,
.question-option.wrong .option-state::after{
    min-width:26px;
    min-height:26px;
    padding:0;
    border-radius:50%;
    background:transparent;
    font-size:18px;
}
html[data-theme=dark] .question-option.selected:not(.correct):not(.wrong){
    border-color:#60a5fa;
    background:rgba(37,99,235,.18);
    box-shadow:0 0 0 3px rgba(96,165,250,.16),0 8px 24px rgba(0,0,0,.18);
}
html[data-theme=dark] .question-option.selected:not(.correct):not(.wrong) .option-state::after{
    background:rgba(37,99,235,.25);
    color:#bfdbfe;
}
@media(max-width:480px){
    .question-option.selected:not(.correct):not(.wrong) .option-state::after{
        content:"✓";
        width:26px;
        padding:0;
        border-radius:50%;
    }
}


/* V1.0.20 — işləmə statusu və admin-only mətnlər */
.portal-filter:has(select[name="progress"]){grid-template-columns:2fr repeat(4,minmax(135px,1fr)) auto auto}
.question-list-card{position:relative}
.learning-status{position:absolute;right:18px;top:52px;display:inline-flex;align-items:center;min-height:25px;padding:0 9px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.02em}
.learning-status.done{background:#dcfce7;color:#15803d}
.learning-status.pending{background:#f1f5f9;color:#64748b}
.question-reading-context{margin:0 28px 22px;padding:20px;border:1px solid #c7d2fe;border-radius:15px;background:linear-gradient(135deg,#eef2ff,#f8fafc)}
.question-reading-context-head{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:14px}
.question-reading-context-head span{padding:5px 8px;border-radius:999px;background:#dbeafe;color:#1d4ed8;font-size:9px;font-weight:900;text-transform:uppercase}
.question-reading-context-head strong{font-size:15px}
.question-reading-context .rich-content{font-size:13px;line-height:1.75}
.question-reading-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:15px}
.question-reading-media img,.question-reading-media video{width:100%;max-height:420px;object-fit:contain;border-radius:12px;background:#fff}
.question-reading-media audio{width:100%}
html[data-theme=dark] .learning-status.done{background:rgba(22,163,74,.2);color:#86efac}
html[data-theme=dark] .learning-status.pending{background:rgba(148,163,184,.14);color:#cbd5e1}
html[data-theme=dark] .question-reading-context{border-color:#3730a3;background:linear-gradient(135deg,rgba(49,46,129,.28),rgba(15,23,42,.35))}
@media(max-width:980px){.portal-filter:has(select[name="progress"]){grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.question-reading-context{margin-left:18px;margin-right:18px}.question-reading-media{grid-template-columns:1fr}}
@media(max-width:480px){.portal-filter:has(select[name="progress"]){grid-template-columns:1fr}.learning-status{position:static;width:max-content;margin:8px 0 0}}

/* V1.0.22 — variant izahları və cavab statistikası */
.question-option-explanation{
    margin:7px 4px 14px;
    padding:11px 14px 13px;
    border-left:3px solid #cbd5e1;
    border-radius:0 10px 10px 0;
    background:color-mix(in srgb,var(--portal-border) 28%,transparent);
    color:var(--portal-muted);
    font-size:12px;
    line-height:1.65;
}
.question-option-explanation[hidden]{display:none!important}
.question-option-explanation>strong{display:block;margin-bottom:3px;color:var(--portal-text);font-size:10px;font-weight:900}
.question-option-explanation .rich-content{margin:0}
.question-option-explanation .rich-content>*:first-child{margin-top:0}
.question-option-explanation .rich-content>*:last-child{margin-bottom:0}
.question-option.correct+.question-option-explanation{border-left-color:#22c55e;background:#f0fdf4;color:#166534}
.question-option.wrong+.question-option-explanation{border-left-color:#ef4444;background:#fff7f7;color:#7f1d1d}
.question-feedback[hidden],.question-results-grid[hidden]{display:none!important}
.question-feedback{border-color:#bfdbfe;background:#eff6ff;color:#1e3a8a}
.question-results-grid{margin-top:22px;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,.72fr);gap:18px;align-items:start}
.question-statistics-panel,.question-result-message,.question-overview-card{border:1px solid var(--portal-border);border-radius:18px;background:var(--portal-surface);box-shadow:var(--portal-shadow)}
.question-statistics-panel{min-height:390px;overflow:hidden}
.question-results-title{height:64px;padding:0 22px;display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--portal-border)}
.question-results-title h2{margin:0;font-size:15px;letter-spacing:.01em;text-transform:uppercase}
.question-results-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:#eff6ff;color:#2563eb;font-weight:900}
.question-bar-chart{height:300px;padding:30px 28px 24px;display:grid;grid-template-columns:repeat(var(--question-option-count,4),minmax(42px,1fr));gap:18px;align-items:end}
.question-bar-item{height:230px;min-width:0;display:grid;grid-template-rows:22px 1fr 22px 18px;gap:5px;justify-items:center;align-items:end;color:var(--portal-muted)}
.question-bar-item>strong{font-size:11px;color:#475569}
.question-bar-track{width:min(58px,76%);height:170px;display:flex;align-items:flex-end;border-bottom:1px dashed var(--portal-border);position:relative}
.question-bar-track i{width:100%;min-height:5px;display:block;border-radius:8px 8px 2px 2px;background:#cbd5e1;transition:height .55s ease;box-shadow:0 5px 14px rgba(15,23,42,.06)}
.question-bar-item.chosen:not(.correct) .question-bar-track i{background:#3b82f6}
.question-bar-item.correct .question-bar-track i{background:#10b981}
.question-bar-item>b{font-size:12px;color:#64748b}
.question-bar-item>small{font-size:9px;white-space:nowrap;color:#94a3b8}
.question-results-side{display:grid;gap:18px}
.question-result-message{min-height:178px;padding:25px 22px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.question-result-message>span{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;font-size:20px;font-weight:900}
.question-result-message.success>span{background:#ecfdf5;color:#059669}
.question-result-message.retry>span{background:#fff1f2;color:#e11d48}
.question-result-message h3{margin:14px 0 7px;font-size:16px}
.question-result-message.success h3{color:#047857}
.question-result-message.retry h3{color:#be123c}
.question-result-message p{margin:0;color:var(--portal-muted);font-size:12px;line-height:1.6}
.question-overview-card{overflow:hidden}
.question-overview-card h2{margin:0;padding:19px 22px;border-bottom:1px solid var(--portal-border);font-size:14px;text-transform:uppercase}
.question-overview-card dl{margin:0;padding:12px 22px 18px}
.question-overview-card dl>div{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.question-overview-card dt{display:flex;align-items:center;gap:10px;color:var(--portal-muted);font-size:12px;font-weight:750}
.question-overview-card dt span{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;font-size:14px;font-weight:900}
.question-overview-card dt span.blue{background:#eff6ff;color:#2563eb}
.question-overview-card dt span.green{background:#ecfdf5;color:#059669}
.question-overview-card dt span.purple{background:#faf5ff;color:#9333ea}
.question-overview-card dd{margin:0;font-size:18px;font-weight:900;color:var(--portal-text)}
html[data-theme=dark] .question-option.correct+.question-option-explanation{background:rgba(22,163,74,.12);color:#bbf7d0}
html[data-theme=dark] .question-option.wrong+.question-option-explanation{background:rgba(220,38,38,.12);color:#fecaca}
html[data-theme=dark] .question-results-icon{background:rgba(37,99,235,.18);color:#93c5fd}
html[data-theme=dark] .question-bar-item>strong{color:#cbd5e1}
html[data-theme=dark] .question-result-message.success>span{background:rgba(16,185,129,.16);color:#6ee7b7}
html[data-theme=dark] .question-result-message.retry>span{background:rgba(225,29,72,.16);color:#fda4af}
html[data-theme=dark] .question-overview-card dt span.blue{background:rgba(37,99,235,.16);color:#93c5fd}
html[data-theme=dark] .question-overview-card dt span.green{background:rgba(16,185,129,.16);color:#6ee7b7}
html[data-theme=dark] .question-overview-card dt span.purple{background:rgba(147,51,234,.16);color:#d8b4fe}
@media(max-width:860px){
    .question-results-grid{grid-template-columns:1fr}
    .question-results-side{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
    .question-bar-chart{padding-left:14px;padding-right:14px;gap:7px;overflow-x:auto}
    .question-bar-item{min-width:54px}
    .question-results-side{grid-template-columns:1fr}
    .question-option-explanation{margin-left:0;margin-right:0}
}

.question-prompt-label{margin:2px 28px 8px;color:var(--portal-muted);font-size:18px;font-weight:850;letter-spacing:-.02em}
@media(max-width:720px){.question-prompt-label{margin-left:18px;margin-right:18px;font-size:17px}}