:root{--brand: #1a56ff;--brand-dark: #1443cc;--ink: #16181d;--muted: #6b7280;--bg: #f3f4f6;--card: #ffffff;--danger: #b3261e;font-family:Hiragino Sans,Noto Sans JP,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}.shell{max-width:430px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;justify-content:flex-start;padding:16px}.card{background:var(--card);border-radius:20px;padding:24px;box-shadow:0 6px 24px #0000000f;display:flex;flex-direction:column;gap:16px}.card.center{align-items:center;text-align:center;margin-top:15dvh}h1{font-size:1.25rem;margin:0}.row{display:flex;align-items:center;gap:12px}.space-between{justify-content:space-between}.full{width:100%}.balance{text-align:center;padding:12px 0 4px}.balance strong{font-size:2.6rem;font-weight:700}.balance .unit{margin-left:8px;color:var(--muted);font-size:1.1rem}.actions{justify-content:center}button,.button-link{font:inherit;border:none;border-radius:999px;padding:12px 22px;cursor:pointer;background:#e5e7eb;color:var(--ink);text-decoration:none}button.primary,.button-link.primary{background:var(--brand);color:#fff;font-weight:600}button.primary:hover{background:var(--brand-dark)}button:disabled{opacity:.5;cursor:not-allowed}button.ghost{background:transparent;color:var(--muted)}button.chip{background:#eef2ff;color:var(--brand);font-family:ui-monospace,monospace;padding:8px 14px}.section-title{font-size:.9rem;color:var(--muted);margin:8px 0 0}.tokens{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.tokens li{background:var(--bg);border-radius:12px;padding:14px 16px}label{display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:var(--muted)}input,select{font:inherit;padding:12px 14px;border:1px solid #d1d5db;border-radius:12px;color:var(--ink)}.muted{color:var(--muted)}.small{font-size:.8rem}.mono{font-family:ui-monospace,monospace;word-break:break-all}.error{color:var(--danger)}.qr{border-radius:12px}.overlay{position:fixed;inset:0;background:#ffffffd1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;font-weight:600}.spinner{width:36px;height:36px;border-radius:50%;border:4px solid #dbeafe;border-top-color:var(--brand);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--ink);color:#fff;border-radius:12px;padding:12px 16px;display:flex;gap:12px;align-items:center;max-width:min(90vw,420px)}.toast button{background:transparent;color:#93c5fd;padding:0}