:root{--color-bg:#0f1420;--color-bg-elevated:#161d2e;--color-bg-card:#1b2436;--color-border:#2a3550;--color-text:#eef1f8;--color-text-muted:#99a3bd;--color-primary:#ffcb05;--color-primary-text:#1a1300;--color-accent:#e3350d;--color-accent-text:#fff;--color-success:#3ecf8e;--color-error:#ff6b6b;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--max-width:640px;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body{height:100%}body{background:radial-gradient(circle at top, #182036 0%, var(--color-bg) 55%);color:var(--color-text);margin:0;font-family:Segoe UI,system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}h1,h2,h3{margin:0 0 var(--space-2);letter-spacing:-.01em;line-height:1.2}h1{font-size:clamp(1.5rem,5vw,2rem)}h2{font-size:1.15rem}p{margin:0 0 var(--space-4);color:var(--color-text-muted)}a{color:var(--color-primary)}.page{max-width:var(--max-width);padding:var(--space-5) var(--space-4) var(--space-6);margin:0 auto}.app-header{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border);background:#0f1420d9;position:sticky;top:0}.app-header__inner{max-width:var(--max-width);padding:var(--space-3) var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-2);margin:0 auto;display:flex}.app-header__link{color:var(--color-text-muted);font-size:.85rem;font-weight:600;text-decoration:none}.app-header__link:hover{color:var(--color-text)}.app-header__logo{align-items:center;gap:var(--space-2);color:var(--color-text);font-size:1.1rem;font-weight:800;text-decoration:none;display:flex}.app-header__badge{background:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;font-size:1rem;display:inline-flex}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);cursor:pointer;touch-action:manipulation;border:none;width:100%;padding:.9rem 1.25rem;font-size:1rem;font-weight:700;text-decoration:none;transition:transform 80ms,filter .15s,opacity .15s;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--color-primary-text)}.btn-primary:hover:not(:disabled){filter:brightness(1.05)}.btn-accent{background:var(--color-accent);color:var(--color-accent-text)}.btn-accent:hover:not(:disabled){filter:brightness(1.08)}.btn-outline{color:var(--color-text);border:1px solid var(--color-border);background:0 0}.btn-stack{gap:var(--space-3);flex-direction:column;display:flex}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.card+.card{margin-top:var(--space-3)}.hero-card{background:linear-gradient(155deg, var(--color-bg-elevated), var(--color-bg-card));border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-5)}.badge{color:var(--color-primary);background:#ffcb0526;border-radius:999px;align-items:center;padding:.15rem .6rem;font-size:.75rem;font-weight:700;display:inline-flex}.stat-row{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.stat{border:1px solid var(--color-border);border-radius:var(--radius-sm);min-width:5.5rem;padding:var(--space-2) var(--space-3);background:#ffffff08;flex:auto}.stat__label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);font-size:.7rem;display:block}.stat__value{font-size:1.05rem;font-weight:700;display:block}.card-row{gap:var(--space-3);align-items:flex-start;display:flex}.card-thumb{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:#ffffff08;flex-shrink:0;width:4.5rem;height:4.5rem}.card-row__body{flex:1;min-width:0}.error-banner{border:1px solid var(--color-error);color:var(--color-error);border-radius:var(--radius-sm);padding:var(--space-3);margin-bottom:var(--space-4);background:#ff6b6b1f;font-size:.9rem}.empty-state{color:var(--color-text-muted);text-align:center;padding:var(--space-5) 0;font-size:.9rem}.file-drop{border:2px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);text-align:center;color:var(--color-text-muted);cursor:pointer;margin-bottom:var(--space-4);transition:border-color .15s;display:block}.file-drop:hover{border-color:var(--color-primary)}.file-drop input{display:none}.file-drop__name{color:var(--color-text);margin-top:var(--space-2);word-break:break-all;font-weight:600}