:root{--primary-navy: #0C2340;--primary-navy-dark: #071526;--primary-navy-light: #16365C;--marrow-blue: #1A73E8;--marrow-blue-hover: #1557B0;--marrow-blue-subtle: #E8F0FE;--accent-cyan: #0284C7;--bg-page: #F8FAFC;--bg-card: #FFFFFF;--bg-hover: #F1F5F9;--bg-subtle: #F8FAFC;--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #94A3B8;--border-light: #E2E8F0;--border-subtle: #CBD5E1;--correct-green: #10B981;--correct-bg: #ECFDF5;--correct-border: #A7F3D0;--wrong-red: #EF4444;--wrong-bg: #FEF2F2;--wrong-border: #FECACA;--warning-amber: #F59E0B;--purple-review: #8B5CF6;--purple-bg: #F5F3FF;--tag-red-bg: #FEE2E2;--tag-red-text: #B91C1C;--tag-red-border: #FCA5A5;--tag-yellow-bg: #FEF3C7;--tag-yellow-text: #B45309;--tag-yellow-border: #FCD34D;--tag-green-bg: #DCFCE7;--tag-green-text: #15803D;--tag-green-border: #86EFAC;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(12, 35, 64, .07), 0 2px 4px -2px rgba(12, 35, 64, .05);--shadow-lg: 0 10px 15px -3px rgba(12, 35, 64, .09), 0 4px 6px -4px rgba(12, 35, 64, .05);--shadow-card: 0 2px 8px rgba(15, 23, 42, .06);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 9999px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading: "Outfit", "Inter", sans-serif}[data-theme=dark]{--primary-navy: #0F172A;--primary-navy-dark: #090D16;--primary-navy-light: #1E293B;--marrow-blue: #3B82F6;--marrow-blue-hover: #2563EB;--marrow-blue-subtle: #1E293B;--bg-page: #0B1120;--bg-card: #131D33;--bg-hover: #1A2644;--bg-subtle: #0F172A;--text-primary: #F8FAFC;--text-secondary: #94A3B8;--text-muted: #64748B;--border-light: #1E293B;--border-subtle: #334155;--correct-bg: #064E3B;--correct-border: #047857;--wrong-bg: #7F1D1D;--wrong-border: #B91C1C;--tag-red-bg: #450A0A;--tag-red-text: #FCA5A5;--tag-red-border: #7F1D1D;--tag-yellow-bg: #451A03;--tag-yellow-text: #FCD34D;--tag-yellow-border: #78350F;--tag-green-bg: #052E16;--tag-green-text: #86EFAC;--tag-green-border: #14532D;--shadow-card: 0 4px 12px rgba(0, 0, 0, .3)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-page);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-container{display:flex;min-height:100vh}.sidebar{width:285px;background-color:var(--primary-navy);color:#fff;display:flex;flex-direction:column;flex-shrink:0;position:sticky;top:0;height:100vh;z-index:50;border-right:1px solid rgba(255,255,255,.08);transition:width .25s cubic-bezier(.4,0,.2,1),margin-left .25s cubic-bezier(.4,0,.2,1),opacity .2s ease}.sidebar.sidebar-hidden{width:0!important;min-width:0!important;max-width:0!important;margin-left:-285px!important;opacity:0;pointer-events:none;overflow:hidden;border-right:none}.option-text-content{line-height:1.5;word-break:break-word}.option-text-content p{display:inline;margin:0;padding:0}.exam-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#071526bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1.5rem}.sidebar-brand{padding:1.5rem 1.25rem;display:flex;align-items:center;gap:.75rem;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-logo-icon{width:36px;height:36px;background:linear-gradient(135deg,#1a73e8,#00c6ff);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 10px #1a73e859}.sidebar-brand-title{font-family:var(--font-heading);font-weight:700;font-size:1.15rem;letter-spacing:-.02em;color:#fff}.sidebar-brand-sub{font-size:.7rem;color:#94a3b8;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.sidebar-menu{flex:1;padding:1.25rem .75rem;display:flex;flex-direction:column;gap:.35rem;overflow-y:auto}.sidebar-link{display:flex;align-items:center;gap:.85rem;padding:.75rem 1rem;border-radius:var(--radius-md);color:#94a3b8;text-decoration:none;font-size:.92rem;font-weight:500;transition:all .15s ease;cursor:pointer;border:none;background:transparent;width:100%;text-align:left}.sidebar-link:hover{color:#fff;background:#ffffff0f}.sidebar-link.active{color:#fff;background:var(--marrow-blue);font-weight:600;box-shadow:0 2px 8px #1a73e84d}.sidebar-footer{padding:1rem;border-top:1px solid rgba(255,255,255,.08)}.main-wrapper{flex:1;display:flex;flex-direction:column;min-width:0}.top-navbar{height:64px;background-color:var(--bg-card);border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;padding:0 1.75rem;position:sticky;top:0;z-index:40}.top-navbar-title{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--text-primary)}.content-body{flex:1;padding:1.75rem;max-width:1360px;margin:0 auto;width:100%}.marrow-card{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-card);transition:transform .15s ease,box-shadow .15s ease}.tag-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s ease;border:1px solid transparent}.tag-red{background-color:var(--tag-red-bg);color:var(--tag-red-text);border-color:var(--tag-red-border)}.tag-yellow{background-color:var(--tag-yellow-bg);color:var(--tag-yellow-text);border-color:var(--tag-yellow-border)}.tag-green{background-color:var(--tag-green-bg);color:var(--tag-green-text);border-color:var(--tag-green-border)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .25s cubic-bezier(.16,1,.3,1) forwards}@media(max-width:900px){.app-container{flex-direction:column}.sidebar{width:100%;height:auto;position:fixed;bottom:0;top:auto;flex-direction:row;border-top:1px solid rgba(255,255,255,.1);border-right:none;z-index:100;padding:.25rem .5rem}.sidebar-brand,.sidebar-footer{display:none}.sidebar-menu{flex-direction:row;justify-content:space-around;padding:.25rem;width:100%}.sidebar-link{flex-direction:column;padding:.4rem;font-size:.68rem;gap:.2rem;text-align:center}.content-body{padding:1rem;margin-bottom:70px}}.content-body img,.marrow-card img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:.75rem 0;display:block;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);background-color:#fff}