: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--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}.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--on{background:var(--c-ink);color:var(--c-paper);border-color:var(--c-ink)}.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}