*{box-sizing:border-box;font-family:Arial,sans-serif}body{max-width:340px;margin:40px auto;padding:0 20px;color:#111;background:#fff}h1{font-size:18px;margin:0 0 2px}.s{color:#888;font-size:13px;margin:16px 0 6px}input{font-size:16px;border:0;background:#f0f0f0;color:#111;border-radius:8px;padding:12px}.tok{display:flex;align-items:center;gap:8px}.tok input{width:100%;text-align:center;letter-spacing:4px;text-transform:uppercase}.tok span{color:#bbb}.ex{width:100%}.row{display:flex;flex-wrap:wrap;gap:8px}.c{font-size:14px;border:0;border-radius:20px;background:#f0f0f0;color:#555;padding:9px 14px;cursor:pointer}.c.on{background:#111;color:#fff}.go{width:100%;font-size:16px;border:0;border-radius:8px;background:#111;color:#fff;padding:14px;margin-top:22px;cursor:pointer}.go:disabled{background:#ddd;color:#999;cursor:default}.lg{display:flex;gap:4px;justify-content:flex-end;margin:0 0 8px}.l{font-size:11px;border:0;background:none;color:#bbb;padding:3px 5px;cursor:pointer;letter-spacing:1px}.l.on{color:#111;font-weight:700}