@charset "UTF-8";:root{--primary: #4f7fff;--primary-light: #eef2ff;--primary-dark: #3a65e8;--success: #22c55e;--success-light: #f0fdf4;--danger: #ef4444;--danger-light: #fef2f2;--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;--border-radius: 8px;--border-radius-sm: 4px;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--surface: #ffffff;--surface-2: #f9fafb}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--font-sans);font-size:16px;color:var(--gray-800);background:var(--surface)}h1,h2,h3,h4,h5{margin:0 0 .5rem;line-height:1.25}p{margin:0 0 .75rem}a{color:var(--primary)}input,select,textarea{font-family:inherit;font-size:.9rem;padding:.45rem .65rem;border:1px solid var(--gray-300);border-radius:var(--border-radius-sm);outline:none;transition:border-color .15s,box-shadow .15s;background:var(--surface);color:var(--gray-800)}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f7fff26}textarea{resize:vertical}button{font-family:inherit;font-size:.875rem;font-weight:500;cursor:pointer;border:none;border-radius:var(--border-radius-sm);padding:.45rem .9rem;transition:background .15s,opacity .15s}button:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-secondary{background:var(--surface);color:var(--primary);border:1px solid var(--primary)}.btn-secondary:hover:not(:disabled){background:var(--primary-light)}.btn-ghost{background:transparent;color:var(--gray-600)}.btn-ghost:hover:not(:disabled){background:var(--gray-100)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-sm{font-size:.8rem;padding:.25rem .6rem}.alert-error{background:var(--danger-light);color:var(--danger);border:1px solid #fecaca;border-radius:var(--border-radius-sm);padding:.6rem .85rem;font-size:.875rem;margin-bottom:1rem}.badge{display:inline-block;padding:.15rem .45rem;border-radius:999px;font-size:.75rem;font-weight:600}.diff-easy{background:#d1fae5;color:#065f46}.diff-medium{background:#fef3c7;color:#92400e}.diff-hard{background:#fee2e2;color:#991b1b}.page{padding:1.5rem;max-width:1100px}@media(max-width:600px){.page{padding:0}}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.page-header h2{margin:0}@media(max-width:600px){.page-header{flex-wrap:wrap;gap:.5rem}.page-header .header-actions{flex-wrap:wrap}}.loading{color:var(--gray-400);font-size:.9rem}.empty{color:var(--gray-400)}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{display:block;background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite;border-radius:var(--border-radius-sm)}html[data-theme=dark]{color-scheme:dark;--primary: #7ba7ff;--primary-light: #1a2e4a;--primary-dark: #6b93ff;--success: #4ade80;--success-light: #052e16;--danger: #f87171;--danger-light: #2d0808;--gray-50: #1a1f2e;--gray-100: #252d3d;--gray-200: #334155;--gray-300: #475569;--gray-400: #64748b;--gray-500: #94a3b8;--gray-600: #cbd5e1;--gray-700: #e2e8f0;--gray-800: #f1f5f9;--gray-900: #f8fafc;--surface: #1e293b;--surface-2: #1a1f2e}html[data-theme=dark] .diff-easy{background:#064e3b;color:#6ee7b7}html[data-theme=dark] .diff-medium{background:#78350f;color:#fcd34d}html[data-theme=dark] .diff-hard{background:#7f1d1d;color:#fca5a5}html[data-theme=dark] body{background:#0f172a;color:var(--gray-800)}