:root{color:#fafafa;background:#09090b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}button{color:inherit;font:inherit}.app{min-height:100svh;display:grid;place-items:center;padding:clamp(18px,4vw,48px);background:radial-gradient(circle at 18% 18%,rgba(250,204,21,.18),transparent 30%),radial-gradient(circle at 80% 10%,rgba(244,63,94,.2),transparent 28%),linear-gradient(155deg,#09090b,#171717 54%,#3f1d23)}.meter{width:min(100%,620px);min-height:min(760px,calc(100svh - 36px));display:grid;grid-template-rows:auto 1fr auto auto auto;gap:22px}.topbar,.controls,.status,.details{display:flex;align-items:center}.topbar{justify-content:space-between}.brand{font-size:clamp(24px,6vw,44px);font-weight:900;letter-spacing:0}.iconButton,.manualButton,.micButton{border:1px solid rgba(255,255,255,.16);background:#ffffff17;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.iconButton{width:48px;height:48px;border-radius:999px;display:grid;place-items:center}.readout{display:grid;align-content:center;justify-items:center;text-align:center;min-height:320px}.number{font-size:clamp(150px,34vw,300px);line-height:.82;font-weight:950;letter-spacing:0;animation:pop .28s cubic-bezier(.2,1.6,.35,1);text-shadow:0 16px 54px rgba(244,63,94,.35)}.label{margin-top:18px;color:#fafafab8;font-size:clamp(19px,4vw,26px);font-weight:750}.controls{gap:12px}.micButton,.manualButton{min-height:64px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:850}.micButton{flex:1;background:#fafafa;color:#09090b;border-color:transparent}.micButton.active{background:#fb7185}.manualButton{padding:0 18px}.iconButton:hover,.manualButton:hover,.micButton:hover{transform:translateY(-1px)}.status{gap:10px;color:#fafafac7;min-height:28px}.dot{width:10px;height:10px;border-radius:999px;background:#fafafa5c}.dot.active{background:#22c55e;box-shadow:0 0 0 8px #22c55e29}.details{min-height:52px;gap:10px;flex-wrap:wrap;color:#fafafa94;font-size:14px}.details span{max-width:100%;overflow-wrap:anywhere}@keyframes pop{0%{opacity:.55;transform:translateY(10px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:520px){.app{padding:18px}.meter{min-height:calc(100svh - 36px);gap:18px}.controls{display:grid;grid-template-columns:1fr}.manualButton{width:100%}}