:root{--bg:#f7f6f1;--surface:#fff;--text:#1c1d1a;--muted:#62645d;--border:#e2e0d8;--frog:#2f9e44;--frog-soft:#e6f4e8;--rat:#7c6f64;--rat-soft:#efebe7;--error:#c92a2a}@media (prefers-color-scheme:dark){:root{--bg:#141513;--surface:#1d1f1b;--text:#ecebe6;--muted:#a3a59c;--border:#2f322c;--frog:#51cf66;--frog-soft:#1f3324;--rat:#b8aa9c;--rat-soft:#2e2925;--error:#ff8787}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}main{max-width:640px;margin:0 auto;padding:40px 16px 64px}h1{letter-spacing:-.02em;margin:0 0 8px;font-size:clamp(2rem,6vw,2.75rem)}h1 .or{color:var(--muted);font-weight:400}.lede{color:var(--muted);margin:0 0 24px}.controls{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}button,.button{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:10px;padding:10px 18px;font-weight:600}.button,button.primary{background:var(--frog);border-color:var(--frog);color:#fff}.button input{display:none}button:disabled,.button.disabled{opacity:.5;cursor:not-allowed}.stage{background:var(--surface);border:1px solid var(--border);border-radius:16px;place-items:center;min-height:240px;display:grid;overflow:hidden}.stage canvas,.stage video{width:100%;height:auto;display:block}.stage video{transform:scaleX(-1)}.placeholder{opacity:.4;font-size:3rem}.status{color:var(--muted);margin:16px 0}.status.error{color:var(--error)}.result{border:1px solid var(--border);background:var(--surface);border-radius:16px;margin-top:20px;padding:20px}.verdict{align-items:center;gap:16px;display:flex}.verdict .emoji{font-size:3.5rem;line-height:1}.verdict h2{margin:0 0 8px;font-size:1.75rem}.meter{background:var(--border);border-radius:12px;width:min(280px,60vw);height:24px;position:relative;overflow:hidden}.meter div{background:var(--frog);height:100%}.result.rat .meter div{background:var(--rat)}.meter span{place-items:center;font-size:.8rem;font-weight:600;display:grid;position:absolute;inset:0}.result h3{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:20px 0 8px;font-size:.85rem}.result ul{margin:0;padding:0;list-style:none}.result li{border-top:1px solid var(--border);justify-content:space-between;gap:12px;padding:8px 0;display:flex}.lean{white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:.85rem}.lean.frog{background:var(--frog-soft);color:var(--frog)}.lean.rat{background:var(--rat-soft);color:var(--rat)}.source{color:var(--muted);margin:16px 0 0;font-size:.8rem}