@import "https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible+Mono:ital,wght@0,200..800;1,200..800&family=Atkinson+Hyperlegible+Next:ital,wght@0,200..800;1,200..800&family=Inter:wght@300;400;500;600;700;800;900&family=Outfit:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-base:#0f172a;--bg-elevated:#111827;--bg-card:#11182799;--bg-card-hover:#111827cc;--bg-glass:#0f172a8c;--bg-sidebar:#0f172aeb;--text-primary:#cbd5e1;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverse:#0f172a;--accent-primary:#6366f1;--accent-primary-glow:#6366f14d;--accent-secondary:#8b5cf6;--accent-success:#10b981;--accent-success-glow:#10b98140;--accent-warning:#f59e0b;--accent-danger:#ef4444;--accent-danger-glow:#ef444440;--accent-info:#06b6d4;--cat-internal:#6366f1;--cat-surgery:#ef4444;--cat-obgyn:#ec4899;--cat-pediatrics:#f59e0b;--cat-neuro:#8b5cf6;--cat-psych:#14b8a6;--cat-emergency:#f97316;--cat-public-health:#22c55e;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading:"Outfit", "Inter", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--fs-xs:.75rem;--fs-sm:.8125rem;--fs-base:.9375rem;--fs-md:1rem;--fs-lg:1.125rem;--fs-xl:1.25rem;--fs-2xl:1.5rem;--fs-3xl:1.875rem;--fs-4xl:2.25rem;--fs-5xl:3rem;--fw-light:300;--fw-normal:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.25rem;--sp-6:1.5rem;--sp-8:2rem;--sp-10:2.5rem;--sp-12:3rem;--sp-16:4rem;--sp-20:5rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-2xl:1.5rem;--radius-full:9999px;--border-subtle:1px solid #94a3b814;--border-glass:1px solid #94a3b81f;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 12px 32px #0006;--shadow-xl:0 20px 48px #00000080;--shadow-glow:0 0 24px var(--accent-primary-glow);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--sidebar-width:260px;--sidebar-collapsed:72px;--header-height:64px;--content-max:1200px}@property --gradient-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@property --gradient-angle-2{syntax:"<angle>";inherits:false;initial-value:120deg}@property --gradient-angle-3{syntax:"<angle>";inherits:false;initial-value:240deg}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-body);font-size:var(--fs-base);color:var(--text-primary);background:var(--bg-base);min-height:100vh;line-height:1.6;overflow-x:hidden}body:before{content:"";z-index:-2;background:radial-gradient(80% 50% at 20% 40%,#6366f11f 0%,#0000 70%),radial-gradient(60% 60% at 80% 20%,#8b5cf614 0%,#0000 60%),radial-gradient(70% 40% at 50% 80%,#06b6d40f 0%,#0000 60%);animation:20s ease-in-out infinite alternate meshDrift;position:fixed;inset:0}@keyframes meshDrift{0%{transform:translate(0)scale(1)}33%{transform:translate(-2%,3%)scale(1.02)}66%{transform:translate(3%,-2%)scale(.98)}to{transform:translate(-1%,1%)scale(1.01)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#94a3b833}::-webkit-scrollbar-thumb:hover{background:#94a3b859}::selection{color:var(--text-primary);background:#6366f14d}a{color:var(--accent-primary);transition:color var(--duration-fast) var(--ease-out);text-decoration:none}a:hover{color:var(--accent-secondary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--fw-bold);letter-spacing:-.02em;color:var(--text-primary);line-height:1.2}.glass-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(24px)saturate(160%);border:var(--border-glass);border-radius:var(--radius-xl);transition:transform var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 12px 32px #00000059}.glass-card:before{content:"";pointer-events:none;opacity:.035;mix-blend-mode:overlay;border-radius:inherit;background-image:url("data:image/svg+xml;utf8,<svg viewBox=\"0 0 256 256\" xmlns=\"http://www.w3.org/2000/svg\"><filter id=\"n\"><feTurbulence type=\"fractalNoise\" baseFrequency=\"0.82\" numOctaves=\"4\" stitchTiles=\"stitch\"/></filter><rect width=\"100%\" height=\"100%\" filter=\"url(%23n)\"/></svg>");position:absolute;inset:0}.glass-card:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffff14,0 16px 40px #00000073,0 0 0 1px #6366f114}.glass-card-interactive{cursor:pointer}.glass-card-interactive:active{transform:scale(.985)}.case-card{transition:transform var(--duration-fast) cubic-bezier(.4, 0, .2, 1);will-change:transform;content-visibility:auto;contain-intrinsic-size:0 220px;word-break:break-word;overflow:hidden}.case-card:hover{transform:scale(1.01)translateY(-2px)}.case-card:active{transform:scale(.985)}.case-image-thumb:hover{transform:scale(1.02);box-shadow:0 4px 16px #0000004d}.case-image-lightbox{z-index:9999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fadeIn .25s var(--ease-out);cursor:zoom-out;background:#020617e0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.btn{justify-content:center;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--fs-sm);font-weight:var(--fw-semibold);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;-webkit-user-select:none;user-select:none;border:none;display:inline-flex;position:relative;overflow:hidden}.btn:active{transform:scale(.96)}.btn-primary{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;box-shadow:0 4px 16px var(--accent-primary-glow)}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 6px 24px #6366f166}.btn-ghost{color:var(--text-secondary);border:var(--border-subtle);background:#94a3b814}.btn-ghost:hover{color:var(--text-primary);background:#94a3b826}.btn-success{background:linear-gradient(135deg, var(--accent-success), #059669);color:#fff;box-shadow:0 4px 16px var(--accent-success-glow)}.btn-danger{background:linear-gradient(135deg, var(--accent-danger), #dc2626);color:#fff;box-shadow:0 4px 16px var(--accent-danger-glow)}.btn-lg{padding:var(--sp-4) var(--sp-8);font-size:var(--fs-base);border-radius:var(--radius-lg)}.btn-icon{border-radius:var(--radius-md);width:40px;height:40px;padding:0}.badge{align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:.02em;text-transform:uppercase;display:inline-flex}.badge-primary{color:#818cf8;background:#6366f126}.badge-success{color:#34d399;background:#10b98126}.badge-warning{color:#fbbf24;background:#f59e0b26}.badge-danger{color:#f87171;background:#ef444426}.badge-info{color:#22d3ee;background:#06b6d426}.badge-internal{color:#818cf8;background:#6366f126}.badge-surgery{color:#f87171;background:#ef444426}.badge-obgyn{color:#f472b6;background:#ec489926}.badge-pediatrics{color:#fbbf24;background:#f59e0b26}.badge-neuro{color:#a78bfa;background:#8b5cf626}.badge-psych{color:#2dd4bf;background:#14b8a626}.badge-emergency{color:#fb923c;background:#f9731626}.badge-public-health{color:#4ade80;background:#22c55e26}.difficulty{letter-spacing:.1em;align-items:baseline;gap:2px;display:inline-flex}.difficulty-star{color:var(--text-muted);font-size:.9em;display:inline-block;transform:translateY(-1px)}.difficulty-star.active{color:var(--accent-warning)}.input{width:100%;padding:var(--sp-3) var(--sp-4);border:var(--border-glass);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);font-size:var(--fs-base);transition:border-color var(--duration-fast), box-shadow var(--duration-fast);background:#0f172a99;outline:none}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-glow)}.progress-bar{border-radius:var(--radius-full);background:#94a3b81a;height:6px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--accent-primary), var(--accent-secondary));border-radius:var(--radius-full);height:100%;transition:width var(--duration-slow) var(--ease-out)}.stat-value{font-family:var(--font-heading);font-size:var(--fs-4xl);font-weight:var(--fw-extrabold);letter-spacing:-.03em;background:linear-gradient(135deg, var(--text-primary), var(--text-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;line-height:1}.stat-label{font-size:var(--fs-sm);color:var(--text-muted);font-weight:var(--fw-medium);text-transform:uppercase;letter-spacing:.06em}.app-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);-webkit-backdrop-filter:blur(20px);border-right:var(--border-subtle);z-index:100;transition:width var(--duration-slow) var(--ease-out), transform var(--duration-normal) var(--ease-out);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden;transform:translate(0)}.sidebar:not(.open){transform:translate(-100%)}.sidebar-header{padding:var(--sp-6);border-bottom:var(--border-subtle)}.sidebar-brand{align-items:center;gap:var(--sp-3);display:flex}.sidebar-brand-icon{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.sidebar-brand-text h1{font-size:var(--fs-lg);font-weight:var(--fw-bold);letter-spacing:-.01em}.sidebar-brand-text p{font-size:var(--fs-xs);color:var(--text-muted);margin-top:2px}.sidebar-nav{padding:var(--sp-4);gap:var(--sp-1);flex-direction:column;flex:1;display:flex;overflow-y:auto}.sidebar-section-label{font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;padding:var(--sp-4) var(--sp-3) var(--sp-2)}.nav-link{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-3);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--fs-sm);font-weight:var(--fw-medium);transition:all var(--duration-fast) var(--ease-out);text-decoration:none;display:flex;position:relative}.nav-link:hover{color:var(--text-primary);background:#94a3b814}.nav-link.active{color:var(--accent-primary);background:#6366f11a}.nav-link.active:before{content:"";background:var(--accent-primary);border-radius:0 var(--radius-full) var(--radius-full) 0;width:3px;height:20px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.nav-link-badge{background:var(--accent-primary);color:#fff;font-size:10px;font-weight:var(--fw-bold);border-radius:var(--radius-full);margin-left:auto;padding:2px 6px;line-height:1}.sidebar-footer{padding:var(--sp-4) var(--sp-6);border-top:var(--border-subtle)}.main-content{min-height:100vh;transition:margin-left var(--duration-normal) var(--ease-out);flex-direction:column;flex:1;display:flex}.main-content.sidebar-visible{margin-left:var(--sidebar-width)}.main-content.sidebar-hidden{margin-left:0}.header{height:var(--header-height);padding:0 var(--sp-8);border-bottom:var(--border-subtle);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;contain:layout paint;background:#0a0e17b3;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}@supports ((-webkit-backdrop-filter:blur(16px)) or (backdrop-filter:blur(16px))){.header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding-bottom:calc(var(--sp-2) + 8px);background:#0a0e17a6;-webkit-mask-image:linear-gradient(#000 85%,#0000 100%);mask-image:linear-gradient(#000 85%,#0000 100%)}}.header-left{align-items:center;gap:var(--sp-4);display:flex}.header-right{align-items:center;gap:var(--sp-3);display:flex}.header-controls{position:relative}.header-popover{gap:var(--sp-2);min-width:220px;padding:var(--sp-2);z-index:120;flex-direction:column;display:flex;position:absolute;top:calc(100% + 10px);right:0}.header-menu-btn{display:inline-flex}.sidebar-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:90;background:#0206178c;border:0;display:none;position:fixed;inset:0}.page-content{padding:var(--sp-8);max-width:var(--content-max);flex:1;width:100%;margin:0 auto}.page-title{font-size:var(--fs-3xl);margin-bottom:var(--sp-2)}.page-subtitle{color:var(--text-muted);font-size:var(--fs-base)}.grid{gap:var(--sp-6);display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.option-card{align-items:flex-start;gap:var(--sp-3);padding:var(--sp-4);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);background:#0f172a66;border:1px solid #94a3b814;display:flex;position:relative}.option-card:hover{background:#6366f10f;border-color:#6366f133}.option-card.selected{border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary);background:#6366f11a}.option-card.correct{border-color:var(--accent-success);background:#10b9811a}.option-card.incorrect{border-color:var(--accent-danger);background:#ef44441a}.option-letter{border-radius:var(--radius-sm);width:28px;height:28px;font-weight:var(--fw-bold);font-size:var(--fs-sm);color:var(--text-secondary);transition:all var(--duration-fast);background:#94a3b81a;flex-shrink:0;justify-content:center;align-items:center;display:flex}.option-card.selected .option-letter{background:var(--accent-primary);color:#fff}.option-card.correct .option-letter{background:var(--accent-success);color:#fff}.option-card.incorrect .option-letter{background:var(--accent-danger);color:#fff}.sct-scale{gap:var(--sp-2);padding:var(--sp-4) 0;justify-content:center;display:flex}.sct-option{align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast);background:#0f172a66;border:1px solid #94a3b814;flex-direction:column;min-width:80px;display:flex}.sct-option:hover{background:#6366f10f;border-color:#6366f133}.sct-option.selected{border-color:var(--accent-primary);background:#6366f11f}.sct-value{font-size:var(--fs-xl);font-weight:var(--fw-bold)}.sct-label{font-size:var(--fs-xs);color:var(--text-muted);text-align:center}.timer{align-items:center;gap:var(--sp-2);font-family:var(--font-mono);font-size:var(--fs-base);font-weight:var(--fw-medium);color:var(--text-secondary);display:flex}.timer.urgent{color:var(--accent-danger);animation:1s ease-in-out infinite timerPulse}@keyframes timerPulse{0%,to{opacity:1}50%{opacity:.5}}.confidence-badge{font-size:var(--fs-xs);color:var(--text-muted);align-items:center;gap:4px;display:inline-flex}.confidence-star{color:var(--accent-warning);font-size:10px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes correctPulse{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 12px #10b98100}to{box-shadow:0 0 #10b98100}}@keyframes incorrectShake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.animate-fade-in-up{animation:fadeInUp .5s var(--ease-out) both}.animate-fade-in{animation:fadeIn .4s var(--ease-out) both}.animate-correct{animation:.6s ease-out correctPulse}.animate-incorrect{animation:.4s ease-out incorrectShake}.stagger>*{animation:fadeInUp .5s var(--ease-out) both}.stagger>:first-child{animation-delay:0s}.stagger>:nth-child(2){animation-delay:60ms}.stagger>:nth-child(3){animation-delay:.12s}.stagger>:nth-child(4){animation-delay:.18s}.stagger>:nth-child(5){animation-delay:.24s}.stagger>:nth-child(6){animation-delay:.3s}.stagger>:nth-child(7){animation-delay:.36s}.stagger>:nth-child(8){animation-delay:.42s}.flashcard-mode{--_rapid:#0d9488;--_rapid-glow:#0d948840;position:relative}.flashcard-mode:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(90% 60% at 50% 30%,#0d94881a 0%,#0000 70%),radial-gradient(60% 50% at 20% 70%,#14b8a60f 0%,#0000 60%);animation:12s ease-in-out infinite alternate rapidAmbient;position:fixed;inset:0}@keyframes rapidAmbient{0%{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}to{opacity:.8;transform:scale(.98)}}.rapid-recall-badge{align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-full);color:#2dd4bf;font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.06em;text-transform:uppercase;background:#0d948826;animation:2.5s ease-in-out infinite rapidPulse;display:inline-flex;box-shadow:0 0 12px #0d948833}@keyframes rapidPulse{0%,to{box-shadow:0 0 12px #0d948833}50%{box-shadow:0 0 24px #0d948866}}.flashcard-countdown{border-radius:var(--radius-full);height:4px;margin-bottom:var(--sp-4);background:#94a3b81a;overflow:hidden}.flashcard-countdown-fill{border-radius:var(--radius-full);transform-origin:0;height:100%;animation:countdownShrink var(--countdown-duration,30s) linear forwards;background:linear-gradient(90deg,#0d9488,#2dd4bf)}@keyframes countdownShrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.flashcard-mode .option-card:hover{background:#0d94880f;border-color:#0d94884d}.flashcard-mode .option-card.selected{background:#0d94881a;border-color:#0d9488;box-shadow:0 0 0 1px #0d9488}.flashcard-mode .option-card.selected .option-letter{color:#fff;background:#0d9488}.preset-flashcard{border-top:3px solid #0d9488!important}.preset-flashcard:hover{box-shadow:0 0 20px #0d948826}@media (width<=1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}.page-content{padding:var(--sp-6)}}@media (width<=768px){.sidebar{width:280px;box-shadow:none;transition:transform var(--duration-normal) var(--ease-out);transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:20px 0 60px #00000080}.main-content{margin-left:0!important}.sidebar-backdrop{display:block}.page-content{padding:var(--sp-4);padding-bottom:env(safe-area-inset-bottom,var(--sp-8))}.page-title{font-size:var(--fs-2xl)}.page-subtitle{font-size:var(--fs-sm)}.stat-value{font-size:var(--fs-2xl)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.header{padding:0 var(--sp-4);height:56px}.header-popover{min-width:200px;left:auto;right:0}.option-card{padding:var(--sp-4) var(--sp-3);min-height:48px}.option-letter{width:32px;height:32px;font-size:var(--fs-base)}.sct-scale{justify-content:center;gap:var(--sp-2);flex-wrap:wrap}.sct-option{min-width:60px;padding:var(--sp-2) var(--sp-3)}.case-card{contain-intrinsic-size:0 180px}.case-image-gallery div[style*=grid]{grid-template-columns:1fr!important}.glass-card{-webkit-backdrop-filter:blur(16px)saturate(140%)}.progress-bar{height:8px}.badge{padding:2px var(--sp-2);font-size:10px}.timer{font-size:var(--fs-sm)}.btn-lg{padding:var(--sp-3) var(--sp-6);font-size:var(--fs-sm)}.filter-bar-row{flex-direction:column}.filter-bar-row .input{width:100%!important;min-width:unset!important}.sidebar-footer{padding:var(--sp-3) var(--sp-4)}}@media (width<=480px){:root{--fs-base:.875rem;--fs-md:.9375rem;--fs-lg:1rem;--fs-xl:1.125rem;--fs-2xl:1.25rem;--fs-3xl:1.5rem;--fs-4xl:1.875rem}.page-content{padding:var(--sp-3)}.page-title{font-size:var(--fs-xl)}.page-subtitle{font-size:var(--fs-xs)}.glass-card{border-radius:var(--radius-lg);padding:var(--sp-3)}.grid{gap:var(--sp-3)}.header{height:48px;padding:0 var(--sp-3)}.stat-value{font-size:var(--fs-xl)}.case-card{contain-intrinsic-size:0 160px}.option-card{padding:var(--sp-3) var(--sp-2);gap:var(--sp-2)}.option-letter{width:28px;height:28px;font-size:var(--fs-sm)}.stagger>*{animation:none!important}}@media (hover:none) and (pointer:coarse){.btn{min-width:44px;min-height:44px}.btn-icon{width:44px;height:44px}.nav-link{padding:var(--sp-3) var(--sp-4);min-height:44px}.option-card{min-height:52px}.glass-card:hover{box-shadow:inherit;transform:none}.case-card:hover{transform:none}.glass-card-interactive:active,.case-card:active{transform:scale(.98)}.option-card:active{background:#6366f114}}@media print{.sidebar,.header,.sidebar-backdrop{display:none!important}.main-content{margin-left:0!important}.glass-card{color:#000!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;border:1px solid #ddd!important}body{color:#000!important;background:#fff!important}body:before{display:none!important}}@media (height<=500px) and (orientation:landscape){.sidebar{width:220px}.page-content{padding:var(--sp-3) var(--sp-4)}.page-title{font-size:var(--fs-lg);margin-bottom:var(--sp-1)}}.text-center{text-align:center}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--sp-1)}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.gap-6{gap:var(--sp-6)}.gap-8{gap:var(--sp-8)}.mt-2{margin-top:var(--sp-2)}.mt-4{margin-top:var(--sp-4)}.mt-6{margin-top:var(--sp-6)}.mt-8{margin-top:var(--sp-8)}.mb-2{margin-bottom:var(--sp-2)}.mb-4{margin-bottom:var(--sp-4)}.mb-6{margin-bottom:var(--sp-6)}.w-full{width:100%}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.btn:focus-visible{box-shadow:0 0 0 3px var(--accent-primary-glow)}.input:focus-visible{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-glow);outline:none}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}body:before{animation:none}.case-card{content-visibility:visible}}body:has(.flashcard-mode){background:#020617;overflow:hidden}body:has(.flashcard-mode):before{opacity:.15}body:has(.flashcard-mode) .sidebar{transform:translate(-100%)!important}body:has(.flashcard-mode) .header{opacity:0;transform:translateY(-100%)!important}body:has(.flashcard-mode) .main-content{justify-content:center;align-items:center;height:100vh;display:flex;margin-left:0!important}body:has(.flashcard-mode) .page-content{max-width:800px;transition:transform .4s var(--ease-spring);transform:scale(1.05)}@media (width>=1024px){.case-player-split{gap:var(--sp-6);height:calc(100vh - var(--header-height) - var(--sp-16));display:flex;overflow:hidden}.case-player-split .vignette-pane{padding-right:var(--sp-4);flex:6;max-width:70ch;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 90%,#0000 100%);mask-image:linear-gradient(#000 90%,#0000 100%)}.case-player-split .interaction-pane{padding-bottom:var(--sp-20);flex:4;min-width:360px;overflow-y:auto}.case-player-split .vignette-pane::-webkit-scrollbar{width:4px}.case-player-split .interaction-pane::-webkit-scrollbar{width:4px}.case-player-split .vignette-pane::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#94a3b826}.case-player-split .interaction-pane::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#94a3b826}}@media (width<=1023px){.case-player-split{flex-direction:column;display:flex}}:root{--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}@media (width<=768px){:root{--fs-xs:clamp(.65rem, 2.5vw, .75rem);--fs-sm:clamp(.75rem, 2.8vw, .875rem);--fs-base:clamp(.85rem, 3vw, 1rem);--fs-lg:clamp(1rem, 3.5vw, 1.125rem);--fs-xl:clamp(1.1rem, 4vw, 1.25rem);--fs-2xl:clamp(1.25rem, 4.5vw, 1.5rem)}.option-card{min-height:48px!important;padding:var(--sp-4) var(--sp-4)!important;font-size:var(--fs-base)!important}.btn,button{min-width:44px;min-height:44px}.btn-icon{padding:10px!important}.glass-card{padding:var(--sp-4)!important;margin-bottom:var(--sp-4)!important}.page-content{padding-left:max(var(--sp-3), var(--safe-left));padding-right:max(var(--sp-3), var(--safe-right));padding-bottom:calc(80px + var(--safe-bottom))}.case-action-bar{z-index:40;padding:var(--sp-3) var(--sp-4) calc(var(--sp-3) + var(--safe-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);gap:var(--sp-3);background:#0f172af2;border-top:1px solid #94a3b81a;justify-content:stretch;display:flex;bottom:0;left:0;right:0;position:fixed!important}.case-action-bar .btn{flex:1;justify-content:center}}@media (width<=640px){.badge[style*=monospace]{display:none!important}.case-player-split{margin-top:var(--sp-2)}[style*=justifyContent][style*=space-between][style*=flexWrap]{gap:var(--sp-2)!important;margin-bottom:var(--sp-3)!important}.badge{padding:2px 6px!important;font-size:9px!important}.timer{font-size:.75rem!important}[style*=letterSpacing][style*=fontSize]{font-size:.7rem!important}}@media (width<=1023px) and (orientation:landscape) and (height>=320px){.case-player-split{gap:var(--sp-4);height:calc(100vh - 60px);overflow:hidden;flex-direction:row!important}.case-player-split .vignette-pane,.case-player-split .interaction-pane{flex:1;max-height:100%;overflow-y:auto}}@media (width<=768px){[style*=How\ well]+div,.fsrs-buttons{gap:var(--sp-2);flex-wrap:wrap;display:flex!important}.fsrs-buttons button,[data-testid*=fsrs]{min-width:70px;min-height:44px;font-size:var(--fs-sm);flex:1}.lab-tooltip-trigger .lab-tooltip-popup{bottom:80px!important;left:var(--sp-4)!important;right:var(--sp-4)!important;z-index:100!important;width:auto!important;max-width:none!important;position:fixed!important;top:auto!important;transform:none!important}}body.theme-cbt .case-player-split{gap:0}@media (width<=768px){body.theme-cbt .glass-card{border-left:none!important;border-right:none!important;border-radius:0!important}body.theme-cbt .option-card{border-radius:0!important}}@supports (-webkit-overflow-scrolling:touch){.vignette-pane,.interaction-pane,.page-content{-webkit-overflow-scrolling:touch}}.smart-vignette,.vignette-text,[data-vignette]{max-width:65ch;font-family:Atkinson Hyperlegible Next,Inter,sans-serif;font-size:var(--fs-base);letter-spacing:.01em;line-height:1.8}:root[data-theme=textbook-sepia]{--bg-base:#fdfbf7;--bg-elevated:#f7f4ee;--bg-card:#ffffffd9;--bg-card-hover:#fffffff2;--bg-glass:#ffffffb3;--bg-sidebar:#f7f4eef2;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#94a3b8;--text-inverse:#f8fafc;--accent-primary:#4f46e5;--accent-primary-glow:#4f46e526;--accent-secondary:#7c3aed;--accent-success:#059669;--accent-success-glow:#0596691f;--accent-warning:#d97706;--accent-danger:#dc2626;--accent-danger-glow:#dc26261f;--accent-info:#0891b2;--border-subtle:1px solid #0000000f;--border-glass:1px solid #00000014;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 12px 32px #00000014;--shadow-xl:0 20px 48px #0000001a;--shadow-glow:none}:root[data-theme=textbook-sepia] .glass-card{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--bg-card);border:var(--border-glass);box-shadow:var(--shadow-sm)}:root[data-theme=textbook-sepia] .glass-card:before{display:none}:root[data-theme=textbook-sepia] .glass-card:hover{box-shadow:var(--shadow-md)}:root[data-theme=textbook-sepia] body:before{display:none}:root[data-theme=textbook-sepia] .header{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fdfbf7f2;border-bottom:1px solid #00000014}:root[data-theme=textbook-sepia] .sidebar{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--bg-sidebar)}:root[data-theme=textbook-sepia] .option-card{color:var(--text-primary);background:#00000005;border:1px solid #00000014}:root[data-theme=textbook-sepia] .option-card:hover{background:#4f46e50a;border-color:#4f46e533}:root[data-theme=textbook-sepia] .option-card.selected{background:#4f46e514;border-color:#4f46e566}:root[data-theme=textbook-sepia] .input{color:var(--text-primary);background:#fffc;border:1px solid #0000001f}:root[data-theme=textbook-sepia] ::selection{color:var(--text-primary);background:#4f46e526}:root[data-theme=textbook-sepia] ::-webkit-scrollbar-thumb{background:#00000026}:root[data-theme=textbook-sepia] .stat-value{background:linear-gradient(135deg, var(--text-primary), var(--text-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}:root[data-theme=prometric]{--bg-base:#d4d0c8;--bg-elevated:#ece9d8;--bg-card:#fff;--bg-card-hover:#f5f5f5;--bg-glass:#fff;--bg-sidebar:#ece9d8;--text-primary:#000;--text-secondary:#333;--text-muted:#666;--text-inverse:#fff;--accent-primary:#039;--accent-primary-glow:#0033991a;--accent-secondary:#039;--accent-success:#060;--accent-success-glow:#0066001a;--accent-warning:#c60;--accent-danger:#c00;--accent-danger-glow:#cc00001a;--accent-info:#069;--font-body:Arial, Helvetica, sans-serif;--font-heading:Arial, Helvetica, sans-serif;--border-subtle:1px solid #999;--border-glass:2px solid gray;--radius-sm:0;--radius-md:0;--radius-lg:2px;--radius-xl:2px;--radius-2xl:2px;--radius-full:2px;--shadow-sm:inset -1px -1px 0 gray, inset 1px 1px 0 #fff;--shadow-md:inset -1px -1px 0 gray, inset 1px 1px 0 #fff;--shadow-lg:none;--shadow-xl:none;--shadow-glow:none}:root[data-theme=prometric] *,:root[data-theme=prometric] :before,:root[data-theme=prometric] :after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}:root[data-theme=prometric] .glass-card{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--bg-card);border:var(--border-glass);box-shadow:var(--shadow-sm);border-radius:0}:root[data-theme=prometric] .glass-card:before{display:none}:root[data-theme=prometric] .glass-card:hover{box-shadow:var(--shadow-sm);transform:none}:root[data-theme=prometric] body:before{display:none}:root[data-theme=prometric] .header{-webkit-backdrop-filter:none;backdrop-filter:none;color:#fff;background:#039;border-bottom:2px solid #001a66}:root[data-theme=prometric] .sidebar{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--bg-sidebar);border-right:2px solid gray}:root[data-theme=prometric] .option-card{background:#fff;border:1px solid gray;border-radius:0}:root[data-theme=prometric] .option-card:hover{background:#e8e8ff}:root[data-theme=prometric] .option-card.selected{background:#cce0ff;border:2px solid #039}:root[data-theme=prometric] .btn-primary{background:#039;border-radius:0;box-shadow:inset -1px -1px #001a66,inset 1px 1px #4d80cc}:root[data-theme=prometric] .stat-value{-webkit-text-fill-color:var(--text-primary);background:0 0}