:root{--surface-0:#f5f4f0;--surface-1:#ecece6;--surface-2:#fff;--text-primary:#1a1a18;--text-secondary:#5f5e5a;--text-muted:#888780;--border:#dedcd4;--border-strong:#c7c5bc;--bg-accent:#e6f1fb;--text-accent:#185fa5;--bg-danger:#fcebeb;--text-danger:#a32d2d;--bg-warning:#faeeda;--text-warning:#854f0b;--bg-success:#eaf3de;--text-success:#3b6d11;--fill-success:#639922;--brand-blue:#1a5fb4;--brand-blue-text:#fff;--brand-yellow:#f0b429;--brand-yellow-text:#7a5200;--radius:6px;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Inter, sans-serif;--font-mono:ui-monospace, "SF Mono", "Roboto Mono", Menlo, Consolas, monospace;--grid-line:#0000000b}@media (prefers-color-scheme:dark){:root{--surface-0:#17171a;--surface-1:#202024;--surface-2:#232327;--text-primary:#f0f0ee;--text-secondary:#a8a7a0;--text-muted:#77766f;--border:#35343a;--border-strong:#46454c;--bg-accent:#0c447c;--text-accent:#b5d4f4;--bg-danger:#791f1f;--text-danger:#f7c1c1;--bg-warning:#633806;--text-warning:#fac775;--bg-success:#27500a;--text-success:#c0dd97;--fill-success:#639922;--brand-blue:#5b9bd9;--brand-blue-text:#0c1b2e;--brand-yellow:#f5c542;--brand-yellow-text:#3d2e00;--grid-line:#ffffff0b}}*{box-sizing:border-box}html{overflow-x:hidden}body{background:repeating-linear-gradient(0deg, var(--grid-line) 0, var(--grid-line) 1px, transparent 1px, transparent 28px), repeating-linear-gradient(90deg, var(--grid-line) 0, var(--grid-line) 1px, transparent 1px, transparent 28px), var(--surface-0);color:var(--text-primary);font-family:var(--font-sans);margin:0;overflow-x:hidden}#root{text-align:left;max-width:960px;margin:0 auto;padding:2rem 1.5rem 4rem}@media (width<=640px){#root{padding:1.25rem 1rem 3rem}}img,svg{max-width:100%}h1,h2,h3{color:var(--text-primary);margin:0;font-weight:500}h1{font-size:21px;font-family:var(--font-mono);letter-spacing:.2px;color:var(--brand-blue)}h2{font-size:18px}h3{font-size:16px}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}p{margin:0}button{border:.5px solid var(--border-strong);border-radius:var(--radius);color:var(--text-primary);cursor:pointer;background:0 0;padding:6px 12px;font-family:inherit;font-size:13px;transition:background .15s,transform .1s,box-shadow .15s}button:hover{background:var(--surface-1)}button:active{transform:scale(.96)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--brand-blue);outline-offset:1px}button.primary{background:var(--brand-blue);color:var(--brand-blue-text);border-color:var(--brand-blue)}button.primary:hover{filter:brightness(1.1)}input,select,textarea{background:var(--surface-2);border:.5px solid var(--border-strong);border-radius:var(--radius);color:var(--text-primary);padding:6px 10px;font-family:inherit;font-size:13px;transition:border-color .15s}input:hover,select:hover,textarea:hover{border-color:var(--brand-blue)}.pill{border-radius:var(--radius);white-space:nowrap;padding:2px 8px;font-size:11px;font-weight:500}@keyframes achievement-pop{0%{opacity:0;transform:scale(.9)translateY(-6px)}60%{opacity:1;transform:scale(1.02)translateY(0)}to{opacity:1;transform:scale(1)translateY(0)}}.achievement-toast{animation:.4s achievement-pop;box-shadow:0 4px 18px #0000002e}@keyframes fade-in-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}