:root,[data-theme=light]{--bg-canvas: #F6F8FC;--bg-surface: #FFFFFF;--bg-surface-hover: #F1F5F9;--bg-surface-muted: #EEF2F7;--bg-sidebar: #FFFFFF;--bg-glass: rgba(255, 255, 255, .9);--bg-input: #FFFFFF;--text-primary: #0F172A;--text-secondary: #334155;--text-muted: #64748B;--text-faint: #94A3B8;--brand-primary: #4F46E5;--brand-primary-hover: #4338CA;--brand-primary-soft: rgba(79, 70, 229, .08);--brand-primary-border: rgba(79, 70, 229, .24);--brand-accent: #7C3AED;--brand-accent-soft: rgba(124, 58, 237, .08);--brand-accent-border: rgba(124, 58, 237, .24);--status-success: #059669;--status-success-bg: #ECFDF5;--status-success-border: #A7F3D0;--status-success-text: #065F46;--status-danger: #E11D48;--status-danger-bg: #FFF1F2;--status-danger-border: #FECDD3;--status-danger-text: #9F1239;--status-warning: #D97706;--status-warning-bg: #FFFBEB;--status-warning-border: #FDE68A;--status-warning-text: #92400E;--medal-gold-bg: linear-gradient(145deg, #FFFBEB 0%, #FEF3C7 100%);--medal-gold-border: #F59E0B;--medal-silver-bg: linear-gradient(145deg, #F8FAFC 0%, #E2E8F0 100%);--medal-silver-border: #94A3B8;--medal-bronze-bg: linear-gradient(145deg, #FFF7ED 0%, #FFEDD5 100%);--medal-bronze-border: #EA580C;--border-subtle: #E2E8F0;--border-default: #CBD5E1;--border-strong: #94A3B8;--border-focus: #4F46E5;--shadow-xs: 0 1px 3px rgba(15, 23, 42, .04);--shadow-sm: 0 4px 12px -2px rgba(15, 23, 42, .06);--shadow-md: 0 12px 24px -4px rgba(15, 23, 42, .09);--shadow-lg: 0 20px 32px -8px rgba(15, 23, 42, .15);--shadow-focus: 0 0 0 3px rgba(79, 70, 229, .2);--radius-xs: 6px;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 20px;--radius-full: 9999px;--academic-sketch-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='380' height='380' viewBox='0 0 380 380'%3E%3Cg fill='none' stroke='%234F46E5' stroke-width='1.15' stroke-linecap='round' stroke-linejoin='round' opacity='0.042'%3E%3Cpath d='M40 55c18-6 34-6 48 2v48c-14-8-30-8-48-2V55zm96 0c-18-6-34-6-48 2v48c14-8 30-8 48-2V55z'/%3E%3Cpath d='M48 68h28M48 78h24M100 68h28M100 78h24'/%3E%3Cpath d='M270 45l22 22-38 16-8-8 16-38zM256 73l14-14'/%3E%3Ccircle cx='270' cy='59' r='2.5'/%3E%3Crect x='260' y='200' width='58' height='74' rx='5'/%3E%3Cpath d='M255 212h10M255 227h10M255 242h10M255 257h10M273 217h32M273 231h26M273 245h32'/%3E%3Cpath d='M55 245l38-55 38 55H55z'/%3E%3Ccircle cx='93' cy='226' r='14'/%3E%3Cpath d='M170 160c6-22 14-22 20 0s14 22 20 0'/%3E%3Ccircle cx='190' cy='305' r='24'/%3E%3Cellipse cx='190' cy='305' rx='24' ry='9' transform='rotate(30 190 305)'/%3E%3Cellipse cx='190' cy='305' rx='24' ry='9' transform='rotate(-30 190 305)'/%3E%3C/g%3E%3C/svg%3E")}[data-theme=dark]{--bg-canvas: #090D16;--bg-surface: #111827;--bg-surface-hover: #1E293B;--bg-surface-muted: #162032;--bg-sidebar: #0D1321;--bg-glass: rgba(17, 24, 39, .9);--bg-input: #0F172A;--text-primary: #F8FAFC;--text-secondary: #CBD5E1;--text-muted: #94A3B8;--text-faint: #64748B;--brand-primary: #6366F1;--brand-primary-hover: #818CF8;--brand-primary-soft: rgba(99, 102, 241, .14);--brand-primary-border: rgba(99, 102, 241, .32);--brand-accent: #A78BFA;--brand-accent-soft: rgba(167, 139, 250, .14);--brand-accent-border: rgba(167, 139, 250, .32);--status-success: #10B981;--status-success-bg: rgba(16, 185, 129, .12);--status-success-border: rgba(16, 185, 129, .32);--status-success-text: #34D399;--status-danger: #F43F5E;--status-danger-bg: rgba(244, 63, 94, .12);--status-danger-border: rgba(244, 63, 94, .32);--status-danger-text: #FB7185;--status-warning: #F59E0B;--status-warning-bg: rgba(245, 158, 11, .12);--status-warning-border: rgba(245, 158, 11, .32);--status-warning-text: #FBBF24;--medal-gold-bg: linear-gradient(145deg, rgba(245, 158, 11, .2) 0%, rgba(217, 119, 6, .06) 100%);--medal-gold-border: rgba(245, 158, 11, .5);--medal-silver-bg: linear-gradient(145deg, rgba(148, 163, 184, .2) 0%, rgba(100, 116, 139, .06) 100%);--medal-silver-border: rgba(148, 163, 184, .45);--medal-bronze-bg: linear-gradient(145deg, rgba(234, 88, 12, .2) 0%, rgba(194, 65, 12, .06) 100%);--medal-bronze-border: rgba(234, 88, 12, .45);--border-subtle: #1E293B;--border-default: #334155;--border-strong: #475569;--border-focus: #818CF8;--shadow-xs: 0 1px 3px rgba(0, 0, 0, .35);--shadow-sm: 0 4px 12px -2px rgba(0, 0, 0, .45);--shadow-md: 0 12px 24px -4px rgba(0, 0, 0, .55);--shadow-lg: 0 22px 38px -8px rgba(0, 0, 0, .7);--shadow-focus: 0 0 0 3px rgba(129, 140, 248, .25);--academic-sketch-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='380' height='380' viewBox='0 0 380 380'%3E%3Cg fill='none' stroke='%23818CF8' stroke-width='1.15' stroke-linecap='round' stroke-linejoin='round' opacity='0.055'%3E%3Cpath d='M40 55c18-6 34-6 48 2v48c-14-8-30-8-48-2V55zm96 0c-18-6-34-6-48 2v48c14-8 30-8 48-2V55z'/%3E%3Cpath d='M48 68h28M48 78h24M100 68h28M100 78h24'/%3E%3Cpath d='M270 45l22 22-38 16-8-8 16-38zM256 73l14-14'/%3E%3Crect x='260' y='200' width='58' height='74' rx='5'/%3E%3Cpath d='M255 212h10M255 227h10M255 242h10M255 257h10M273 217h32M273 231h26'/%3E%3Cpath d='M55 245l38-55 38 55H55z'/%3E%3Ccircle cx='93' cy='226' r='14'/%3E%3Ccircle cx='190' cy='305' r='24'/%3E%3Cellipse cx='190' cy='305' rx='24' ry='9' transform='rotate(30 190 305)'/%3E%3Cellipse cx='190' cy='305' rx='24' ry='9' transform='rotate(-30 190 305)'/%3E%3C/g%3E%3C/svg%3E")}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Plus Jakarta Sans,Hind Siliguri,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-canvas);background-image:var(--academic-sketch-bg);background-attachment:fixed;color:var(--text-primary);line-height:1.58;min-height:100vh;-webkit-font-smoothing:antialiased}.font-bn{font-family:Hind Siliguri,Plus Jakarta Sans,sans-serif;line-height:1.65}.font-mono{font-family:JetBrains Mono,monospace}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2.5px solid var(--border-focus);outline-offset:2px}.ev-app-shell{display:flex;min-height:100vh;width:100%}.ev-sidebar{width:256px;flex-shrink:0;background-color:var(--bg-sidebar);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:40;padding:1.25rem .875rem;overflow-y:auto}.ev-brand{display:flex;align-items:center;gap:.75rem;padding:.35rem .6rem 1.15rem;border-bottom:1px solid var(--border-subtle);margin-bottom:.9rem;cursor:pointer;background:none;border-top:none;border-left:none;border-right:none;width:100%;text-align:left;color:var(--text-primary);font-family:inherit}.ev-brand-mark{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--brand-primary),var(--brand-accent));color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #4f46e54d}.ev-nav-section-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint);padding:.5rem .75rem .35rem}.ev-nav-list{display:flex;flex-direction:column;gap:.25rem;list-style:none}.ev-nav-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.625rem .75rem;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--text-secondary);font-size:.9rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s ease}.ev-nav-btn-left{display:flex;align-items:center;gap:.75rem}.ev-nav-btn:hover{background-color:var(--bg-surface-hover);color:var(--text-primary)}.ev-nav-btn.is-active{background-color:var(--brand-primary-soft);color:var(--brand-primary);border-color:var(--brand-primary-border);font-weight:700}.ev-main-wrapper{flex:1;margin-left:256px;display:flex;flex-direction:column;min-height:100vh;min-width:0}.ev-topbar{position:sticky;top:0;z-index:30;background-color:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);padding:.75rem 1.75rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.ev-content-area{flex:1;width:100%;max-width:1240px;margin:0 auto;padding:1.5rem 1.75rem 3.5rem}.ev-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);padding:1.25rem;position:relative;overflow:hidden}.ev-subject-card{display:flex;flex-direction:column;gap:.85rem;cursor:pointer;border-width:1.5px;transition:transform .22s ease,box-shadow .22s ease;text-align:left;width:100%;font-family:inherit}.ev-subject-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.ev-subj-bg-art{position:absolute;right:-8px;bottom:-8px;width:116px;height:116px;opacity:.09;pointer-events:none;transition:transform .25s ease,opacity .25s ease}.ev-subject-card:hover .ev-subj-bg-art{transform:scale(1.08) rotate(-4deg);opacity:.15}.ev-subject-icon-box{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;border:1px solid var(--brand-primary-border);flex-shrink:0;box-shadow:0 4px 10px #0000000d}.ev-xp-strip{background:linear-gradient(135deg,var(--brand-primary-soft) 0%,var(--brand-accent-soft) 100%);border:1px solid var(--brand-primary-border);border-radius:12px;padding:.85rem 1rem}.ev-progress-track{width:100%;height:8px;background-color:var(--bg-surface-muted);border-radius:var(--radius-full);overflow:hidden}.ev-progress-fill{height:100%;background:linear-gradient(90deg,var(--brand-primary) 0%,var(--brand-accent) 100%);border-radius:var(--radius-full);transition:width .35s ease}.ev-streak-pill{display:inline-flex;align-items:center;gap:.38rem;min-height:40px;padding:.35rem .78rem;border-radius:var(--radius-full);background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1.5px solid #F59E0B;font-size:.84rem;font-weight:800;color:#b45309;cursor:pointer;box-shadow:0 2px 10px #f59e0b38;font-family:inherit}[data-theme=dark] .ev-streak-pill{background:linear-gradient(135deg,#f59e0b38,#d977061a);border-color:#f59e0b80;color:#fbbf24}.ev-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.ev-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.ev-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.ev-home-top-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:1.15rem;margin-bottom:1.5rem}.ev-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.58rem 1.05rem;min-height:40px;border-radius:var(--radius-sm);font-size:.875rem;font-weight:700;font-family:inherit;cursor:pointer;border:1px solid transparent;transition:all .15s ease}.ev-btn-primary{background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-accent) 100%);color:#fff;box-shadow:0 3px 10px #4f46e547}.ev-btn-primary:hover:not(:disabled){opacity:.94;transform:translateY(-1px)}.ev-btn-secondary{background-color:var(--bg-surface);color:var(--text-primary);border-color:var(--border-default)}.ev-btn-secondary:hover:not(:disabled){background-color:var(--bg-surface-hover)}.ev-btn-soft{background-color:var(--brand-primary-soft);color:var(--brand-primary);border-color:var(--brand-primary-border)}.ev-btn-danger{background-color:var(--status-danger-bg);color:var(--status-danger);border-color:var(--status-danger-border)}.ev-btn-sm{padding:.38rem .78rem;min-height:34px;font-size:.78rem}.ev-badge-pill{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border-radius:var(--radius-full);font-size:.72rem;font-weight:700}.ev-badge-indigo{background-color:var(--brand-primary-soft);color:var(--brand-primary);border:1px solid var(--brand-primary-border)}.ev-badge-violet{background-color:var(--brand-accent-soft);color:var(--brand-accent);border:1px solid var(--brand-accent-border)}.ev-badge-success{background-color:var(--status-success-bg);color:var(--status-success-text);border:1px solid var(--status-success-border)}.ev-badge-warning{background-color:var(--status-warning-bg);color:var(--status-warning-text);border:1px solid var(--status-warning-border)}.ev-badge-danger{background-color:var(--status-danger-bg);color:var(--status-danger-text);border:1px solid var(--status-danger-border)}.ev-badge-neutral{background-color:var(--bg-surface-muted);color:var(--text-secondary);border:1px solid var(--border-subtle)}.ev-input,.ev-select{width:100%;padding:.6rem .875rem;min-height:42px;border-radius:var(--radius-sm);border:1px solid var(--border-default);background-color:var(--bg-input);color:var(--text-primary);font-size:.875rem;font-family:inherit}.ev-option-btn{display:flex;align-items:center;gap:.85rem;width:100%;padding:.9rem 1rem;border-radius:var(--radius-sm);border:1.5px solid var(--border-subtle);background-color:var(--bg-surface);color:var(--text-primary);text-align:left;font-size:.95rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s ease}.ev-option-btn:hover:not(:disabled){border-color:var(--brand-primary-border);background-color:var(--bg-surface-hover)}.ev-option-btn.is-selected{border-color:var(--brand-primary);background-color:var(--brand-primary-soft)}.ev-option-btn.is-correct{border-color:var(--status-success);background-color:var(--status-success-bg);color:var(--status-success-text)}.ev-option-btn.is-incorrect{border-color:var(--status-danger);background-color:var(--status-danger-bg);color:var(--status-danger-text)}.ev-podium-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1.35rem}.ev-podium-card{padding:1.25rem;border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;text-align:center;gap:.45rem;box-shadow:var(--shadow-sm)}.ev-podium-card.rank-1{background:var(--medal-gold-bg);border:2px solid var(--medal-gold-border);transform:translateY(-4px);box-shadow:0 12px 24px -6px #f59e0b40}.ev-podium-card.rank-2{background:var(--medal-silver-bg);border:1.5px solid var(--medal-silver-border)}.ev-podium-card.rank-3{background:var(--medal-bronze-bg);border:1.5px solid var(--medal-bronze-border)}.ev-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background-color:#0f172a99;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:1rem}.ev-modal-panel{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:520px;max-height:90vh;overflow-y:auto;padding:1.5rem}.ev-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:50;background-color:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border-subtle);padding:.35rem .4rem;justify-content:space-around}.ev-bottom-nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.35rem;border:none;background:transparent;color:var(--text-muted);font-size:.7rem;font-weight:700;cursor:pointer;font-family:inherit}.ev-bottom-nav-btn.is-active{color:var(--brand-primary)}@media (max-width: 1024px){.ev-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 820px){.ev-sidebar{display:none}.ev-main-wrapper{margin-left:0}.ev-bottom-nav{display:flex}.ev-content-area{padding:1rem .95rem 6rem}.ev-home-top-grid,.ev-grid-3{grid-template-columns:1fr}}@media (max-width: 560px){.ev-grid-2,.ev-grid-4,.ev-podium-grid{grid-template-columns:1fr}}
