@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600&family=Instrument+Sans:wght@400;600;700;800&display=swap');

:root{--bg:#08080a;--panel:#111114;--line:#35353e;--text:#f6f3f4;--muted:#a8a4aa;--red:#f1283c;--red-bright:#ff6574;--red-dark:#7a101c}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 18% 0,#360c13 0,transparent 34%),radial-gradient(circle at 92% 12%,#1f080d 0,transparent 28%),var(--bg);color:var(--text);font-family:"Instrument Sans",Arial,sans-serif}main{max-width:1280px;margin:auto;padding:22px 24px 44px}header{display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line);padding-bottom:18px}.brand{display:flex;align-items:center;gap:10px}.brand b{display:grid;place-items:center;width:31px;height:31px;background:var(--red);color:#fff;font-family:"IBM Plex Mono",monospace}.brand strong,.brand small{display:block}.brand small{font-size:12px;color:var(--muted);margin-top:2px}.chip,.pills span,.eyebrow,.meters,.transport,output{font-family:"IBM Plex Mono",monospace}.chip{margin-left:auto;border:1px solid rgba(241,40,60,.65);color:var(--red-bright);font-size:11px;padding:7px 9px;letter-spacing:.05em}.lang{background:transparent;color:var(--muted);border:1px solid var(--line);font-family:"IBM Plex Mono",monospace;padding:6px 8px;cursor:pointer}.lang.active{color:white;border-color:var(--red);background:#2b0b10}.hero{max-width:780px;padding:64px 0 38px}.eyebrow{margin:0 0 10px;color:var(--red-bright);font-size:11px;letter-spacing:.16em}.hero h1{font-size:clamp(38px,6vw,76px);line-height:.94;letter-spacing:-.06em;margin:0}.hero>p:not(.eyebrow){font-size:19px;line-height:1.45;max-width:690px;color:#d4cdd0;margin:19px 0}.pills{display:flex;flex-wrap:wrap;gap:7px}.pills span{font-size:11px;color:#d7c2c6;border:1px solid var(--line);padding:7px 8px;background:rgba(255,255,255,.025)}.grid{display:grid;gap:16px}.top{grid-template-columns:minmax(0,1.65fr) minmax(290px,.75fr)}.lower{grid-template-columns:1fr 1fr;margin-top:16px}.panel{border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.013));padding:20px;min-width:0}.panel h2{font-size:18px;margin:0 0 13px;letter-spacing:-.02em}.panel>p{font-size:13px;color:var(--muted);margin:0 0 20px}.diagnosis>p{color:var(--red-bright);font:600 12px "IBM Plex Mono",monospace;text-transform:uppercase;letter-spacing:.06em}#drop{border:1px dashed #7c4650;min-height:122px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;cursor:pointer;background:rgba(241,40,60,.045);padding:20px;gap:7px}#drop:hover{border-color:var(--red);background:rgba(241,40,60,.09)}#drop input{display:none}#drop small,#meta,#status{color:var(--muted);font-size:13px}#meta{min-height:20px;margin:12px 0 9px;overflow-wrap:anywhere}canvas{display:block;width:100%;background:#09090c;border:1px solid #282830}#wave{height:120px}#hf{height:70px;margin-top:7px}.meters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px;color:var(--muted);font-size:10px}.meters span{border-top:1px solid var(--line);padding-top:8px}.meters b{display:block;color:var(--text);font-size:12px;margin-top:3px}.transport{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:16px}button{font:600 12px "IBM Plex Mono",monospace;letter-spacing:.02em;border:1px solid var(--line);background:#1a1a20;color:var(--text);padding:10px 12px;cursor:pointer}button:hover:not(:disabled){border-color:var(--red-bright)}button:disabled{opacity:.42;cursor:not-allowed}output{color:var(--muted);font-size:11px;margin-right:auto}#monitor{display:flex;gap:0}#monitor button{padding:8px 9px;font-size:10px}#monitor button.active,.primary{background:var(--red);border-color:var(--red);color:#fff}.progress{height:2px;background:#2b2b32;margin-top:17px}.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--red),var(--red-bright));transition:width .15s}#scores{display:grid;gap:18px}.score{display:grid;grid-template-columns:1fr auto;gap:7px;font:12px "IBM Plex Mono",monospace;color:#ddd}.score i{grid-column:1/-1;height:7px;background:#292931;position:relative;overflow:hidden}.score i b{display:block;height:100%;background:linear-gradient(90deg,var(--red-dark),var(--red-bright))}.score em{font-style:normal;color:var(--red-bright);font-size:10px}.controls{display:grid;gap:13px}.control{display:grid;grid-template-columns:1fr 70px;align-items:center;gap:10px;font-size:13px}.control label{color:#ded9dc}.control output{margin:0;text-align:right;color:var(--text);font:11px "IBM Plex Mono",monospace}.control input{grid-column:1/-1;width:100%;accent-color:var(--red)}.actions{display:flex;gap:8px;margin-top:20px}.master-head{display:flex;gap:20px;justify-content:space-between}.master-head h2{margin-bottom:5px}.master-head p{max-width:340px}.dim{opacity:.4;pointer-events:none}.switch{position:relative;width:44px;height:24px;flex:none}.switch input{opacity:0}.switch i{position:absolute;inset:0;background:#303038;border:1px solid var(--line);border-radius:99px;cursor:pointer}.switch i:after{content:"";position:absolute;width:16px;height:16px;top:3px;left:4px;border-radius:50%;background:#aaa;transition:.2s}.switch input:checked+i{background:var(--red);border-color:var(--red)}.switch input:checked+i:after{transform:translateX(18px);background:white}.consultation{margin-top:16px;border:1px solid rgba(241,40,60,.68);background:linear-gradient(120deg,#21070b,#110f12);padding:30px;display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px}.consultation .eyebrow{width:100%;margin:0}.consultation h2{font-size:24px;letter-spacing:-.035em;margin:0;flex:1 1 380px}.consultation p:not(.eyebrow){margin:0;color:#c9c0c3;flex:1 1 300px}.consultation a{font:600 12px "IBM Plex Mono",monospace;color:white;text-decoration:none;background:var(--red);padding:12px 14px;white-space:nowrap}footer{border-top:1px solid var(--line);margin-top:34px;padding-top:18px;color:var(--muted);font-size:12px;display:flex;flex-wrap:wrap;gap:9px 22px}footer p{margin:0}footer a{color:var(--red-bright)}
@media(max-width:760px){main{padding:18px 14px 32px}header{gap:10px}.chip{display:none}.brand strong{font-size:14px}.hero{padding:44px 0 28px}.top,.lower{grid-template-columns:1fr}.meters{grid-template-columns:repeat(2,1fr)}output{order:3;width:100%}.consultation{padding:23px}.consultation h2{font-size:22px}}
.score>div:first-child{display:flex;justify-content:space-between;gap:12px}.score b{color:var(--red-bright);font-size:10px}.score .rail{height:7px;background:#292931;margin-top:7px;overflow:hidden}.score .rail i{display:block;height:100%;background:linear-gradient(90deg,var(--red-dark),var(--red-bright))}
body{background-image:linear-gradient(180deg,rgba(3,3,5,.8),rgba(3,3,5,.94)),url("antidoto-studio-background.jpg");background-position:center top;background-size:cover;background-attachment:fixed}main{padding-top:24px}.panel{background:linear-gradient(145deg,rgba(12,12,15,.93),rgba(7,7,9,.88));backdrop-filter:blur(7px)}.cleaner-site-header{display:flex;min-height:112px;align-items:center;gap:24px;border:0;padding:0 0 18px}.site-logo{display:inline-flex;flex:none}.site-logo img{display:block;width:96px;height:96px;object-fit:contain;transform:translateY(15%)}.site-nav{display:flex;align-items:center;gap:28px;margin-left:auto;font-size:14px;font-weight:800;text-transform:uppercase}.site-nav a{color:var(--text);text-decoration:none}.site-nav a:hover{color:#ff1818}.site-language{display:flex;gap:0}.site-language .lang{padding:7px 9px}@media(max-width:760px){main{padding-top:18px}.cleaner-site-header{min-height:78px;gap:12px;padding-bottom:12px}.site-logo img{width:72px;height:72px}.site-nav{display:none}.site-language{margin-left:auto}}
