@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--brand-primary:#22c55e;--brand-primary-hover:#16a34a;--brand-accent:#4ade80;--brand-green:#22c55e;--brand-red:#ef4444;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--surface-bg:#f0f2f5;--surface-card:#fff;--surface-elevated:#fff;--verdict-ac:#22c55e;--verdict-ac-bg:#22c55e26;--verdict-wa:#ef4444;--verdict-wa-bg:#ef444426;--verdict-tle:#f59e0b;--verdict-tle-bg:#f59e0b26;--verdict-ce:#a855f7;--verdict-ce-bg:#a855f726;--verdict-re:#ec4899;--verdict-re-bg:#ec489926;--verdict-pending:#9ca3af;--verdict-pending-bg:#9ca3af26;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000000d;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease}*,: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-sans);background-color:var(--surface-bg);color:var(--gray-800);min-height:100vh;line-height:1.6}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.card{background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--gray-200)}.interactive-card{transition:transform var(--transition-fast), box-shadow var(--transition-fast)}.interactive-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.badge{letter-spacing:.01em;border-radius:999px;align-items:center;gap:.25rem;padding:.2rem .6rem;font-size:.78rem;font-weight:700;display:inline-flex}.badge-ac{background:var(--verdict-ac-bg);color:var(--verdict-ac)}.badge-wa{background:var(--verdict-wa-bg);color:var(--verdict-wa)}.badge-tle{background:var(--verdict-tle-bg);color:var(--verdict-tle)}.badge-ce{background:var(--verdict-ce-bg);color:var(--verdict-ce)}.badge-re{background:var(--verdict-re-bg);color:var(--verdict-re)}.badge-easy{color:#4ade80;background:#22c55e26}.badge-medium{color:#facc15;background:#eab30826}.badge-hard{color:#f87171;background:#ef444426}.btn{border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.4rem;padding:.55rem 1.25rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--brand-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--brand-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-success{background:var(--brand-green);color:#fff}.btn-success:hover:not(:disabled){background:#15803d;transform:translateY(-1px)}.btn-ghost{background:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-200)}.btn-ghost:hover:not(:disabled){background:var(--gray-200)}.btn-danger{color:var(--brand-red);background:#fef2f2;border:1px solid #fca5a5}.btn-danger:hover:not(:disabled){background:#fee2e2}.form-input{border:1.5px solid var(--gray-300);border-radius:var(--radius-md);width:100%;font-family:var(--font-sans);color:var(--gray-800);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background:#fff;outline:none;padding:.6rem .85rem;font-size:.95rem}.form-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #1a56db1f}.form-input::placeholder{color:var(--gray-400)}.code-block{font-family:var(--font-mono);color:#e6edf3;border-radius:var(--radius-md);white-space:pre-wrap;background:#0d1117;padding:1rem 1.25rem;font-size:.875rem;line-height:1.65;overflow-x:auto}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin;display:inline-block}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.live-dot{background:var(--brand-green);border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite pulse-dot;display:inline-block}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--gray-100) 25%, var(--gray-200) 50%, var(--gray-100) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.3s forwards fadeIn}.data-table{border-collapse:collapse;width:100%;font-size:.9rem}.data-table th{background:var(--gray-50);color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;text-align:left;border-bottom:1px solid var(--gray-200);padding:.75rem 1rem;font-size:.78rem;font-weight:600}.data-table td{border-bottom:1px solid var(--gray-100);color:var(--gray-700);padding:.9rem 1rem}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--gray-50)}.list-item-hover{transition:background var(--transition-fast)}.list-item-hover:hover{background:var(--gray-50)!important}.contest-pill-hover{transition:background var(--transition-fast)}.contest-pill-hover:hover{background:#dcfce7!important}.tab-bar{border-bottom:2px solid var(--gray-200);gap:0;margin-bottom:1.5rem;display:flex}.tab-item{color:var(--gray-500);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast);white-space:nowrap;font-size:.9rem;font-weight:500;font-family:var(--font-sans);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:.65rem 1.25rem;text-decoration:none}.tab-item:hover{color:var(--gray-800)}.tab-item.active{color:var(--brand-primary);border-bottom-color:var(--brand-primary);font-weight:600}.alert{border-radius:var(--radius-md);align-items:flex-start;gap:.6rem;padding:.85rem 1rem;font-size:.9rem;display:flex}.alert-info{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe}.alert-success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.alert-warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.alert-error{color:#991b1b;background:#fef2f2;border:1px solid #fca5a5}