:root{--color-bg:#fff;--color-surface:#f8fafc;--color-surface-alt:#f1f5f9;--color-border:#475569;--color-border-subtle:#94a3b8;--color-text:#0f172a;--color-text-muted:#475569;--color-link:#1d4ed8;--color-link-hover:#1e3a8a;--color-focus:#1d4ed8;--color-ok-text:#15803d;--color-ok-bg:#f0fdf4;--color-ok-border:#15803d;--color-warn-text:#b45309;--color-warn-bg:#fffbeb;--color-warn-border:#b45309;--color-neutral-text:#334155;--color-neutral-bg:#f1f5f9;--color-neutral-border:#475569;--color-error-text:#b91c1c;--color-error-bg:#fef2f2;--color-error-border:#b91c1c;--radius:8px;--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2rem;--maxw:48rem;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}@media(prefers-color-scheme:dark){:root{--color-bg:#0f172a;--color-surface:#1e293b;--color-surface-alt:#334155;--color-border:#94a3b8;--color-border-subtle:#64748b;--color-text:#f8fafc;--color-text-muted:#cbd5e1;--color-link:#93c5fd;--color-link-hover:#bfdbfe;--color-focus:#93c5fd;--color-ok-text:#86efac;--color-ok-bg:#14271a;--color-ok-border:#4ade80;--color-warn-text:#fcd34d;--color-warn-bg:#2a2410;--color-warn-border:#fbbf24;--color-neutral-text:#e2e8f0;--color-neutral-bg:#1e293b;--color-neutral-border:#94a3b8;--color-error-text:#fca5a5;--color-error-bg:#2a1414;--color-error-border:#f87171}}*{box-sizing:border-box}html{color-scheme:light dark;font-family:var(--font);line-height:1.6}body{background:var(--color-bg);color:var(--color-text);font-size:1rem;margin:0}h1,h2,h3{line-height:1.25}a{color:var(--color-link)}a:hover{color:var(--color-link-hover)}:where(a,button,input,[tabindex],[role=button]):focus-visible{border-radius:4px;outline:3px solid var(--color-focus);outline-offset:2px}.btn:focus-within{outline:3px solid var(--color-focus);outline-offset:2px}.visually-hidden{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.skip-link{background:var(--color-bg);border:2px solid var(--color-focus);border-radius:var(--radius);color:var(--color-link);left:var(--space-1);padding:var(--space-1) var(--space-2);position:absolute;top:-3rem;transition:top .15s ease;z-index:100}.skip-link:focus{top:var(--space-1)}.page{display:flex;flex-direction:column;min-height:100vh}.container{margin:0 auto;max-width:var(--maxw);padding:var(--space-3) var(--space-2);width:100%}.site-footer,.site-header{border-bottom:1px solid var(--color-border-subtle)}.site-footer{border-bottom:0;border-top:1px solid var(--color-border-subtle);color:var(--color-text-muted);font-size:.9rem;margin-top:auto}main:focus{outline:none}.card{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius);margin-block:var(--space-3);padding:var(--space-3)}.btn{align-items:center;background:var(--color-link);border:2px solid var(--color-link);border-radius:var(--radius);color:var(--color-bg);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:var(--space-1);padding:.625rem 1.25rem}.btn:hover{background:var(--color-link-hover);border-color:var(--color-link-hover)}.btn[disabled]{cursor:not-allowed;opacity:.6}.btn-secondary{background:transparent;color:var(--color-link)}.btn-secondary:hover{background:var(--color-surface-alt);color:var(--color-link-hover)}.dropzone{align-items:center;background:var(--color-surface);border:2px dashed var(--color-border);border-radius:var(--radius);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);text-align:center}.dropzone--active{background:var(--color-surface-alt);border-color:var(--color-link);border-style:solid}.banner{align-items:flex-start;background:var(--color-neutral-bg);border:2px solid var(--color-neutral-border);border-radius:var(--radius);color:var(--color-text);display:flex;gap:var(--space-2);padding:var(--space-2)}.banner__icon{flex:0 0 auto;height:1.5rem;width:1.5rem}.banner--ok{background:var(--color-ok-bg);border-color:var(--color-ok-border)}.banner--ok .banner__icon{color:var(--color-ok-text)}.banner--warn{background:var(--color-warn-bg);border-color:var(--color-warn-border)}.banner--warn .banner__icon{color:var(--color-warn-text)}.banner--neutral .banner__icon{color:var(--color-neutral-text)}.banner--error{background:var(--color-error-bg);border-color:var(--color-error-border)}.banner--error .banner__icon{color:var(--color-error-text)}.tech-list{display:flex;flex-direction:column;gap:var(--space-2);list-style:none;margin:0;padding:0}.tech-row{background:var(--color-bg);border:1px solid var(--color-border-subtle);border-radius:var(--radius);padding:var(--space-2)}.tech-row__head{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-1)}.tech-icon{flex:0 0 auto;height:1.25rem;width:1.25rem}.tag{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:999px;color:var(--color-text);display:inline-flex;font-size:.85rem;font-weight:600;gap:.25rem;padding:.125rem .5rem}dl.manifest{display:grid;gap:.25rem var(--space-2);grid-template-columns:max-content 1fr;margin:0}dl.manifest dt{color:var(--color-text-muted);font-weight:600}dl.manifest dd{margin:0}.lang-switch{display:inline-flex;gap:.25rem}.lang-switch button[aria-pressed=true]{background:var(--color-link);border-color:var(--color-link);color:var(--color-bg)}.spinner{animation:spin .8s linear infinite;border:3px solid var(--color-border-subtle);border-radius:50%;border-top-color:var(--color-link);display:inline-block;height:1.25rem;width:1.25rem}@keyframes spin{to{transform:rotate(1turn)}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.spinner{animation:none}}