:root{font-family:Arial,Helvetica,sans-serif;color:#ededdf;background:#10110f;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.35;cursor:not-allowed}main{max-width:1440px;margin:auto;padding:32px 48px}.mono,.eyebrow,label,button,footer,.metric small{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.eyebrow{font-size:11px;letter-spacing:2px;color:#aaa99b}.top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #37392d;padding-bottom:24px}.brand{font-size:13px;letter-spacing:2px}.cat{color:#d8fa70;margin-right:14px}.badge{color:#d8fa70;border:1px solid #4d5931;padding:8px 12px;font-size:10px}.title{margin:38px 0 30px}h1{font-size:clamp(35px,5.4vw,76px);line-height:.98;letter-spacing:-4px;margin:14px 0}h1 span{color:#a3a497}.title p{color:#aaa99b;font-size:14px}.layout{display:grid;grid-template-columns:1fr 330px;gap:20px}.monitor{background:#181a15;border:1px solid #383d2c;padding:28px;position:relative;min-height:420px}.statusline{display:flex;justify-content:space-between;font-size:10px;color:#a7ad98;letter-spacing:1px}.dot{display:inline-block;width:7px;height:7px;background:#737668;border-radius:50%;margin-right:8px}body.active .dot{background:#d8fa70;box-shadow:0 0 12px #d8fa70}.monitor h2{font-size:clamp(22px,3vw,42px);font-weight:500;letter-spacing:-1.5px;max-width:570px;margin:50px 0 12px}.hint{color:#979d89;font-size:13px;line-height:1.6;max-width:520px}.scope{height:75px;display:flex;align-items:center;gap:5px;overflow:hidden;margin-top:30px}.scope i{display:block;width:4px;flex-shrink:0;height:var(--h);background:#677449;opacity:.65}body.active .scope i{background:#d8fa70}.monitorfoot{border-top:1px solid #343b29;margin-top:30px;padding-top:16px;display:flex;justify-content:space-between;color:#b4bea1;font-size:10px}.scorepanel{background:#d8fa70;color:#161b0c;padding:28px;display:flex;flex-direction:column;justify-content:space-between}.scorepanel .eyebrow{color:#35451d}.score{font-size:104px;letter-spacing:-8px;line-height:1.3}.score span{font-size:22px;letter-spacing:0}.bar{height:5px;background:#adc856;margin:0 0 24px}.bar i{display:block;background:#1d290d;height:100%;width:0}.category{font-size:21px;text-transform:uppercase;line-height:1.15}.reason{font-size:12px;line-height:1.5;min-height:40px}.metrics{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;border:1px solid #35382e;margin:20px 0}.metric{padding:19px 22px;border-right:1px solid #35382e;min-width:0}.metric:last-child{border:0}.metric small{display:block;color:#838b76;font-size:10px;letter-spacing:1px;margin-bottom:10px}.metric strong{font-size:12px;font-weight:400;overflow-wrap:anywhere}.controls{border:1px solid #35382e;padding:22px}.buttons{display:flex;gap:10px;margin-bottom:25px}button{padding:15px 20px;background:transparent;border:1px solid #505743;color:#e7e9df;font-size:11px;letter-spacing:1px}button.primary{background:#d8fa70;color:#182009;border-color:#d8fa70;font-weight:700}.sliders{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}label{display:block;color:#a5ad96;font-size:10px;letter-spacing:1px}label output{float:right;color:#e1e8d3}input[type=range]{width:100%;accent-color:#d8fa70;margin-top:17px}.debugtoggle{margin-left:auto;align-self:center}.debugtoggle input{accent-color:#d8fa70}footer{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#818874;margin-top:23px;line-height:1.8}.error{color:#ffa482;white-space:pre-wrap;font-size:12px}.alert{border-color:#f6a46e}.alert h2{color:#f6a46e}.debug{background:#181a15;margin-top:20px;padding:20px}.debug canvas{max-width:100%;max-height:280px}.debug pre{white-space:pre-wrap;font-size:11px;color:#c0c8b1}.debug button{padding:10px;margin-right:8px}.hidden{display:none!important}@media(max-width:850px){main{padding:22px}.layout{grid-template-columns:1fr}.scorepanel{min-height:250px}.sliders{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:1fr}.metric{border-right:0;border-bottom:1px solid #35382e}h1{letter-spacing:-2px}.buttons{flex-wrap:wrap}footer{flex-direction:column}.debugtoggle{margin-left:0}}.engine-label{margin-bottom:24px;display:flex;align-items:center;gap:18px}select{background:#21251b;color:#d6deca;border:1px solid #505743;padding:9px;font:11px ui-monospace,monospace;max-width:100%}.engine-note{font-size:11px;color:#89947b;margin:-10px 0 24px}.layout{grid-template-columns:minmax(0,1fr) 330px}.monitor{min-width:0}@media(max-width:850px){.layout{grid-template-columns:minmax(0,1fr)}}.reaction-picker{display:inline-flex;gap:12px;align-items:center;margin:12px 8px 12px 0}:root{background:#10191d;color:#fff0cf}body{background:radial-gradient(ellipse at 95% 5%,#51293766,transparent 40%),radial-gradient(ellipse at 0 50%,#006a7730,transparent 55%)}.top{border-color:#405057}.cat,.badge{color:#42dbe6}.badge{border-color:#287984}.title{position:relative;padding:8px 290px 15px 0;min-height:280px;margin-bottom:24px}.hero-sticker{position:absolute;right:0;top:-18px;width:265px;height:auto;transform:rotate(7deg);filter:drop-shadow(0 8px 0 #0005);pointer-events:none}h1{font-family:Impact,Arial Narrow,sans-serif;font-style:italic;letter-spacing:-1px;font-size:clamp(38px,5.1vw,72px);color:#ffbd43;text-shadow:3px 3px 0 #f72f88,6px 6px 0 #081317}h1 span{color:#49dce9}.title .eyebrow{color:#e9aabc;font-size:10px}.title p{color:#e0d1b7}.monitor{background:#14242a;border:1px solid #39717a;border-top:4px solid #42dbe6;padding-right:230px;min-height:380px}.statusline{color:#bdd7d6;gap:12px}.monitor h2{font-weight:800;font-size:34px;margin-top:38px}.hint{color:#bdc9c6}.reaction-sticker{position:absolute;right:20px;top:80px;width:195px;height:auto;transform:rotate(-7deg);pointer-events:none}.scope{margin-top:18px}.scope i,body.active .scope i{background:#42dbe6}.monitorfoot{margin-right:-202px;border-color:#38555d;color:#c7dfdb;gap:12px}.scorepanel{background:#ffca4b;border:3px solid #ffe5a2;box-shadow:5px 5px #f72f8860}.scorepanel .eyebrow{color:#55410b}.bar{background:#dba629}.score{font-size:94px}.metrics,.controls{background:#152128;border-color:#40535a}.metric{border-color:#40535a}.metric small{color:#a8c6c9}.metric strong{color:#f1e6cf}.control-heading{display:flex;justify-content:space-between;gap:16px;margin-bottom:22px;padding-bottom:14px;border-bottom:1px solid #40535a}.control-heading .eyebrow{color:#ffca4b}.control-heading .mono{font-size:10px;color:#80cbd3}.controls{border-top:3px solid #f72f88}button.primary{background:#ffca4b;border-color:#ffca4b;color:#161b20;box-shadow:3px 3px #f72f88}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #49dce9;outline-offset:4px}button:hover:not(:disabled){border-color:#ffca4b}label{color:#b8d1d2}label output{color:#ffca4b}input[type=range],.debugtoggle input{accent-color:#43dbe6}select{background:#122128;color:#e6eded;border-color:#507078}.engine-note{color:#afbfbc}.alert{border-color:#ff398c}.alert h2{color:#ffca4b}.sticker-shelf{display:flex;align-items:center;justify-content:center;gap:42px;margin:48px 0 12px;padding:24px 0;border-top:1px dashed #516369}.sticker-shelf img{width:170px;height:auto;transform:rotate(-8deg)}.sticker-shelf img:last-child{transform:rotate(8deg)}.sticker-shelf h2{font:italic 38px/1 Impact,Arial Narrow,sans-serif;color:#ffca4b;margin:12px 0;text-shadow:2px 2px #bd2465}.sticker-shelf p{font-size:12px;color:#b9d4d5}.sticker-shelf .eyebrow{font-size:9px;color:#55dbe4}footer{color:#a6b9b7}@media(max-width:1100px){.title{padding-right:220px}.hero-sticker{width:205px;top:15px}.monitor{padding-right:170px}.reaction-sticker{width:140px;right:14px;top:100px}.monitorfoot{margin-right:-142px}.monitor h2{font-size:29px}}@media(max-width:850px){.title{min-height:220px;padding-right:165px}.hero-sticker{width:155px;top:20px}.title .eyebrow{max-width:260px;line-height:1.6}.monitor{padding-right:210px}.reaction-sticker{width:175px;top:70px}.monitorfoot{margin-right:-182px}.scorepanel{min-height:240px}.score{line-height:1}.sticker-shelf{gap:20px}.sticker-shelf img{width:125px}.control-heading{flex-wrap:wrap}}@media(max-width:560px){main{padding:20px 16px}.top{gap:12px}.brand{font-size:10px;letter-spacing:1px}.badge{font-size:8px;padding:6px}.title{min-height:0;padding:0 0 105px;margin-top:24px}.hero-sticker{width:120px;top:auto;bottom:0;right:0}.title p{max-width:220px;line-height:1.5}h1{font-size:44px}.monitor{padding:20px;min-height:440px}.monitor h2,.monitor .hint{max-width:100%}.reaction-sticker{width:104px;top:auto;bottom:53px;right:18px}.scope{margin-right:115px}.monitorfoot{margin-right:0;font-size:8px;line-height:1.5;margin-top:45px}.statusline{font-size:9px}.sticker-shelf{gap:12px}.sticker-shelf img{width:82px}.sticker-shelf h2{font-size:24px}.sticker-shelf .eyebrow{font-size:8px}.sticker-shelf p{font-size:10px}.engine-label{flex-wrap:wrap;gap:10px}.sliders{gap:20px}.reaction-picker{flex-wrap:wrap;max-width:100%}}button{font-family:Impact,Arial Narrow,sans-serif;font-size:17px;font-weight:400;letter-spacing:1px;border:2px solid #839d9f;background:#243941;box-shadow:3px 3px #060f13;transition:transform .12s,box-shadow .12s}button.primary{font-size:21px;padding:14px 26px;border:2px solid #ffe6a1;box-shadow:4px 4px #f72f88}button:not(:disabled):active{transform:translate(3px,3px);box-shadow:0 0 transparent}#stop{color:#ffcfda;border-color:#d84a79;background:#492333}button:disabled{opacity:.4;box-shadow:none}.monitor h2,.category{font-family:Impact,Arial Narrow,sans-serif;font-weight:400;letter-spacing:.5px}.monitor h2{font-size:38px}.score{font-family:Impact,Arial Narrow,sans-serif;letter-spacing:-3px}.control-heading .eyebrow{font:18px Impact,Arial Narrow,sans-serif;letter-spacing:1px}.sliders label{padding:14px;background:#0e1a20;border:1px solid #45636a;border-top:2px solid #e2c58b}.sliders output{background:#ffca4b;color:#14242a;padding:2px 5px;margin-top:-3px;font-weight:700}input[type=range]{appearance:none;-webkit-appearance:none;height:8px;background:repeating-linear-gradient(90deg,#32545d 0 12px,#15262d 12px 15px);border:1px solid #77989a;border-radius:0;cursor:pointer;margin-top:23px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:24px;background:#41d9e5;border:2px solid #fff0cf;box-shadow:3px 2px #f72f88;border-radius:2px}input[type=range]::-moz-range-thumb{width:14px;height:20px;background:#41d9e5;border:2px solid #fff0cf;box-shadow:3px 2px #f72f88;border-radius:2px}.debugtoggle{padding:12px;border:1px dashed #729096}.debugtoggle input{width:16px;height:16px;vertical-align:middle}.metric small{letter-spacing:1.5px}.scorepanel{background-image:repeating-linear-gradient(0deg,transparent 0 3px,#8f5e0008 3px 4px)}.control-heading{border-bottom:2px dashed #45616a}@media(max-width:560px){.monitor h2{font-size:32px}.sliders{gap:12px}.sliders label{padding:12px 8px;font-size:9px}.control-heading .eyebrow{font-size:16px}button.primary{font-size:18px;padding:14px 16px}.debugtoggle{padding:10px}}@media(prefers-reduced-motion:reduce){button{transition:none}}@media(max-width:560px){.sliders output{float:none;display:table;margin:8px 0 0 auto}.sliders input[type=range]{margin-top:16px}.reaction-sticker{bottom:76px}}.capture-source{margin:0 0 20px;padding:18px 22px;background:var(--panel,#15272d);border:1px solid #456169;border-left:3px solid #3cd6d4}.capture-source strong{display:block;margin:7px 0;overflow-wrap:anywhere;font-size:14px}.capture-source p{font-size:12px;line-height:1.5;color:#b9ccca}.capture-source summary{cursor:pointer;font:12px ui-monospace,monospace;color:#f8d26b;padding:7px 0}.capture-source canvas{display:block;max-width:100%;height:auto;max-height:340px;object-fit:contain;background:#081418}.capture-source canvas[width="0"]{display:none}.site-back{display:inline-block;color:#61d7d7;font:11px ui-monospace,monospace;margin-bottom:24px;text-decoration:none}.sticker-title{margin:20px 0 12px;line-height:1;text-shadow:none}.sticker-title img{display:block;width:100%;max-width:700px;height:auto}.sticker-title .detector-label{display:block;font:700 14px/1.5 ui-monospace,monospace;letter-spacing:6px;color:#eee6c9;margin-top:12px}.monitoring-actions{margin:20px 0 24px;align-items:center;flex-wrap:wrap}.monitoring-actions #start,.monitoring-actions #stop{min-height:48px}.comedy-panel{display:flex;align-items:center;gap:28px;border-top:3px solid #ffd54b}.comedy-meter{flex:0 0 170px;color:#ffd54b}.comedy-meter small{display:block;letter-spacing:.08em}.comedy-meter b{font-size:64px;line-height:1.2;font-variant-numeric:tabular-nums}.comedy-meter span{font-size:18px;margin-left:8px}.comedy-copy{min-width:0}.comedy-note{font-size:12px;opacity:.7}@media(max-width:600px){.comedy-panel{align-items:flex-start;gap:16px}.comedy-meter{flex-basis:110px}.comedy-meter b{font-size:44px}}