:root{--paper:#f3f0e8;--surface:#fbfaf6;--ink:#24231f;--muted:#6f6b61;--rust:#a84b2f;--rust-soft:#ead7cd;--line:#d8d3c8;--danger:#a23838}*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;min-height:100vh;background:var(--paper);color:var(--ink);font:15px/1.55 ui-sans-serif,system-ui,-apple-system,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}header{height:76px;display:flex;align-items:center;padding:0 clamp(18px,5vw,64px);gap:13px;border-bottom:1px solid var(--line)}.mark{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--ink);border-radius:50%;font:600 16px Georgia,serif}.brand h1,.brand p{margin:0}.brand h1{font:500 18px/1.15 Georgia,serif}.brand p{font-size:11px;color:var(--muted)}.headerActions{display:flex;gap:8px;margin-left:auto}main{width:min(1060px,100%);margin:auto;padding:clamp(48px,9vh,96px) clamp(18px,5vw,52px)}.gate{max-width:510px}.eyebrow{color:var(--rust);font-size:10px;font-weight:750;letter-spacing:.18em}.gate h2,.toolbar h2,dialog h2{margin:13px 0 12px;font:500 clamp(38px,6vw,66px)/.98 Georgia,serif;letter-spacing:-.04em}.gate>p{max-width:420px;color:var(--muted)}form{display:grid;gap:10px;margin-top:30px}label{color:var(--muted);font-size:12px}input,textarea{width:100%;border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--ink);padding:14px 15px;outline:0}textarea{min-height:140px;resize:vertical}input:focus,textarea:focus{border-color:var(--rust);box-shadow:0 0 0 3px var(--rust-soft)}button{border:1px solid var(--rust);border-radius:5px;background:var(--rust);color:#fff;padding:13px 18px;font-size:13px;font-weight:700}.quiet{background:transparent;color:var(--ink);border-color:var(--line)}.textbtn{padding:9px 0;background:transparent;color:var(--rust);border:0}.error{min-height:1.4em;color:var(--danger);font-size:13px}.toolbar{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:34px}.toolbar h2{margin-bottom:0}.actions{display:flex;gap:8px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px}.card{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:22px}.cardTop{display:flex;justify-content:space-between;gap:12px}.issuer{font:500 19px Georgia,serif}.account{margin-top:2px;color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis}.delete{border:0;background:transparent;color:var(--muted);padding:2px 7px;font-size:20px}.delete:hover{color:var(--danger)}.code{display:block;width:100%;margin:25px 0 17px;padding:0;border:0;background:transparent;color:var(--ink);text-align:left;font:550 39px/1 ui-monospace,SFMono-Regular,monospace;letter-spacing:.06em}.progress{height:2px;background:var(--line);overflow:hidden}.progress i{display:block;width:100%;height:100%;background:var(--rust);transform-origin:left;transition:transform .25s linear}.meta{display:flex;justify-content:space-between;margin-top:10px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.empty{grid-column:1/-1;border:1px dashed var(--line);padding:52px 24px;text-align:center}.emptyMark{font-size:29px;color:var(--rust)}.empty h3{margin:8px 0 3px;font:500 20px Georgia}.empty p{margin:0;color:var(--muted)}.footerbar{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:16px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}dialog{width:min(540px,calc(100% - 28px));padding:0;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);box-shadow:0 26px 90px #302b2230}dialog::backdrop{background:#2a272180;backdrop-filter:blur(3px)}dialog form{position:relative;margin:0;padding:38px}.close{position:absolute;right:15px;top:15px;padding:5px 10px;border:0;background:transparent;color:var(--muted);font-size:22px}.dialogIntro,#scanStatus{color:var(--muted)}.camera{position:relative;overflow:hidden;aspect-ratio:4/3;border-radius:5px;background:#1f1e1a}.camera video{width:100%;height:100%;object-fit:cover}.scanline{position:absolute;left:10%;right:10%;top:50%;height:1px;background:#f0b199;box-shadow:0 0 12px #f0b199}#toast{position:fixed;left:50%;bottom:22px;max-width:calc(100% - 32px);transform:translate(-50%,100px);padding:12px 17px;border-radius:5px;background:var(--ink);color:#fff;font-size:13px;transition:transform .2s}#toast.show{transform:translate(-50%,0)}@media(max-width:650px){header{height:68px}main{padding-top:54px}.headerActions{gap:4px}.headerActions button{padding:10px}.gate h2,.toolbar h2{font-size:42px}.toolbar{align-items:flex-start;gap:22px;flex-direction:column}.actions{width:100%}.actions button{flex:1}.grid{grid-template-columns:1fr}.card{padding:20px}.code{font-size:36px}.footerbar{align-items:flex-start;gap:8px;flex-direction:column}dialog form{padding:34px 22px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}