:root{--bg: #0f1b1d;--bg-alt: #14262a;--ink: #f4f2e8;--muted: #b7c4c8;--accent: #f2a24f;--accent-2: #58c1b2;--danger: #f26c5b;--near: #f7cf6a;--card: rgba(255, 255, 255, .06);--shadow: 0 24px 60px rgba(8, 14, 16, .45)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Space Grotesk,system-ui,sans-serif;background:radial-gradient(circle at top,#20383c,#0f1b1d 60%);color:var(--ink);min-height:100vh;overflow-x:hidden}#root{min-height:100vh}.aurora{position:fixed;inset:0;background:radial-gradient(circle at 20% 20%,rgba(88,193,178,.22),transparent 55%),radial-gradient(circle at 80% 10%,rgba(242,162,79,.2),transparent 50%),radial-gradient(circle at 50% 80%,rgba(112,94,255,.08),transparent 60%);filter:blur(0px);pointer-events:none;opacity:.8;z-index:0}.shell{max-width:1100px;margin:0 auto;padding:48px 24px 80px;position:relative;z-index:1}.hero{display:flex;flex-wrap:wrap;gap:32px;align-items:center;justify-content:space-between;margin-bottom:36px}.eyebrow{text-transform:uppercase;letter-spacing:.3em;color:var(--accent-2);font-size:12px;margin-bottom:12px}.hero h1{font-family:Fraunces,serif;font-size:clamp(2.6rem,4vw,3.6rem);line-height:1.05;margin-bottom:16px}.subhead{color:var(--muted);max-width:460px}.hero-card{background:linear-gradient(160deg,#58c1b229,#f2a24f1a);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:24px;min-width:240px;box-shadow:var(--shadow)}.hero-meter{display:inline-block;padding:6px 12px;border-radius:999px;background:#0f1b1d99;font-weight:600;margin-bottom:16px}.hero-lines{display:flex;gap:6px;align-items:flex-end;margin-bottom:12px}.hero-lines span{width:6px;height:16px;border-radius:8px;background:var(--accent);animation:pulse 1.2s ease-in-out infinite}.hero-lines span:nth-child(2){animation-delay:.1s;height:22px}.hero-lines span:nth-child(3){animation-delay:.2s;height:28px}.hero-lines span:nth-child(4){animation-delay:.3s;height:20px}.hero-lines span:nth-child(5){animation-delay:.4s;height:14px}.hero-help{font-size:12px;color:var(--muted)}.panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:32px}.panel-left,.panel-right{background:var(--card);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:24px;box-shadow:var(--shadow)}.panel h2{font-family:Fraunces,serif;margin-bottom:18px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;font-size:14px;color:var(--muted)}.field input,.field textarea{background:#060c0e99;border:1px solid rgba(255,255,255,.1);color:var(--ink);border-radius:12px;padding:10px 12px;font-size:15px}.field-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.toggle{display:flex;gap:8px;align-items:center;font-size:14px;color:var(--muted)}.controls{display:flex;gap:12px;margin-top:8px}button{border:none;cursor:pointer;padding:12px 18px;border-radius:999px;font-weight:600;font-size:14px;transition:transform .2s ease,box-shadow .2s ease}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:linear-gradient(120deg,var(--accent),#f6d36a);color:#1a1a1a;box-shadow:0 12px 30px #f2a24f59}button.secondary{background:#58c1b233;color:var(--ink);border:1px solid rgba(88,193,178,.4)}button:hover:not(:disabled){transform:translateY(-2px)}.error-banner{margin-top:12px;padding:10px 12px;border-radius:12px;background:#f26c5b33;border:1px solid rgba(242,108,91,.4);color:#ffd2cc;font-size:13px}.summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:16px}.summary-card{background:#060c0e80;border-radius:16px;padding:14px;border:1px solid rgba(255,255,255,.08)}.summary-card span{font-size:12px;color:var(--muted)}.summary-card strong{display:block;font-size:20px;margin-top:8px}.detail-card{background:#060c0e99;border-radius:16px;padding:16px;border:1px solid rgba(255,255,255,.08)}.detail-panel{margin-top:12px;color:var(--muted);font-size:14px}.detail-grid{display:grid;gap:6px}.detail-panel strong{color:var(--ink)}.detail-panel ul{list-style:none;margin-top:10px;display:grid;gap:6px}.detail-panel li{padding:6px 10px;border-radius:10px;background:#0f1b1d99;border:1px solid rgba(255,255,255,.06)}.detail-panel h4{margin:12px 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.results{background:var(--card);border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:24px;box-shadow:var(--shadow)}.results-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:16px}.legend{display:flex;gap:10px}.pill{padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600}.pill.match{background:#58c1b24d;color:#b9f2e7}.pill.near{background:#f7cf6a4d;color:#ffe7a3}.pill.mismatch{background:#f26c5b4d;color:#ffb3aa}.table{width:100%}.table-head,.table-row{display:grid;grid-template-columns:50px 1fr 1fr 90px 120px;gap:12px;padding:12px 8px;align-items:center}.table-head{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);border-bottom:1px solid rgba(255,255,255,.08)}.table-body{display:flex;flex-direction:column;gap:8px;margin-top:12px}.table-row{border-radius:14px;background:#060c0e80;border:1px solid transparent;cursor:pointer;transition:border .2s ease,transform .2s ease}.table-row:hover{border-color:#ffffff1f;transform:translateY(-1px)}.table-row.match{border-left:4px solid var(--accent-2)}.table-row.near{border-left:4px solid var(--near)}.table-row.mismatch{border-left:4px solid var(--danger)}@keyframes pulse{0%,to{transform:scaleY(.6);opacity:.6}50%{transform:scaleY(1);opacity:1}}@media(max-width:720px){.table-head,.table-row{grid-template-columns:36px 1fr 1fr 70px 90px}}