:root{--bg: #f5f6f8;--surface: #ffffff;--border: #e3e6ea;--text: #1c2530;--muted: #6b7683;--primary: #2f6f4f;--primary-hover: #275e43;--primary-contrast: #ffffff;--error-bg: #fdecec;--error-border: #f3b9b9;--error-text: #a02020;--key-bg: #eef6f1;--key-border: #bcdccb;--badge-bg: #eaeef2;--radius: 10px;--shadow: 0 1px 2px rgba(20, 30, 45, .06), 0 4px 16px rgba(20, 30, 45, .05);--ring: rgba(47, 111, 79, .22);--warn-bg: #fbf1dc;--warn-text: #8a5a00}@media(prefers-color-scheme:dark){:root{--bg: #12161b;--surface: #1b2129;--border: #2b333d;--text: #e7ecf1;--muted: #97a2ae;--primary: #3f9e70;--primary-hover: #48b07e;--primary-contrast: #0e1216;--error-bg: #3a1e1e;--error-border: #6a2f2f;--error-text: #f0b4b4;--key-bg: #17281f;--key-border: #2f4d3b;--badge-bg: #29323d;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 4px 16px rgba(0, 0, 0, .25);--ring: rgba(63, 158, 112, .3);--warn-bg: #3a2f14;--warn-text: #e8c583}}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}h1{font-size:1.5rem;margin:0 0 .25rem}h2{font-size:1.15rem;margin:0 0 .9rem}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.muted{color:var(--muted)}.small{font-size:.85rem}.center{text-align:center}.num{text-align:right;font-variant-numeric:tabular-nums}.nowrap{white-space:nowrap}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-wrap:anywhere}.page{min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.5rem;background:var(--surface);border-bottom:1px solid var(--border)}.brand-link{display:flex;align-items:center;gap:.6rem;color:inherit}.brand-link:hover{text-decoration:none}.brand-mark{display:block;border-radius:6px}.brand{font-weight:700;letter-spacing:-.01em}.content{max-width:44rem;margin:0 auto;padding:1.5rem}.page-head{margin-bottom:1rem}.page-head .muted{margin:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem 1.4rem;margin-bottom:1.25rem}.card-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.card-head h1{margin:0}.subject{margin:0 0 1rem;font-size:1.02rem}.card-ok{background:var(--key-bg);border-color:var(--key-border)}.landing{text-align:center;padding:2rem 1.5rem}.landing p{margin:.35rem auto 0;max-width:30rem}.summary{margin:0;display:grid;gap:.15rem}.summary-row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.5rem 0;border-bottom:1px solid var(--border)}.summary-row:last-child{border-bottom:none}.summary-row dt{color:var(--muted);font-size:.9rem}.summary-row dd{margin:0;text-align:right;font-weight:500}.summary-total{margin-top:.2rem;padding-top:.7rem}.summary-total dt{color:var(--text);font-weight:600;font-size:1rem}.summary-total dd{font-size:1.25rem;font-weight:700}.field{display:flex;flex-direction:column;gap:.35rem;margin:1rem 0 .2rem}.field>span{font-size:.85rem;font-weight:600}input{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.55rem .7rem;width:100%}input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}.hint{color:var(--muted);font-size:.9rem;margin:.9rem 0 0}.methods{border:none;padding:0;margin:0;display:grid;gap:.6rem}.methods legend{padding:0;font-size:.85rem;font-weight:600;margin-bottom:.6rem}.method{display:flex;align-items:center;gap:.6rem;border:1px solid var(--border);border-radius:var(--radius);padding:.7rem .85rem;cursor:pointer;transition:border-color .12s ease,background .12s ease}.method:hover{border-color:var(--muted)}.method-active{border-color:var(--primary);background:var(--key-bg)}.method input{width:auto;accent-color:var(--primary);margin:0}.method-name{font-weight:500}.instructions{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem 1rem;text-align:left}.instructions-title{font-size:.85rem;font-weight:600;margin-bottom:.4rem}.instructions-text{white-space:pre-wrap;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.confirm .instructions{margin-top:1.1rem}.btn{display:inline-block;font:inherit;font-weight:600;cursor:pointer;border-radius:8px;border:1px solid transparent;padding:.55rem 1rem;text-align:center;transition:background .12s ease,border-color .12s ease}.btn:hover{text-decoration:none}.btn:disabled{opacity:.6;cursor:default}.btn-primary{background:var(--primary);color:var(--primary-contrast)}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.btn-secondary:hover:not(:disabled){border-color:var(--muted)}.btn-block{display:block;width:100%;margin-top:1.2rem;padding:.7rem 1rem}.return-row{margin:0 0 1.5rem}.return-row .btn-block{margin-top:0}.alert{border-radius:8px;padding:.6rem .8rem;margin:.9rem 0;font-size:.9rem}.alert-error{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-text)}.notice{background:var(--badge-bg);border-radius:8px;padding:.9rem 1rem;text-align:center;color:var(--muted);font-weight:500}.notice-title{color:var(--text);font-weight:600;margin-bottom:.15rem}.badge{display:inline-block;background:var(--badge-bg);color:var(--text);border-radius:999px;padding:.12rem .6rem;font-size:.78rem;font-weight:600;white-space:nowrap}.badge-ok{background:var(--key-bg);color:var(--primary)}.badge-warn{background:var(--warn-bg);color:var(--warn-text)}.badge-err{background:var(--error-bg);color:var(--error-text)}.confirm{text-align:center;padding:2rem 1.5rem 1.5rem}.confirm .summary{text-align:left;margin-top:1.25rem}.confirm-icon{width:3.5rem;height:3.5rem;margin:0 auto .75rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary-contrast);background:var(--primary)}.confirm-icon-pending{color:var(--warn-text);background:var(--warn-bg)}.confirm-title{margin:0 0 .25rem}.confirm-sub{margin:0 0 .6rem;font-size:.9rem}.confirm-amount{margin:0;font-size:1.6rem;font-weight:700;font-variant-numeric:tabular-nums}@media(max-width:480px){.content{padding:1rem}.card{padding:1.1rem}.card-head{flex-wrap:wrap;gap:.5rem}}