:root{color-scheme:light;--brand:#128c7e;--brand-dark:#0d6e63;--bg:#f2f5f8;--surface:#ffffff;--text:#16212e;--muted:#5b6b7c;--border:#dbe3ec;--danger:#b42318;--danger-bg:#fef3f2;--danger-border:#fecdca;--success:#067647;--success-bg:#ecfdf3;--success-border:#abefc6;--info:#175cd3;--info-bg:#eff8ff;--info-border:#b2ddff;--radius:12px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{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}a{color:var(--brand-dark)}.page{width:100%;max-width:720px;margin:0 auto;padding:16px}.page.wide{max-width:1040px}.header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.brand{font-weight:700;font-size:1.25rem;color:var(--brand-dark)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:16px}.card h2{margin-top:0;font-size:1.1rem}.card h3{font-size:1rem;margin:0 0 8px}.stack{flex-direction:column;gap:12px}.row,.stack{display:flex}.row{gap:8px;flex-wrap:wrap;align-items:center}.row-end{justify-content:flex-end}.grow{flex:1 1 200px;min-width:0}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:.875rem;font-weight:600;color:var(--muted)}input,select,textarea{width:100%;padding:10px 12px;font:inherit;color:inherit;background:#fff;border:1px solid var(--border);border-radius:10px}input:focus,select:focus,textarea:focus{outline:2px solid var(--brand);outline-offset:1px;border-color:var(--brand)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:10px 16px;font:inherit;font-weight:600;border-radius:10px;border:1px solid transparent;cursor:pointer;background:var(--brand);color:#fff}.btn:hover{background:var(--brand-dark)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#fff;color:var(--text);border-color:var(--border)}.btn-secondary:hover{background:#eef2f7}.btn-danger{background:var(--danger)}.btn-danger:hover{background:#8f1c12}.btn-block{width:100%}.btn-link{border:none;color:var(--brand-dark);padding:4px;min-height:0;cursor:pointer;font:inherit;text-decoration:underline}.btn-link,.btn-link:hover{background:none}.alert{border-radius:10px;padding:10px 12px;font-size:.9rem;border:1px solid transparent}.alert-error{background:var(--danger-bg);color:var(--danger);border-color:var(--danger-border)}.alert-success{background:var(--success-bg);color:var(--success);border-color:var(--success-border)}.alert-info{background:var(--info-bg);color:var(--info);border-color:var(--info-border)}.muted{color:var(--muted)}.small{font-size:.8rem}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;word-break:break-all}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;font-size:.875rem;min-width:620px}td,th{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border);vertical-align:top}th{text-transform:uppercase;letter-spacing:.04em}.badge,th{color:var(--muted);font-size:.75rem}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-weight:600;background:#eef2f7}.badge-ok{background:var(--success-bg);color:var(--success)}.badge-warn{background:#fffaeb;color:#b54708}.badge-danger{background:var(--danger-bg);color:var(--danger)}.hero{text-align:center;padding:32px 16px}.hero h1{font-size:1.75rem;margin:0 0 8px}.hero p{color:var(--muted);margin:0 0 24px}.hero .row{justify-content:center}.qr{display:flex;flex-direction:column;align-items:center;gap:8px}.qr img{width:220px;height:220px;image-rendering:pixelated;border:1px solid var(--border);border-radius:12px;background:#fff;padding:8px}.center{text-align:center}.divider{height:1px;background:var(--border);margin:16px 0}.checkbox-row{display:flex;align-items:center;gap:8px}.checkbox-row input[type=checkbox],.checkbox-row input[type=radio]{width:auto;margin:0;flex:0 0 auto}.code-box{border:1px dashed var(--brand);background:var(--success-bg);border-radius:10px;padding:16px;text-align:center}.code-box .code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.75rem;font-weight:700;letter-spacing:.25em;margin:4px 0 8px;word-break:break-all}.link-box{border:1px dashed var(--brand);background:var(--success-bg);border-radius:10px;padding:12px}@media (min-width:640px){.page{padding:24px}.hero{padding:64px 24px}.grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}}