@import"https://fonts.googleapis.com/css2?family=Public+Sans:wght@400;500;600;700&family=Fira+Code:wght@400;500;600&display=swap";.coding-theme{--code-bg-deep: #0f172a;--code-bg-surface: #1e293b;--code-bg-elevated: #334155;--code-bg-overlay: rgba(15, 23, 42, .8);--code-border: #334155;--code-border-light: #475569;--code-border-focus: #6366f1;--code-text: #e2e8f0;--code-text-strong: #f1f5f9;--code-text-bright: #f8fafc;--code-text-muted: #94a3b8;--code-text-subtle: #64748b;--code-text-dim: #475569;--code-accent: #6366f1;--code-accent-hover: #818cf8;--code-accent-muted: #4338ca;--code-accent-bg: #1e1b4b;--code-accent-light: #c7d2fe;--code-success: #22c55e;--code-success-bg: #064e3b;--code-success-text: #6ee7b7;--code-error: #ef4444;--code-error-bg: #7f1d1d;--code-error-text: #fca5a5;--code-warning: #f59e0b;--code-warning-bg: #78350f;--code-warning-text: #fcd34d;--code-easy-bg: #064e3b;--code-easy-text: #6ee7b7;--code-medium-bg: #78350f;--code-medium-text: #fcd34d;--code-hard-bg: #7f1d1d;--code-hard-text: #fca5a5;--font-sans: "Public Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "Fira Code", "Source Code Pro", "Consolas", monospace;--font-h2: 700 24px/1.2 var(--font-sans);--font-h3: 700 20px/1.3 var(--font-sans);--font-h4: 700 18px/1.3 var(--font-sans);--font-h5: 600 16px/1.4 var(--font-sans);--font-t1: 600 16px/1.4 var(--font-sans);--font-t2: 600 14px/1.4 var(--font-sans);--font-b1: 400 15px/1.6 var(--font-sans);--font-b2: 400 14px/1.5 var(--font-sans);--font-cap1: 600 13px/1.4 var(--font-sans);--font-cap2: 400 12px/1.4 var(--font-sans);--font-code: 400 14px/1.5 var(--font-mono);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-card: 10px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--ease-out: cubic-bezier(.16, 1, .3, 1);--duration-fast: .15s;--duration-normal: .2s;--container-max: 1400px}.coding-theme .btn{padding:7px 20px;border-radius:var(--radius-md);border:none;font:var(--font-cap1);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);white-space:nowrap}.coding-theme .btn:disabled{opacity:.5;cursor:not-allowed}.coding-theme .btn--primary{background:var(--code-accent);color:#fff}.coding-theme .btn--primary:hover:not(:disabled){background:var(--code-accent-hover)}.coding-theme .btn--success{background:var(--code-success);color:#fff}.coding-theme .btn--success:hover:not(:disabled){background:#16a34a}.coding-theme .btn--ghost{background:var(--code-bg-elevated);color:var(--code-text)}.coding-theme .btn--ghost:hover:not(:disabled){background:var(--code-border-light)}.coding-theme .btn--outline{background:transparent;border:1px solid var(--code-border);color:var(--code-text-muted)}.coding-theme .btn--outline:hover:not(:disabled){border-color:var(--code-accent);color:var(--code-accent-light)}.coding-theme .btn--lg{padding:10px 24px;font:var(--font-t2)}.coding-theme .btn--sm{padding:4px 12px;font:var(--font-cap2)}.coding-theme .badge{font:var(--font-cap2);font-weight:600;padding:2px 8px;border-radius:var(--radius-sm);text-transform:capitalize;display:inline-block}.coding-theme .badge--easy{background:var(--code-easy-bg);color:var(--code-easy-text)}.coding-theme .badge--medium{background:var(--code-medium-bg);color:var(--code-medium-text)}.coding-theme .badge--hard{background:var(--code-hard-bg);color:var(--code-hard-text)}.coding-theme .badge--accepted{background:var(--code-success-bg);color:var(--code-success-text)}.coding-theme .badge--error{background:var(--code-error-bg);color:var(--code-error-text)}.coding-theme .card{background:var(--code-bg-surface);border:1px solid var(--code-border);border-radius:var(--radius-card);padding:var(--space-4) var(--space-5);transition:all var(--duration-fast) var(--ease-out)}.coding-theme .card--interactive{cursor:pointer}.coding-theme .card--interactive:hover{border-color:var(--code-accent);box-shadow:var(--shadow-md);transform:translate(2px)}.coding-theme .card--interactive:active{transform:scale(.98)}.coding-theme .card--solved{border-left:3px solid var(--code-success)}.coding-theme .card--accent{border:1.5px solid var(--code-accent)}.coding-theme .spinner{width:16px;height:16px;border:2px solid var(--code-border);border-top-color:var(--code-accent);border-radius:50%;animation:coding-spin .6s linear infinite}.coding-theme .spinner--lg{width:32px;height:32px;border-width:3px}.coding-theme .section-heading{font:var(--font-cap1);text-transform:uppercase;letter-spacing:.5px;color:var(--code-text-muted);margin-bottom:var(--space-3)}.coding-theme .empty-state{padding:var(--space-8) var(--space-4);text-align:center;color:var(--code-text-subtle);font:var(--font-b2)}.coding-theme .rashi{background:var(--code-accent-bg);border:1px solid var(--code-accent-muted);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4)}.coding-theme .rashi__label{display:flex;align-items:center;gap:var(--space-2);font:var(--font-cap2);font-weight:600;color:var(--code-accent-light);margin-bottom:var(--space-2)}.coding-theme .rashi__message{font:var(--font-b2);line-height:1.5;color:#c4b5fd;margin:0}@keyframes coding-spin{to{transform:rotate(360deg)}}@keyframes warm-pulse{0%{box-shadow:0 0 #6366f14d}70%{box-shadow:0 0 0 10px #6366f100}to{box-shadow:0 0 #6366f100}}@keyframes success-flash{0%{background-color:var(--code-bg-surface)}30%{background-color:var(--code-success-bg)}to{background-color:var(--code-bg-surface)}}.coding-theme .milestone-pulse{animation:warm-pulse 1.5s ease-out}.coding-theme .success-flash{animation:success-flash 1s ease-out}.coding-theme ::-webkit-scrollbar{width:6px}.coding-theme ::-webkit-scrollbar-track{background:transparent}.coding-theme ::-webkit-scrollbar-thumb{background:var(--code-bg-elevated);border-radius:3px}.coding-theme ::-webkit-scrollbar-thumb:hover{background:var(--code-border-light)}:root{--primary: #22366A;--primary-hover: #405792;--primary-dark: #151F39;--primary-light: #F5F6FA;--primary-muted: #909AB4;--accent: #C88C32;--accent-light: #F2E8D8;--neutral-dark: rgba(12, 12, 12, 1);--neutral-dark-70: rgba(12, 12, 12, .7);--neutral-dark-40: rgba(12, 12, 12, .4);--neutral-dark-20: rgba(12, 12, 12, .2);--neutral-dark-10: rgba(12, 12, 12, .1);--neutral-dark-05: rgba(12, 12, 12, .05);--neutral-light: #FFFFFF;--success: #40BF7F;--success-dark: #26734C;--success-bg: #E0F5EB;--warning: #FFB21A;--warning-dark: #996600;--warning-bg: #FFF3DA;--error: #F64C4C;--error-dark: #910808;--error-bg: #FEE2E2;--info: #33A9FF;--info-dark: #005999;--info-bg: #DEF1FF;--brand-track: #EF8354;--brand-track-dark: #EB662D;--brand-track-bg: #FCEAE3;--border: rgba(12, 12, 12, .1);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 64px;--radius-bar: 2px;--radius-btn: 4px;--radius-tooltip: 6px;--radius-card: 8px;--radius-tag: 12px;--radius-chip: 22px;--radius-full: 50%;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-hero: 0 8px 24px rgba(21, 31, 57, .35);--overlay-primary: rgba(21, 31, 57, .6);--overlay-accent-subtle: rgba(200, 140, 50, .15);--overlay-accent: rgba(200, 140, 50, .2);--font-h3: 700 28px/32px "Public Sans", sans-serif;--font-h4: 700 20px/24px "Public Sans", sans-serif;--font-h5: 700 16px/24px "Public Sans", sans-serif;--font-stat: 700 32px/36px "Public Sans", sans-serif;--font-t1: 600 16px/24px "Public Sans", sans-serif;--font-t2: 700 14px/20px "Public Sans", sans-serif;--font-t3: 600 14px/20px "Public Sans", sans-serif;--font-b1: 400 16px/20px "Public Sans", sans-serif;--font-b2: 400 14px/20px "Public Sans", sans-serif;--font-cap1: 600 12px/16px "Public Sans", sans-serif;--font-cap2: 400 12px/16px "Public Sans", sans-serif;--font-cap3: 400 10px/16px "Public Sans", sans-serif;--container: 640px;--safe-bottom: 34px}@media (min-width: 768px){:root{--font-h3: 700 36px/40px "Public Sans", sans-serif;--font-h4: 700 24px/28px "Public Sans", sans-serif;--font-h5: 700 18px/24px "Public Sans", sans-serif;--font-t1: 600 18px/24px "Public Sans", sans-serif;--font-stat: 700 40px/44px "Public Sans", sans-serif;--container: 960px;--safe-bottom: 0px}}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Public Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font:var(--font-b1);color:var(--neutral-dark);background:var(--primary-light);min-height:100svh;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch;touch-action:manipulation}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-btn);font:var(--font-t3);cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,opacity .2s ease,transform .2s ease;min-height:44px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--primary);color:var(--neutral-light)}.btn--primary:hover:not(:disabled){background:var(--primary-hover)}.btn--primary:active:not(:disabled){transform:scale(.98)}.btn--secondary{background:var(--accent);color:var(--neutral-light)}.btn--secondary:hover:not(:disabled){background:var(--accent);filter:brightness(.85)}.btn--outline{background:transparent;color:var(--primary);border:1.5px solid var(--neutral-dark-10)}.btn--outline:hover:not(:disabled){background:var(--primary-light)}.btn--ghost{background:transparent;color:var(--neutral-dark-40)}.btn--ghost:hover:not(:disabled){color:var(--error)}.btn--lg{padding:var(--space-3) var(--space-6);font:var(--font-t1)}.btn--block{width:100%}.card{background:var(--neutral-light);border-radius:var(--radius-card);padding:var(--space-6);box-shadow:var(--shadow-sm);border:1px solid var(--neutral-dark-05)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeInUp .3s ease-out forwards}.animate-slide-in{animation:slideInRight .25s ease-out forwards}.animate-scale-in{animation:scaleIn .2s ease-out forwards}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 1s ease-in-out infinite}.animate-stagger-1{opacity:0;animation:fadeInUp .3s ease-out .05s forwards}.animate-stagger-2{opacity:0;animation:fadeInUp .3s ease-out .1s forwards}.animate-stagger-3{opacity:0;animation:fadeInUp .3s ease-out .15s forwards}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{background:linear-gradient(90deg,var(--neutral-dark-05) 25%,rgba(12,12,12,.08) 50%,var(--neutral-dark-05) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-card);pointer-events:none}.skeleton--text{height:14px;border-radius:var(--radius-btn)}.skeleton--card{height:80px}.skeleton--bar{height:6px;border-radius:var(--radius-bar)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}button:focus:not(:focus-visible),a:focus:not(:focus-visible){outline:none}.modal-overlay{position:fixed;inset:0;background:var(--overlay-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:flex;align-items:flex-end;justify-content:center}.modal{background:var(--neutral-light);border-radius:var(--radius-tag) var(--radius-tag) 0 0;width:100%;max-width:640px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-lg)}.modal-handle{width:40px;height:4px;background:var(--neutral-dark-20);border-radius:2px;margin:var(--space-2) auto 0}@media (min-width: 768px){.modal-overlay{align-items:center}.modal{border-radius:var(--radius-tag);max-width:560px;max-height:80vh}.modal-handle{display:none}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--neutral-dark-10)}.modal-header h2{font:var(--font-h4)}.modal-close{background:none;border:none;font-size:28px;color:var(--neutral-dark-40);cursor:pointer;line-height:1;padding:var(--space-1);min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:var(--primary)}.modal-body{padding:var(--space-6);overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch}.modal-footer{padding:var(--space-4) var(--space-6);padding-bottom:calc(var(--space-4) + var(--safe-bottom));border-top:1px solid var(--neutral-dark-10)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.1);border-radius:10px}@media (min-width: 768px){::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.15)}::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.25)}}