#accountbtn,#qrbtn{font-size:12px;padding:6px 11px;border-radius:99px;border:1px solid var(--line);background:var(--surface);color:var(--dim);font-weight:800;white-space:nowrap}
#accountbtn[data-auth="signedIn"]{border-color:var(--acc-a);color:var(--acc-text)}
.tpk-modal{position:fixed;inset:0;z-index:100000;display:none;align-items:flex-end;justify-content:center;padding:12px;background:rgba(18,17,32,.62);backdrop-filter:blur(4px)}
.tpk-modal.open{display:flex}
.tpk-sheet{width:min(560px,100%);max-height:min(88vh,780px);overflow:auto;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:24px 24px 18px 18px;box-shadow:0 24px 80px rgba(0,0,0,.34);padding:20px}
.tpk-sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.tpk-sheet h2{font-size:22px;line-height:1.25;margin:0}.tpk-sheet h3{font-size:15px;margin:18px 0 8px}
.tpk-sheet p{font-size:13px;line-height:1.55;color:var(--dim);margin:5px 0}
.tpk-close{border:0;background:var(--key-fn);color:var(--ink);width:38px;height:38px;border-radius:12px;font-size:18px;font-weight:900}
.tpk-card{border:1px solid var(--line);background:var(--paper,#fafafa);border-radius:16px;padding:14px;margin:10px 0}
.tpk-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.tpk-row>*{min-width:0}
.tpk-row label{font-size:13px;font-weight:800}.tpk-row select,.tpk-row input[type="text"]{flex:1;min-width:150px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--ink);font:inherit;padding:10px}
.tpk-primary,.tpk-secondary,.tpk-danger{border:0;border-radius:12px;padding:10px 13px;font:800 13px/1.2 inherit;cursor:pointer}
.tpk-primary{background:linear-gradient(120deg,var(--acc-a),var(--acc-b));color:#fff}.tpk-secondary{background:var(--key-fn);color:var(--ink);border:1px solid var(--line)}.tpk-danger{background:#fff0f2;color:#a42d49;border:1px solid #f2bdc8}
.tpk-primary:disabled,.tpk-secondary:disabled{opacity:.55;cursor:not-allowed}
.tpk-status{min-height:22px;font-size:12px!important;color:var(--dim)!important}.tpk-status.error{color:#a42d49!important}.tpk-status.ok{color:#28724b!important}
.tpk-account-id{font-weight:800;color:var(--ink)!important;overflow-wrap:anywhere}
.tpk-note{padding:10px 12px;border-radius:12px;background:#f5f3ff;color:var(--dim)!important}
.tpk-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.tpk-links a{font-size:12px;font-weight:800;color:var(--acc-text)}
.tpk-qr{display:block;width:min(270px,82vw);height:auto;margin:12px auto;border-radius:18px;border:10px solid #fff;box-shadow:0 8px 28px rgba(0,0,0,.12)}
.tpk-url{display:block;border:1px solid var(--line);border-radius:12px;background:var(--key-fn);padding:10px;font:12px/1.45 ui-monospace,monospace;overflow-wrap:anywhere;color:var(--ink)}
.tpk-preview{white-space:pre-wrap;font-size:12px;line-height:1.55;color:var(--dim)}
.tpk-file{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(min-width:700px){.tpk-modal{align-items:center}.tpk-sheet{border-radius:24px}}
@media(prefers-reduced-motion:no-preference){.tpk-sheet{animation:tpk-sheet-in .18s ease-out}@keyframes tpk-sheet-in{from{transform:translateY(14px);opacity:.4}}}