*{box-sizing:border-box}body{margin:0;background:#05080a;color:#d7ffe5;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:linear-gradient(rgba(0,255,120,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,120,.02) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}.scan{position:fixed;inset:0;background:linear-gradient(transparent 48%,rgba(0,255,120,.035) 50%,transparent 52%);background-size:100% 7px;pointer-events:none;opacity:.6}main{max-width:900px;margin:auto;padding:24px 16px 40px}header{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #173c28;padding-bottom:12px}.brand{font-size:clamp(28px,8vw,54px);font-weight:900;letter-spacing:5px;text-shadow:0 0 16px rgba(0,255,120,.35)}.handle{font-size:12px;opacity:.65}.signal{margin:20px 0;padding:28px 18px;border:1px solid #1c5a37;background:rgba(0,20,10,.6);box-shadow:0 0 30px rgba(0,255,120,.06) inset;text-align:center}.label{font-size:12px;letter-spacing:4px;opacity:.65}.signalText{font-size:clamp(24px,7vw,46px);font-weight:900;margin-top:12px;letter-spacing:1px}.signalText.idle{opacity:.45}.wait{margin-top:10px;font-size:12px;color:#9be9b5}.stats,.pattern{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stats>div,.pattern>div{border:1px solid #173c28;padding:13px;background:#07100b}.stats b{display:block;font-size:30px}.stats span,.pattern span{font-size:11px;opacity:.55}.pattern{margin-top:10px}.pattern>div{display:flex;justify-content:space-between;align-items:center}.history{margin-top:22px}.history h2,.auto h2{font-size:12px;letter-spacing:3px;opacity:.7}.chips{display:flex;flex-wrap:wrap;gap:7px;min-height:44px;padding:10px;border:1px solid #173c28;background:#07100b}.chip{font-size:22px;padding:5px 7px;border:1px solid #234f35;background:#0a150e}.controls{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.controls button{background:#07100b;color:#d7ffe5;border:1px solid #24583a;padding:13px 8px;font:inherit;cursor:pointer}.controls button:hover{background:#0d1c13}.controls #undo,.controls #clear{grid-column:span 1}.auto{margin-top:22px;padding:15px;border:1px dashed #24583a;font-size:12px;line-height:1.5}.auto p{opacity:.7}.auto code{display:block;overflow:auto;white-space:nowrap;color:#9be9b5}footer{text-align:center;margin-top:24px;font-size:10px;opacity:.4}@media(max-width:560px){.controls{grid-template-columns:1fr 1fr}.controls button:nth-child(1),.controls button:nth-child(2),.controls button:nth-child(3){grid-column:span 1}.controls #undo,.controls #clear{grid-column:span 2}}