@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700;12..96,800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&family=JetBrains+Mono:wght@400;600&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f9f6f2;--bg2:#f1ece5;--bg3:#e8e1d8;--surface:#fff;--amber:#e06800;--amber-light:rgba(224,104,0,.12);--gold:#c49200;--ember:#c92b00;--text:#1c1a17;--muted:#7c7068;--border:#ddd5c8;--border2:#ede8e1;--glow:rgba(224,104,0,.22);--font-display:"Bricolage Grotesque",sans-serif;--font-body:"DM Sans",sans-serif;--font-mono:"JetBrains Mono",monospace;--radius:12px;--radius-sm:8px}body,html{background:var(--bg);color:var(--text);font-family:var(--font-body);min-height:100vh;-webkit-font-smoothing:antialiased;font-size:16px}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-body)}.display{font-family:var(--font-display);font-weight:800;letter-spacing:-.03em;line-height:1}.label{font-family:var(--font-body);font-size:.75rem;font-weight:500;letter-spacing:.04em;color:var(--muted)}.card{border:1px solid var(--border2);border-radius:var(--radius)}.card,input{background:var(--surface)}input{font-family:var(--font-body);font-size:.9375rem;border:1.5px solid var(--border);color:var(--text);padding:.75rem 1rem;border-radius:var(--radius-sm);outline:none;width:100%;transition:border-color .18s,box-shadow .18s}input:focus{border-color:var(--amber);box-shadow:0 0 0 3px var(--amber-light)}input::placeholder{color:var(--border)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-body);font-weight:600;font-size:.9375rem;background:var(--amber);border:none;color:#fff;padding:.8125rem 2rem;border-radius:var(--radius-sm);cursor:pointer;transition:background .18s,transform .12s,box-shadow .18s;box-shadow:0 2px 8px rgba(224,104,0,.3),0 1px 2px rgba(0,0,0,.06)}.btn-primary:hover{background:#c85f00;box-shadow:0 4px 16px rgba(224,104,0,.4),0 1px 2px rgba(0,0,0,.06);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-ghost{display:inline-flex;align-items:center;gap:.375rem;font-family:var(--font-body);font-size:.875rem;font-weight:500;background:transparent;border:1.5px solid var(--border);color:var(--text);padding:.625rem 1.25rem;border-radius:var(--radius-sm);cursor:pointer;transition:border-color .18s,background .18s}.btn-ghost:hover{border-color:var(--text);background:var(--bg2)}.btn-text{font-family:var(--font-body);font-size:.875rem;font-weight:500;background:transparent;border:none;color:var(--muted);cursor:pointer;transition:color .18s;padding:0}.btn-text:hover,.state-badge{color:var(--text)}.state-badge{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-body);font-size:.8125rem;font-weight:500;background:var(--surface);border:1px solid var(--border2);border-radius:100px;padding:.375rem .875rem;box-shadow:0 1px 3px rgba(0,0,0,.06)}.dot{width:7px;height:7px;border-radius:50%;background:var(--muted);display:inline-block}.dot.active{background:var(--amber);box-shadow:0 0 0 3px var(--amber-light);animation:pulse-dot 1.8s ease-in-out infinite}.dot.fast{animation:pulse-dot .7s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.code-block{font-family:var(--font-mono);font-size:.8125rem;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.875rem 1rem;word-break:break-all;line-height:1.6}.rarity-rare{color:#c49200}.rarity-uncommon{color:var(--amber)}.rarity-common{color:var(--muted)}