:root{--c-paper: #faf6ec;--c-ink: #2a2620;--c-ink-2: #5a5247;--c-ink-3: #8a8175;--c-line: #e8dfc9;--c-gold: #d4af7a;--c-gold-soft: #fdf2dd;--c-sage: #6b8e5a;--c-saffron: #d99830;--c-terracotta: #c46b4f;--c-sky: #5a8da6;--r-md: 12px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--font-display: -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--c-paper);color:var(--c-ink);font-family:var(--font-display);-webkit-font-smoothing:antialiased}.app-wrap{max-width:480px;margin:0 auto;padding:var(--s-5) var(--s-4);min-height:100vh;display:flex;flex-direction:column}header.top{display:flex;justify-content:space-between;align-items:baseline;font-size:14px;color:var(--c-ink-2);margin-bottom:var(--s-4);border-bottom:1px solid var(--c-line);padding-bottom:var(--s-3)}h1{font-size:28px;font-weight:700;margin:0 0 var(--s-1)}h2{font-size:22px;font-weight:600;margin:0 0 var(--s-3)}h3{font-size:16px;font-weight:600;margin:var(--s-4) 0 var(--s-2)}.btn{display:block;width:100%;padding:14px 16px;border-radius:var(--r-md);border:1.5px solid var(--c-ink);background:var(--c-ink);color:var(--c-paper);font-size:16px;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity .12s;text-align:center}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:not(:disabled):active{transform:scale(.98);transition:transform .06s}.btn--gold{background:var(--c-gold);border-color:var(--c-gold);color:var(--c-ink)}.btn--ghost{background:transparent;color:var(--c-ink)}.row{display:flex;justify-content:space-between;align-items:baseline;padding:var(--s-2) 0;border-bottom:1px dashed var(--c-line);font-size:15px}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.loading{text-align:center;padding:var(--s-6);color:var(--c-ink-3);font-size:14px}.spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--c-line);border-top-color:var(--c-gold);border-radius:50%;animation:bz-spin .8s linear infinite;vertical-align:-3px;margin-right:var(--s-2)}@keyframes bz-spin{to{transform:rotate(360deg)}}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--c-sage);margin-right:var(--s-2);vertical-align:1px;animation:bz-pulse 1.6s ease-in-out infinite}@keyframes bz-pulse{0%,to{opacity:.45;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}}.error-banner{background:#fdecea;border:1px solid #f5b7b1;color:#8a2825;padding:var(--s-3) var(--s-4);border-radius:var(--r-md);font-size:14px;margin-bottom:var(--s-3)}.muted{color:var(--c-ink-3)}.center{text-align:center}.notice{background:var(--c-gold-soft);border-radius:var(--r-md);padding:var(--s-3) var(--s-4);font-size:14px;color:var(--c-ink-2)}.footer-mark{margin-top:auto;padding-top:var(--s-5);text-align:center;font-size:11px;color:var(--c-ink-3);letter-spacing:.05em}.chip-row{display:flex;gap:var(--s-2);margin-bottom:var(--s-3)}.chip{flex:1;padding:14px;border:1.5px solid var(--c-line);background:transparent;border-radius:var(--r-md);font-size:16px;font-weight:600;font-family:var(--font-mono);cursor:pointer;min-width:0}.chip:not(:disabled):active{transform:scale(.96);transition:transform .06s}.chip--on{background:var(--c-ink);color:var(--c-paper);border-color:var(--c-ink)}.chip--tip.chip--on{background:var(--c-gold);color:var(--c-ink);border-color:var(--c-gold);box-shadow:0 0 0 3px var(--c-gold-soft)}.chip--tip.chip--on:before{content:"✓ ";font-weight:700}.text-input{width:100%;padding:12px 14px;border:1.5px solid var(--c-line);border-radius:var(--r-md);font-size:16px;font-family:inherit;background:#fff}.text-input:focus{outline:none;border-color:var(--c-gold)}.method--on{background:var(--c-gold-soft)!important;border-color:var(--c-gold)!important;color:var(--c-ink)!important}