@import "https://fonts.googleapis.com/css2?family=Chivo:wght@400;600;700&family=Space+Grotesk:wght@500;700&display=swap";:root{--bg:#0f1117;--bg-2:#171c24;--ink:#e8edf2;--muted:#aeb7c2;--line:#34404f;--card:#202733;--accent:#c9a227;--accent-2:#e3c86b;--warn:#ff7b72;--warn-bg:#2a1618;--shadow:0 16px 34px #0000006b;--th-bg:#26303d;--input-border:#4b5a6d;--warn-border:#7f4744;--bg-gradient-center:#1a2029;--bg-gradient-outer:#0b1016;--hero-gradient-start:#26303d;--hero-gradient-end:#161c25;--surface-raised:#171c24;--surface-alt:#141a22;--status-bg:#171d25;--on-accent:#12161c;--progress-pill-border:#c9a2275c;--progress-pill-bg:#c9a22724;--progress-track-border:#c9a2273d;--progress-track-start:#1d242d;--progress-track-end:#28323e;--progress-bar-end:#efd37e}*{box-sizing:border-box}body{color:var(--ink);background:radial-gradient(circle at 10% 5%, var(--bg-gradient-center) 0%, var(--bg) 45%), linear-gradient(130deg, var(--bg) 0%, var(--bg-gradient-outer) 100%);margin:0;font-family:Chivo,Segoe UI,sans-serif}#root{max-width:1500px;margin:0 auto;padding:1.2rem}.page{gap:1rem;display:grid}.hero{border:1px solid var(--line);background:linear-gradient(160deg, var(--hero-gradient-start) 0%, var(--hero-gradient-end) 100%);box-shadow:var(--shadow);border-radius:18px;padding:1.1rem 1.3rem}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.78rem;font-weight:700}h1{margin:.3rem 0;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:clamp(1.4rem,4vw,2.3rem);line-height:1.1}h2{margin:0 0 .35rem;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:1rem}h3{margin:0 0 .3rem;font-size:.9rem}.subtext{color:var(--muted);margin:0;font-size:.9rem}.field-hint{color:var(--muted);margin-top:.25rem;font-size:.78rem;display:block}.layout{gap:1rem;display:grid}.top-controls{grid-template-columns:minmax(0,1.35fr) minmax(320px,1fr);align-items:stretch;gap:1rem;display:grid}.top-controls-right{grid-template-rows:auto minmax(0,1fr);align-content:stretch;gap:1rem;height:100%;display:grid}.url-input-card{grid-template-rows:auto auto auto 1fr;gap:.65rem;height:100%;display:grid}.url-input-card .upload-actions{margin:.1rem 0 0}.url-input-card .textarea{height:100%;min-height:0}.top-controls-right .actions{align-content:start;height:100%}.status-row{gap:.75rem;display:grid}.card{border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow);border-radius:14px;padding:.9rem}.error-card{border-color:var(--warn-border);background:var(--warn-bg)}.error-list{color:var(--warn);margin:.6rem 0 0;padding-left:1rem}.mapping-grid{gap:.8rem;margin-top:.6rem;display:grid}.mapping-panel{gap:.7rem;display:grid}.mapping-panel-header{flex-wrap:wrap;justify-content:space-between;gap:.7rem;display:flex}.mapping-panel-body{gap:.75rem;display:grid}.mapping-panel-actions{flex-wrap:wrap;gap:.45rem;display:flex}.mapping-summary{border:1px dashed var(--line);background:var(--surface-alt);border-radius:8px;padding:.5rem .6rem}.mapping-row{border:1px solid var(--line);background:var(--bg-2);border-radius:10px;gap:.35rem;padding:.6rem;display:grid}label{color:var(--muted);gap:.25rem;font-size:.85rem;display:grid}.input{border:1px solid var(--input-border);width:100%;font:inherit;color:var(--ink);background:var(--surface-raised);border-radius:8px;padding:.5rem .6rem}.textarea{resize:vertical;min-height:190px}.upload-actions{gap:.45rem;margin:.75rem 0;display:grid}.upload-button{width:fit-content}.file-input-hidden{display:none}.upload-status{color:var(--accent-2);margin:0;font-size:.82rem}.actions{gap:.55rem;display:grid}.button{border:1px solid var(--line);font:inherit;cursor:pointer;background:var(--surface-raised);color:var(--ink);border-radius:10px;padding:.58rem .76rem}.button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.button:disabled{opacity:.6;cursor:not-allowed}.status{border:1px dashed var(--line);background:var(--status-bg);color:var(--muted);border-radius:10px;margin:0;padding:.55rem}.progress-card{gap:.75rem}.progress-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.progress-pill{border:1px solid var(--progress-pill-border);background:var(--progress-pill-bg);color:var(--accent);text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:.18rem .5rem;font-size:.74rem;font-weight:700}.progress-track{border:1px solid var(--progress-track-border);background:linear-gradient(90deg, var(--progress-track-start) 0%, var(--progress-track-end) 100%);border-radius:999px;height:.8rem;overflow:hidden}.progress-bar{border-radius:inherit;background:linear-gradient(90deg, var(--accent) 0%, var(--progress-bar-end) 100%);height:100%;transition:width .2s ease-out}.progress-meta{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:.5rem;font-size:.8rem;display:flex}.progress-note{margin-top:-.1rem}.difficulty-views{gap:.65rem;display:grid}.difficulty-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.difficulty-tabs{flex-wrap:wrap;gap:.45rem;display:flex}.difficulty-tab{border:1px solid var(--line);font:inherit;cursor:pointer;background:var(--surface-raised);color:var(--ink);border-radius:999px;padding:.35rem .75rem;font-size:.84rem}.difficulty-tab.is-active{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.difficulty-tab:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.table-wrap{max-width:100%;margin-top:.6rem;overflow:auto}table{border-collapse:collapse;width:100%;min-width:980px}th,td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:.5rem;font-size:.86rem}th{background:var(--th-bg);z-index:1;position:sticky;top:0}.table-sort-button{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:.35rem;width:100%;padding:0;display:flex}.table-sort-button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.table-sort-indicator{min-width:.7rem;color:var(--muted)}.table-pagination{justify-content:flex-end;align-items:center;gap:.55rem;margin-top:.75rem;display:flex}.table-page-button{border:1px solid var(--line);background:var(--surface-raised);color:var(--ink);font:inherit;cursor:pointer;border-radius:.45rem;padding:.3rem .55rem}.table-page-button:disabled{opacity:.55;cursor:not-allowed}.table-page-indicator{color:var(--muted);font-size:.82rem}.url-cell{gap:.2rem;min-width:72px;display:grid}.url-token-link,.url-token-text{white-space:nowrap;display:inline-block}.url-token-link{color:var(--accent-2);text-underline-offset:2px;text-decoration-thickness:1px}.url-token-link:focus-visible{outline:2px solid var(--accent);outline-offset:1px}@media (width<=1100px){.top-controls{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}