:root{--bg: #f6f1e7;--ink: #1a1612;--muted: #6b5f52;--line: #ddd2c0;--good: #1f6b45;--bad: #a33b16;--panel: #fffaf2;--accent: #c24a1b;color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{font-family:"Source Serif 4",Georgia,serif;background:var(--bg);color:var(--ink);line-height:1.55}.wrap{max-width:1180px;margin:0 auto;padding:36px 22px 80px}.eyebrow{font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:10px}h1{font-size:clamp(2.3rem,5vw,3.6rem);line-height:1.05;letter-spacing:-.03em;font-weight:550;margin:0 0 12px;max-width:16ch}.lede{color:var(--muted);max-width:48ch;margin:0 0 22px;font-size:1.08rem}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}button{font:inherit;cursor:pointer;border-radius:999px;border:1px solid var(--line);background:transparent;padding:10px 16px;color:var(--ink)}button.active,button.primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}.layout{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}@media(max-width:920px){.layout{grid-template-columns:1fr}}.stage,.findings{background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden}.stage-head,.findings-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line);font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.viewport{min-height:520px}.slop{font-family:Inter,system-ui,sans-serif;background:linear-gradient(135deg,#f8fafc,#eef2ff);color:#0f172a;padding:28px}.slop .hero{background:#fff;border-radius:24px;padding:28px;box-shadow:0 20px 50px #0f172a14;border-left:6px solid #8b5cf6}.slop h2{font-size:2.4rem;margin:0 0 10px;background:linear-gradient(90deg,#7c3aed,#2563eb);-webkit-background-clip:text;background-clip:text;color:transparent}.slop .cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.slop .card{background:#f8fafc;border-radius:18px;padding:18px;border:1px solid #e2e8f0}.slop .card-inner{background:#fff;border-radius:14px;padding:16px;border:1px solid #e2e8f0}.slop .icon{width:40px;height:40px;border-radius:12px;background:#ede9fe;display:grid;place-items:center;margin-bottom:10px;color:#7c3aed;font-weight:700}.slop .btn{display:inline-block;margin-top:16px;padding:12px 22px;border-radius:999px;background:linear-gradient(90deg,#7c3aed,#2563eb);color:#fff;border:none;font-weight:600}.slop .muted{color:#94a3b8}.fixed{font-family:"Source Serif 4",Georgia,serif;background:#11100e;color:#f4efe4;padding:0;min-height:520px;display:grid;grid-template-rows:1fr auto}.fixed-hero{padding:42px 36px 28px;background:linear-gradient(180deg,#11100e33,#11100ed9),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.18'/%3E%3C/svg%3E"),radial-gradient(800px 400px at 20% 0%,#3a2418,transparent 60%),#11100e}.fixed h2{font-size:clamp(2.4rem,4vw,3.4rem);line-height:.98;letter-spacing:-.03em;margin:0 0 14px;max-width:11ch;color:#f7f0e4}.fixed p{color:#cbbba5;max-width:34ch;margin:0 0 22px}.fixed .btn{display:inline-block;padding:12px 18px;background:#f0c27a;color:#1a140e;border:none;border-radius:4px;font-weight:600;font-family:JetBrains Mono,monospace;letter-spacing:.04em;text-transform:uppercase;font-size:12px}.fixed-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #2a241c}.fixed-strip div{padding:16px 18px;border-right:1px solid #2a241c;font-size:.92rem;color:#d7c8b2}.fixed-strip div:last-child{border-right:none}.fixed-strip b{display:block;color:#f7f0e4;font-size:1.05rem;margin-bottom:4px}.findings-body{padding:8px 0 12px;max-height:560px;overflow:auto}.finding{padding:12px 18px;border-bottom:1px solid var(--line)}.finding .tag{display:inline-block;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:999px;margin-bottom:6px}.finding .tag.slop{background:#f8d7c8;color:#8a2e10}.finding .tag.quality{background:#e4ecf7;color:#1e3a5f}.finding .tag.ok{background:#d9efe0;color:var(--good)}.finding h3{margin:0 0 4px;font-size:1rem}.finding p{margin:0;color:var(--muted);font-size:.92rem}.score{font-family:JetBrains Mono,monospace;font-size:13px}.score.bad{color:#a33b16}.score.good{color:var(--good)}.foot{margin-top:24px;color:var(--muted);font-size:.9rem}.foot a{color:var(--ink)}.cmds{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 8px}.cmds code{font-family:JetBrains Mono,monospace;font-size:12px;background:#efe6d6;border:1px solid var(--line);border-radius:8px;padding:8px 10px}