:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#f3f6fb;font-synthesis:none;text-rendering:optimizeLegibility;--blue: #2563eb;--line: #e1e7f0;--muted: #687386;--green: #087f5b;--green-bg: #e5f7ef}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}.shell,.auth-shell{width:min(760px,100%);margin:0 auto;padding:24px 16px 40px}.auth-shell{min-height:100vh;display:grid;place-items:center}.auth-card{width:min(440px,100%);padding:25px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 12px 32px #192a4614}.eyebrow{color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}h1{margin:5px 0 6px;font-size:clamp(26px,7vw,36px);line-height:1.12}h2{margin:0 0 5px;font-size:18px}.muted,.hint{color:var(--muted);font-size:13px}.muted{margin:0 0 18px}.hint{min-height:34px;margin:0 0 12px;font-size:12px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px}.topbar .muted{margin:7px 0 0}.summary{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 0;padding:15px 17px;border-radius:16px;background:#101827;color:#fff}.summary strong{display:block;font-size:25px;line-height:1.1}.summary span{color:#c5cede;font-size:12px}.save-state{color:#9de7c5;font-size:12px;font-weight:700;text-align:right}.save-state[data-state=error]{color:#ffb4b4}.save-state[data-state=pending]{color:#ffdc88}.columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.panel,.results{min-width:0;padding:16px 13px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 12px 32px #192a4610}.item{display:flex;align-items:center;gap:8px;margin-top:9px;padding:9px;border:1.5px solid var(--line);border-radius:12px;background:#fff}.item label{flex:0 0 18px;color:var(--muted);font-size:12px;font-weight:700}.item input{width:100%;min-width:0;padding:10px 8px;border:0;outline:0;background:transparent;color:#172033;font:700 17px ui-monospace,monospace}.item input::placeholder{color:#b4bdca;font-weight:500}.item.matched{border-color:#16a36f;background:var(--green-bg)}.item.matched:after{content:"MATCH";color:var(--green);font-size:9px;font-weight:900}.add-row{width:100%;min-height:40px;margin-top:10px;border:1px dashed #aab8cc;border-radius:11px;background:#f7f9fc;color:#344054;font-weight:700}.results{margin-top:18px}.results h2{margin-bottom:10px}.pairs{display:grid;gap:8px}.pair{display:flex;justify-content:space-between;gap:10px;padding:11px 12px;border-radius:12px;background:var(--green-bg);color:#075c43;font-size:13px}.pair strong{font:800 16px ui-monospace,monospace}.empty{color:var(--muted);font-size:13px}.actions{display:flex;margin-top:15px}button{min-height:44px;padding:0 14px;border:0;border-radius:11px;cursor:pointer;font-weight:700}button:disabled{opacity:.6;cursor:wait}.primary{width:100%;margin-top:14px;background:var(--blue);color:#fff}.quiet{background:#e8edf5;color:#344054}.danger{width:100%;background:#feecec;color:#a32828}label{display:block;margin:14px 0 6px;font-size:13px;font-weight:700}.auth-card input{width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--line);border-radius:10px}.notice{padding:10px 12px;border-radius:10px;background:#eef4ff;color:#244b94;font-size:13px}.tiny{margin:13px 0 0;color:var(--muted);font-size:11px}.center{text-align:center}:focus-visible{outline:3px solid #93b4ff;outline-offset:2px}@media(max-width:430px){.shell{padding:19px 12px 30px}.columns{gap:9px}.panel{padding:13px 9px}h2{font-size:16px}.item{gap:5px;padding:7px 5px}.item input{font-size:15px}.topbar{align-items:center}}