:root{color-scheme:dark;font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#081115;color:#e6f0ee;--muted:#a5b7b7;--cyan:#81e8d6;--border:#294044}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0,#103134 0,transparent 45%)}main{max-width:700px;margin:auto;padding:24px 20px calc(40px + env(safe-area-inset-bottom))}header,.actions,.spend-row,.statusline{display:flex;gap:12px;align-items:center}header{justify-content:space-between}a{color:var(--cyan);text-underline-offset:4px}header a{font-size:.875rem}h1{font-size:clamp(3rem,12vw,5.5rem);line-height:1;margin:18px 0;font-weight:650;letter-spacing:-.06em}h1 span{color:var(--cyan)}h2{font-size:1.05rem;margin:0}p{margin:.75rem 0}.intro{padding:45px 0 28px}.eyebrow{font:11px/1.5 ui-monospace,monospace;letter-spacing:.18em;color:var(--cyan)}.tagline{font-size:1.2rem}.lab{display:inline-block;padding:4px 10px;border:1px solid #496164;border-radius:20px;color:#d2dfde;font-size:.75rem}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;background:#0d1c20;border:1px solid var(--border);border-radius:14px}.tabs button{font-size:.8rem;border:0;padding:12px 5px;background:none;border-radius:10px}.tabs button[aria-pressed=true]{background:#21413f;color:#b7fff0}.card{border:1px solid var(--border);border-radius:20px;padding:24px;background:linear-gradient(130deg,#12272b,#0b171d);margin:20px 0;box-shadow:0 16px 60px #0003}.help{color:var(--muted);font-size:.8rem;line-height:1.7}.balance{margin:22px 0;display:flex;align-items:center;gap:22px}.balance strong{font:500 3.4rem/1 ui-monospace,monospace;color:var(--cyan)}.balance span{color:var(--muted);font-size:.8rem;max-width:200px}.dot{width:10px;height:10px;flex-shrink:0;border-radius:50%;background:#82999b}.dot.active{background:var(--cyan);box-shadow:0 0 16px #81e8d644}.dot.revoked{background:#ff979d;box-shadow:0 0 16px #ff979d44}.dot.expired{background:#efc477}button,input,textarea,select{font:inherit;color:inherit;border:1px solid var(--border);border-radius:10px;background:#0b191e;padding:12px;min-height:46px}button{cursor:pointer;font-size:.9rem;line-height:1.4;font-weight:600}button:hover:not(:disabled){border-color:var(--cyan);background:#203a3d}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}input,textarea{width:100%;min-width:0}select{max-width:135px;padding:7px;font-size:.8rem}.primary{background:var(--cyan);color:#072b2b;border-color:var(--cyan)}button.primary:hover:not(:disabled){background:#b5ffec}.danger{background:#402127;border-color:#7b3d46;color:#ffbac0;width:100%;font-size:1.05rem;padding:17px;margin:18px 0 0}button.danger:hover:not(:disabled){background:#5e2a36;border-color:#ffbac0}#grant{width:100%;margin:8px 0 14px}label{display:block;font-size:.8rem;color:#c0cece;margin:12px 0 7px}.spend-row input{max-width:92px}.spend-row button{flex:1}.actions{flex-wrap:wrap;margin:14px 0}.actions button{flex:1;min-width:135px}.secondary button{font-size:.75rem}.key{display:block;overflow-wrap:anywhere;user-select:all;font:12px/1.7 ui-monospace,monospace;margin:12px 0}details{border-top:1px solid var(--border);padding-top:14px;font-size:.8rem;color:var(--muted)}summary{cursor:pointer}textarea{font:11px/1.5 ui-monospace,monospace;resize:vertical}#comparison{display:block;font:600 clamp(1rem,4vw,1.5rem)/1.7 ui-monospace,monospace;color:var(--cyan);text-align:center;letter-spacing:.05em;margin:15px 0;padding:15px 8px;background:#112c2c;border-radius:10px}#confirm-pair{width:100%}#notice,#delivery,#connection,#verification{font-size:.85rem;overflow-wrap:anywhere}#notice:not(:empty){border-inline-start:3px solid var(--cyan);padding:10px 12px;background:#12282c;border-radius:0 8px 8px 0}#notice[data-error=true],#verification[data-error=true]{color:#ffbac0}#delivery{color:#efc477}#verify{margin-top:18px;width:100%}footer{border-top:1px solid var(--border);margin-top:25px;padding-top:22px}footer a{display:block;font-size:.8rem;margin-top:18px}footer button{width:100%}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:380px){main{padding-inline:14px}.card{padding:18px}.tabs button{font-size:.72rem}.intro{padding-top:30px}}@media(prefers-reduced-motion:no-preference){button{transition:background .12s,border-color .12s}}