:root{--accent: #1F5F4A;--accent-hover: #15463A;--accent-soft: #EAF3EE;--accent-ring: #1F5F4A33;--ink: #1A1C1E;--ink-2: #3D434A;--muted: #5A6170;--line: #E3E5EA;--line-2: #EEF0F3;--bg: #F3F4F7;--card: #fff;--ok-bg: #E1F3E8;--ok-fg: #0B6B3A;--warn-bg: #FFE7B3;--warn-fg: #6B3A00;--warn-line: #F2C46D;--warn-soft: #FFF8EA;--info-bg: #E6EEFC;--info-fg: #1E4FB8;--bad-bg: #FDE2E2;--bad-fg: #9B1C1C;--override-bg: #EDE4FF;--override-fg: #5B2BB5;--neutral-bg: #ECEEF0;--neutral-fg: #3D434A}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:var(--accent)}a:hover{color:var(--accent-hover)}button{font-family:inherit}h1,h2,h3{margin:0}.btn{height:36px;padding:0 14px;border-radius:8px;border:1px solid #CFD3DB;background:#fff;font:500 14px Inter,sans-serif;color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;white-space:nowrap}.btn:hover{border-color:#9aa3b5}.btn.p{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.btn.p:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn.sm{height:30px;font-size:13px;padding:0 10px}.btn.xs{height:26px;font-size:12px;padding:0 8px}.btn.quiet{border:0;color:var(--muted)}.btn.on{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.pill{display:inline-block;font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px;white-space:nowrap;line-height:1.4}.pill.ok{background:var(--ok-bg);color:var(--ok-fg)}.pill.warn{background:var(--warn-bg);color:var(--warn-fg)}.pill.info{background:var(--info-bg);color:var(--info-fg)}.pill.bad{background:var(--bad-bg);color:var(--bad-fg)}.pill.override{background:var(--override-bg);color:var(--override-fg)}.pill.neutral{background:var(--neutral-bg);color:var(--neutral-fg)}.pill.note{background:#fff3d6;color:var(--warn-fg)}.card{background:var(--card);border:1px solid var(--line);border-radius:10px}.in{height:38px;padding:0 10px;border-radius:8px;border:1px solid #CFD3DB;font:14px Inter,sans-serif;width:100%;background:#fff;color:var(--ink)}.in:focus{outline:2px solid var(--accent-ring);border-color:var(--accent)}label.lbl{font-size:13px;font-weight:600;display:block;margin-bottom:6px}.muted{color:var(--muted)}.row{display:flex;align-items:center;gap:12px}.grow{flex:1;min-width:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}table.tbl{width:100%;border-collapse:collapse}table.tbl th{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);white-space:nowrap}table.tbl td{font-size:14px;padding:12px;border-bottom:1px solid var(--line-2);vertical-align:middle;white-space:nowrap}table.tbl tbody tr:hover td{background:#f8f9fb}body{background:#f6f7f8}.screen{max-width:480px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;background:#f6f7f8}.screen.lg{font-size:112%}.screen.lg .body,.lgwrap .body{zoom:1.2}.topbar{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#fff;border-bottom:1px solid #E3E4E6}.body{flex:1;padding:20px 16px 24px;display:flex;flex-direction:column;gap:14px}.cta{display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;border-radius:14px;background:var(--accent);color:#fff;font-weight:600;font-size:17px;text-decoration:none;border:0;cursor:pointer;width:100%;font-family:inherit}.cta:hover{background:var(--accent-hover);color:#fff}.cta.alt{background:#fff;color:var(--ink);border:1.5px solid #CDD0D4}.cta.alt:hover{background:#fff;color:var(--ink)}.cta:disabled{opacity:.5;cursor:default}.sec{font-size:13px;font-weight:700;color:#5a5f66;letter-spacing:.06em;text-transform:uppercase;margin-top:6px}.itemrow{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fff;border:1px solid #E3E4E6;border-radius:14px;text-decoration:none;color:var(--ink);min-height:64px;width:100%;text-align:left;font-family:inherit;cursor:pointer}.itemrow.disabled{background:#fafafa;cursor:default}.chip{flex:1;min-height:48px;border-radius:12px;border:1.5px solid #CDD0D4;background:#fff;font:600 16px Inter,sans-serif;color:var(--ink);cursor:pointer}.chip.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.iconbtn{width:44px;height:44px;border-radius:10px;border:1px solid #E3E4E6;background:#fff;font:600 16px Inter,sans-serif;color:var(--ink);cursor:pointer}.iconbtn.on{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.linkrow{display:flex;align-items:center;justify-content:space-between;min-height:52px;font-size:16px;font-weight:600;color:var(--ink);text-decoration:none;border-top:1px solid #ECEDEF;background:none;border-left:0;border-right:0;border-bottom:0;width:100%;font-family:inherit;cursor:pointer;text-align:left;padding:0}.pg{width:34px;height:44px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}.code{width:100%;height:64px;text-align:center;font:600 28px ui-monospace,Menlo,monospace;letter-spacing:.4em;border-radius:14px;border:1.5px solid #CDD0D4}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:56px;height:56px;border-radius:50%;border:5px solid #E3E4E6;border-top-color:var(--accent);animation:spin 1s linear infinite}
