:root{--ink:#10161f;--panel:#171e2a;--line:#2a3446;--fog:#8b98b0;--paper:#e8edf7;--amber:#e8a54b;--mint:#5eead4;--coral:#f07178;--same:#7aa2f7;--radius:14px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--ink);color:var(--paper);font-family:Sora,system-ui,sans-serif}.grain{pointer-events:none;position:fixed;inset:0;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");z-index:0}.top,main,footer{position:relative;z-index:1}.top{padding:1.25rem 1.25rem .5rem;display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;align-items:baseline}.brand{display:flex;align-items:center;gap:.55rem}.mark{font-family:"IBM Plex Mono",ui-monospace,monospace;color:var(--amber);font-size:1.4rem}.h1,h1{margin:0;font-size:1.35rem;letter-spacing:-.03em;font-weight:600}.tag{margin:0;color:var(--fog);font-size:.92rem}main{padding:.75rem 1.25rem 2.5rem;max-width:1200px;margin:0 auto}.tally{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.9rem}.chip{border:1px solid var(--line);background:var(--panel);color:var(--paper);border-radius:999px;padding:.4rem .75rem;display:inline-flex;align-items:center;gap:.4rem;font-size:.82rem;cursor:pointer;transition:transform .15s ease,border-color .15s ease}.chip:hover{transform:translateY(-1px)}.chip.active{border-color:currentColor}.chip .dot{width:.5rem;height:.5rem;border-radius:50%}.chip.missing{color:var(--amber)}.chip.missing .dot{background:var(--amber)}.chip.extra{color:var(--mint)}.chip.extra .dot{background:var(--mint)}.chip.changed{color:var(--coral)}.chip.changed .dot{background:var(--coral)}.chip.same{color:var(--same)}.chip.same .dot{background:var(--same)}.editors{display:grid;grid-template-columns:1fr;gap:.75rem}@media(min-width:860px){.editors{grid-template-columns:1fr 1fr}}.pane{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);min-height:220px}.pane-head{display:flex;justify-content:space-between;align-items:center;padding:.55rem .75rem;color:var(--fog);font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid var(--line)}textarea{flex:1;border:0;background:transparent;color:var(--paper);font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:.82rem;line-height:1.55;padding:.85rem;resize:vertical;min-height:200px;outline:none}.toolbar{display:flex;flex-wrap:wrap;gap:.7rem 1rem;align-items:center;margin:.9rem 0;color:var(--fog);font-size:.85rem}.toggle{display:inline-flex;gap:.4rem;align-items:center;cursor:pointer}.ghost{background:transparent;border:1px solid var(--line);color:var(--paper);border-radius:999px;padding:.28rem .7rem;font:inherit;font-size:.78rem;cursor:pointer}.ghost:hover{border-color:var(--fog)}.ghost.flash{border-color:var(--mint);color:var(--mint)}.results{display:grid;gap:.45rem}.row{display:grid;grid-template-columns:7.5rem 1fr;gap:.6rem;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:.65rem .8rem;animation:rise .22s ease}@media(max-width:640px){.row{grid-template-columns:1fr}}@keyframes rise{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.kind{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600}.kind.missing{color:var(--amber)}.kind.extra{color:var(--mint)}.kind.changed{color:var(--coral)}.kind.same{color:var(--same)}.key{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:.86rem}.vals{margin-top:.25rem;color:var(--fog);font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:.75rem;word-break:break-all}.empty{color:var(--fog)}footer{padding:0 1.25rem 2rem;color:var(--fog);font-size:.78rem}@media(prefers-reduced-motion:reduce){.row,.chip{animation:none;transition:none}}