:root{color-scheme:light;--ink:#17382f;--green:#19674e;--muted:#65776e;--line:#e0e7df}*{box-sizing:border-box}body{margin:0;background:#f3f5ef;color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px}main{max-width:620px;margin:auto;padding:24px 18px 50px}header{display:flex;align-items:center;justify-content:space-between;padding:10px 0 28px}.brand{font-weight:850;font-size:29px;letter-spacing:-1.5px;text-decoration:none;color:var(--ink)}.brand span{color:#77a28d}.badge{font-size:10px;letter-spacing:1.6px;border:1px solid #ccd9cf;border-radius:30px;padding:8px 11px}.intro{padding:20px 4px 28px}.intro h1{font-size:clamp(30px,7vw,43px);line-height:1.12;letter-spacing:-1.7px;margin:13px 0}.intro p{color:var(--muted);line-height:1.7}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:750;color:var(--green)}.card{background:#fff;border:1px solid var(--line);padding:25px;border-radius:22px;margin:0 0 19px;box-shadow:0 3px 15px #16332304}h2{font-size:22px;letter-spacing:-.6px;margin:0 0 22px}label{display:block;font-size:13px;font-weight:650;margin:16px 0 8px}input{width:100%;background:#fafbf8;border:1px solid #d7e1d8;border-radius:11px;padding:14px 12px;color:var(--ink);font:inherit;font-size:16px;min-width:0;margin-top:8px}input:focus{outline:2px solid #78a48e;outline-offset:2px}input[readonly]{background:#edf3ed}button,.button{display:block;width:100%;padding:15px 13px;border:0;border-radius:12px;background:var(--green);color:white;font:inherit;font-weight:650;cursor:pointer;text-decoration:none;text-align:center;margin-top:17px;min-height:48px}button:hover,.button:hover{filter:brightness(.95)}button:focus-visible,a:focus-visible{outline:3px solid #92b9a5;outline-offset:3px}.secondary{background:#edf3ed;color:var(--ink);border:1px solid #dce7dc}.muted{color:var(--muted);font-size:12px;line-height:1.65}.account{background:#f5f7f2;border-radius:15px;border:1px solid #e4e9df;padding:2px 15px 12px;margin-top:17px}.text{width:auto;display:inline-block;background:transparent;color:var(--green);font-size:13px;padding:8px 0;min-height:40px;margin:0;text-align:left}.check{display:flex;align-items:center;gap:10px;font-size:14px}.check input{width:20px;height:20px;margin:0;accent-color:var(--green)}a{color:var(--green)}.success{border-color:#79aa8b;background:#f3fcf1}.person{padding:19px 0;border-bottom:1px solid var(--line)}.person small{display:block;color:var(--muted);margin-top:5px}.actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:8px;font-size:13px}.count{font-size:14px;background:#edf3ed;border-radius:20px;padding:4px 10px}.guide li{font-size:14px;line-height:1.7;margin-bottom:10px}.guide ol{padding-left:22px}.logout{text-align:center}.avatar{width:68px;height:68px;background:#dcebdc;border-radius:23px;display:grid;place-items:center;font-size:29px;font-weight:750;margin-bottom:22px}.bank h2{margin-top:9px}.bank .muted{margin:25px 0 6px}.iban{font-size:19px;letter-spacing:.8px;line-height:1.8;font-family:ui-monospace,monospace;overflow-wrap:anywhere}.foot{text-align:center;color:var(--muted);font-size:11px;line-height:1.8;padding:10px}.alert{background:#fff1ee;color:#9b352a;padding:13px;border-radius:10px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#17382f;color:#fff;border-radius:14px;padding:14px 23px;box-shadow:0 8px 30px #0002;display:none;max-width:90%;z-index:5}#toast.show{display:block}[hidden]{display:none!important}@media(max-width:400px){.card{padding:20px}.badge{font-size:9px;letter-spacing:1px}.actions{gap:12px}}

.nfc-result{scroll-margin-top:18px}.nfc-result h2{margin-top:12px;line-height:1.4}.url-visible{display:block;overflow-wrap:anywhere;font-size:14px;line-height:1.6;margin:12px 0}.nfc-url{font-size:14px;font-family:ui-monospace,monospace}.person label{margin-top:16px}input.nfc-url{cursor:text}