:root{--ink: #12232b;--ink-soft: #4a6069;--ink-faint: #7d949d;--paper: #eef2f1;--card: #ffffff;--line: #d3dad8;--pool: #0b7a75;--pool-dark: #085f5b;--strip-acid: #e8833a;--strip-warn: #e8c33a;--strip-near: #7fb84f;--strip-ok: #4fa65b;--strip-good: #2e9b8f;--strip-base: #3d7db5;--strip-alkali: #7b5ea7;--radius: 10px;--tap: 48px;--font-sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}.strip{height:4px;border-radius:var(--radius) var(--radius) 0 0;background:linear-gradient(90deg,var(--strip-acid) 0%,var(--strip-warn) 18%,var(--strip-near) 33%,var(--strip-ok) 46%,var(--strip-good) 58%,var(--strip-base) 78%,var(--strip-alkali) 100%)}.shell{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px 16px}.card{width:100%;max-width:400px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.card-body{padding:28px 24px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 6px}.title{font-size:22px;font-weight:700;letter-spacing:-.015em;margin:0 0 4px}.subtitle{font-size:14px;color:var(--ink-soft);margin:0 0 24px}.field{margin-bottom:16px}.field label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.field input{width:100%;height:var(--tap);padding:0 12px;font-family:inherit;font-size:16px;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:8px}.field input:focus-visible{outline:2px solid var(--pool);outline-offset:1px;border-color:var(--pool)}.btn{width:100%;min-height:var(--tap);padding:0 16px;font-family:inherit;font-size:16px;font-weight:600;color:#fff;background:var(--pool);border:0;border-radius:8px;cursor:pointer}.btn:hover:not(:disabled){background:var(--pool-dark)}.btn:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.btn:disabled{opacity:.55;cursor:default}.btn-quiet{width:auto;min-height:36px;padding:0 12px;font-size:13px;color:var(--ink-soft);background:transparent;border:1px solid var(--line)}.btn-quiet:hover:not(:disabled){background:var(--paper);color:var(--ink)}.notice{padding:12px 14px;border-radius:8px;font-size:14px;border-left:3px solid}.notice-error{background:#fdf1ea;border-color:var(--strip-acid);color:#8a4416}.notice-info{background:var(--paper);border-color:var(--ink-faint);color:var(--ink-soft)}.form-error{margin-bottom:16px}.rows{border:1px solid var(--line);border-radius:8px;overflow:hidden}.row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:12px 14px}.row+.row{border-top:1px solid var(--line)}.row-key{font-size:13px;color:var(--ink-soft);flex-shrink:0}.row-val{font-weight:600;text-align:right;overflow-wrap:anywhere}.row-val.mono{font-family:var(--font-mono);font-size:13px;font-weight:500;font-variant-numeric:tabular-nums}.tag{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--pool);color:#fff;font-size:12px;font-weight:600;letter-spacing:.02em}.head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.head .title{margin:0}.section-label{font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-faint);margin:24px 0 8px}.foot{margin-top:20px;font-size:12px;color:var(--ink-faint)}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}