*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#071018;color:#e8fbff;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}body{background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px),radial-gradient(circle at 18% 0%,rgba(26,233,255,.14),transparent 34rem),radial-gradient(circle at 85% 18%,rgba(255,215,112,.08),transparent 28rem),#071018;background-size:32px 32px,32px 32px,auto,auto,auto}a{color:#67e8ff}button,input,textarea,select{font:inherit}.site-shell{width:min(1120px,calc(100% - 28px));margin:0 auto;padding:34px 0 42px}.hero,.tool-panel,.info-card,.series-section,.app-comment-section{border:1px solid rgba(111,228,255,.18);background:rgba(8,20,28,.78);box-shadow:0 0 38px rgba(0,216,255,.08);border-radius:14px}.hero{padding:clamp(26px,5vw,56px);margin-bottom:22px}.series-label,.section-kicker{margin:0 0 9px;color:#6befff;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase}h1,h2,h3,p{overflow-wrap:anywhere}h1{margin:0;font-size:clamp(2.05rem,7vw,4.8rem);letter-spacing:0;line-height:1.06}h2{margin:0 0 12px;font-size:clamp(1.15rem,3vw,1.7rem)}h3{margin:16px 0 10px;font-size:1rem}.subtitle{margin:8px 0 0;color:#bdf7ff;font-weight:700;font-size:clamp(1rem,2.4vw,1.45rem)}.lead{max-width:780px;margin:18px 0 0;color:rgba(231,251,255,.82);line-height:1.85}.hero-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.hero-pills span{border:1px solid rgba(111,228,255,.22);background:rgba(2,8,12,.72);color:#cff9ff;padding:7px 10px;border-radius:999px;font-size:.82rem}.tool-panel{padding:clamp(18px,4vw,32px)}.tool-head{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.tool-head p{margin:0;color:rgba(231,251,255,.75);line-height:1.7}button{min-height:42px;border:1px solid rgba(98,230,255,.36);background:linear-gradient(180deg,rgba(19,205,241,.25),rgba(12,98,128,.25));color:#effeff;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:800}button:hover,button:focus-visible{border-color:rgba(98,230,255,.78)}button:disabled{opacity:.48;cursor:not-allowed}.quiet-button{background:rgba(255,255,255,.05);color:#d8f9ff}.test-pad{position:relative;min-height:280px;border:1px dashed rgba(255,216,112,.42);border-radius:12px;background:repeating-linear-gradient(135deg,rgba(255,255,255,.03) 0 1px,transparent 1px 10px),rgba(5,14,19,.86);padding:18px;outline:none;overflow:hidden;touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;user-select:none}.test-pad.is-active{border-color:rgba(96,245,255,.72);box-shadow:inset 0 0 32px rgba(0,216,255,.1)}.pad-copy{position:relative;z-index:1;display:grid;gap:8px;max-width:620px}.pad-copy span{color:#6befff;font-size:.75rem;letter-spacing:.12em}.pad-copy strong{font-size:clamp(1.1rem,3vw,1.7rem);color:#ffe28a}.pad-copy p{margin:0;color:rgba(231,251,255,.68);line-height:1.7}.wasd-grid,.mouse-buttons{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.wasd-grid span,.mouse-buttons span,.chip{border:1px solid rgba(111,228,255,.22);background:rgba(11,38,50,.72);color:#e8fbff;border-radius:8px;padding:9px 11px;font-weight:800}.wasd-grid span.active,.mouse-buttons span.active,.chip.active{border-color:rgba(255,216,112,.82);background:rgba(96,68,11,.72);color:#fff1bd}.metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:18px 0}.metric{min-width:0;border:1px solid rgba(111,228,255,.16);background:rgba(1,8,12,.72);padding:12px;border-radius:10px}.metric span{display:block;color:rgba(178,235,244,.67);font-size:.72rem;letter-spacing:.08em}.metric strong{display:block;margin-top:6px;color:#fff;font-size:clamp(1.05rem,2.6vw,1.55rem);overflow-wrap:anywhere}.chip-list,.event-log{min-height:58px;border:1px solid rgba(111,228,255,.13);background:rgba(0,6,10,.56);border-radius:10px;padding:10px}.chip-list{display:flex;flex-wrap:wrap;gap:7px}.event-log{display:grid;gap:7px;max-height:260px;overflow:auto}.log-item{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:8px 9px;border:1px solid rgba(111,228,255,.22);background:rgba(11,38,50,.72);border-radius:8px;overflow-wrap:anywhere}.log-item small{color:rgba(231,251,255,.55)}.log-item.warning{border-color:rgba(255,119,119,.55);background:rgba(78,16,18,.72)}.mini-note{color:rgba(231,251,255,.68);line-height:1.75}.mic-permission{display:flex;gap:10px;flex-wrap:wrap}.status-message{margin:12px 0;color:rgba(231,251,255,.78)}.mic-meter{height:16px;border:1px solid rgba(111,228,255,.2);background:rgba(0,6,10,.7);border-radius:999px;overflow:hidden}.mic-meter span{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,#1de9ff,#7cffc7,#ffe28a,#ff7777);transition:transform .08s linear}.wave-wrap{margin-top:14px;border:1px solid rgba(111,228,255,.15);border-radius:12px;background:#041017;overflow:hidden}canvas{display:block;width:100%;height:220px}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.info-card,.series-section,.app-comment-section{padding:clamp(18px,3vw,26px)}.info-card p,.info-card li{color:rgba(231,251,255,.77);line-height:1.8}.series-section{margin-top:18px}.series-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.series-card{display:block;min-width:0;padding:13px;border:1px solid rgba(111,228,255,.17);border-radius:10px;background:rgba(3,13,18,.75);text-decoration:none;color:#e8fbff}.series-card span{display:block;font-weight:800}.series-card small{display:block;margin-top:5px;color:rgba(231,251,255,.62);line-height:1.5}.app-comment-section{margin-top:18px}.app-comments,.app-comment-form-section{background:rgba(6,18,24,.92)!important;border:1px solid rgba(112,220,240,.22)!important;color:#e8fbff!important}.app-comment-form input,.app-comment-form textarea,.app-comment-form select{background:rgba(3,10,14,.9)!important;color:#e8fbff!important;border:1px solid rgba(112,220,240,.28)!important}.app-comment-form input::placeholder,.app-comment-form textarea::placeholder{color:rgba(232,251,255,.48)!important}.site-return-link,.mothership-link,.page-footer{width:min(520px,100%);margin:18px auto 0;padding:15px;border-radius:10px;text-align:center}.site-return-link{border:1px solid rgba(111,228,255,.17);background:rgba(6,18,24,.72)}.site-return-link span,.mothership-link span{display:block;color:#6befff;font-size:.72rem;letter-spacing:.12em}.site-return-link a,.mothership-link a{display:inline-block;margin-top:4px;font-weight:800}.site-return-link p,.mothership-link p,.page-footer p{margin:5px 0 0;color:rgba(231,251,255,.62);font-size:.84rem}.mothership-link{border:1px solid rgba(255,216,112,.18);background:rgba(20,18,11,.55)}.page-footer{color:rgba(231,251,255,.58)}@media (max-width:820px){.tool-head,.info-grid{display:grid;grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.series-grid{grid-template-columns:1fr}.mic-permission button{flex:1 1 160px}}@media (max-width:420px){.site-shell{width:min(100% - 18px,1120px);padding-top:18px}.hero,.tool-panel,.info-card,.series-section,.app-comment-section{border-radius:10px}.metric-grid{grid-template-columns:1fr}.log-item{grid-template-columns:1fr}canvas{height:180px}}