:root{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;color-scheme:light;color:var(--ink);background:var(--page);--page: #edf4f5;--ink: #213c47;--secondary: #526d78;--muted: #607d87;--surface: rgba(255, 255, 255, .55);--chrome: rgba(250, 255, 255, .82);--edge: rgba(255, 255, 255, .92);--edge-hover: #9cbbc3;--line: rgba(98, 137, 149, .15);--grid: #dce8eb;--green: #21846c;--focus: #287994;--pcg: #427aa6;--ecg: #298879;--shadow: 0 18px 50px -28px rgba(54, 91, 105, .25), inset 0 1px 0 rgba(255,255,255,.7)}:root[data-theme=dark]{color-scheme:dark;--page: #101d27;--ink: #e1eef1;--secondary: #adc5cf;--muted: #91adb9;--surface: rgba(29, 49, 62, .43);--chrome: rgba(33, 55, 68, .88);--edge: rgba(166, 208, 222, .18);--edge-hover: #65848f;--line: rgba(153, 190, 206, .12);--grid: #273e4b;--green: #7dd2b6;--focus: #9bcee1;--pcg: #9bbfdc;--ecg: #79c4b2;--shadow: 0 24px 60px -25px rgba(0, 0, 0, .42), inset 0 1px 0 rgba(205,235,246,.04)}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-width:320px}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 85% 8%,rgba(156,213,209,.25),transparent 44%),radial-gradient(ellipse at 4% 64%,rgba(190,210,229,.32),transparent 55%)}:root[data-theme=dark] body:before{background:radial-gradient(ellipse at 85% 8%,rgba(67,119,131,.17),transparent 42%),radial-gradient(ellipse at 4% 64%,rgba(54,85,123,.15),transparent 55%)}main{max-width:1480px;margin:auto;padding:0 48px 24px}button,summary{font:inherit;-webkit-tap-highlight-color:transparent;cursor:pointer}button{min-height:36px;padding:0 14px;border:1px solid var(--edge);border-radius:20px;background:var(--chrome);color:var(--ink);font-size:12px;font-weight:550;white-space:nowrap;transition:border-color .16s ease,box-shadow .16s ease}button:hover:not(:disabled){border-color:var(--edge-hover);box-shadow:inset 0 0 0 1px var(--edge)}button:active:not(:disabled){box-shadow:inset 0 0 0 2px var(--edge-hover)}button:disabled{opacity:.5;cursor:default}button.primary{color:#183746;background:#c9e6ef;border-color:#c9e6ef}button.primary:hover:not(:disabled){border-color:#739da9}button.text-button{background:transparent;border-color:transparent;color:var(--secondary)}:focus-visible{outline:2px solid var(--focus);outline-offset:4px}a{color:inherit}.app-header{min-height:88px;display:flex;align-items:center;gap:36px}.brand{display:inline-flex;gap:10px;align-items:center;text-decoration:none;font-size:19px;letter-spacing:-.5px;font-weight:680}.brand img{border-radius:10px}.live-clock{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px;font-weight:650;letter-spacing:1px}.live-clock time{margin-left:8px;font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:.5px;min-width:50px}#dot{width:6px;height:6px;border-radius:50%;background:var(--muted);transition:background .25s ease,box-shadow .25s ease}#dot.live{background:var(--green);box-shadow:0 0 0 4px color-mix(in srgb,var(--green) 10%,transparent)}.header-end{margin-left:auto;display:flex;align-items:center;gap:8px}.more-menu{position:relative}.more-menu>summary{display:grid;place-items:center;list-style:none;width:36px;height:36px;color:var(--secondary);letter-spacing:2px;border-radius:50%}summary::-webkit-details-marker{display:none}.menu-surface{position:absolute;right:0;top:42px;padding:8px;border:1px solid var(--edge);border-radius:18px;background:var(--chrome);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:var(--shadow);z-index:3}.session{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:140px;gap:24px;padding:6px 8px 20px}.session-copy{min-width:0}.source-line{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:12px;margin-bottom:12px}#device-source{color:var(--secondary)}#device-source:before{content:"/";margin-right:14px;color:var(--muted);opacity:.5}h1{font-size:clamp(23px,2.2vw,30px);line-height:1.3;letter-spacing:-.8px;font-weight:550;margin:0}#hint{color:var(--secondary);font-size:12px;line-height:1.7;margin:10px 0 0}.device-panel{flex:0 0 208px;position:relative;align-self:stretch}.device-panel>summary{display:none}.device-content{position:absolute;top:-16px;right:0;bottom:-2px;left:0}.model-stage{height:136px;width:100%;position:relative;display:grid;place-items:center;touch-action:none;cursor:grab}.model-stage:active{cursor:grabbing}.model-stage canvas{display:block;width:100%;height:100%;filter:drop-shadow(0 12px 9px rgba(19,38,48,.13))}#model-message{position:absolute;max-width:180px;text-align:center;color:var(--muted);font-size:11px;line-height:1.6}.model-actions{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:10px}.model-actions button{min-height:28px;font-size:10px;padding:0 8px}.signals{padding:4px 28px 14px;background:var(--surface);border:1px solid var(--edge);border-radius:28px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px) saturate(115%);backdrop-filter:blur(24px) saturate(115%)}.wave{padding:22px 0 18px}.wave+.wave{border-top:1px solid var(--line)}.wave-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.wave-title h2{display:flex;align-items:baseline;gap:12px;margin:0;font-size:13px;font-weight:500;color:var(--secondary)}.signal-key{color:var(--pcg);font-size:15px;font-weight:650;letter-spacing:1.2px}.wave+.wave .signal-key{color:var(--ecg)}.signal-unit{font-size:10px;color:var(--muted)}.plot{position:relative;margin-top:18px}.plot canvas{display:block;width:100%;height:clamp(144px,20vh,224px);opacity:.32;transition:opacity .45s ease}body[data-signal=active] .plot canvas{opacity:1}.empty-signal{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--muted);font-size:12px;pointer-events:none;transition:opacity .22s ease}.empty-signal:before{content:"";position:absolute;left:12%;right:12%;top:58%;height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent)}body[data-signal=active] .empty-signal{opacity:0}.wave-caption{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.rate{display:flex;align-items:baseline;gap:6px;font-size:10px;color:var(--muted)}.rate b{color:var(--secondary);font-size:17px;font-weight:500;font-variant-numeric:tabular-nums}.rate small{font-size:10px}.control-dock{display:flex;justify-content:center;padding:24px 0 8px}.audio-control{display:flex;align-items:center;gap:12px;padding:8px 9px 8px 18px;border:1px solid var(--edge);border-radius:40px;background:var(--chrome);-webkit-backdrop-filter:blur(24px) saturate(120%);backdrop-filter:blur(24px) saturate(120%);box-shadow:var(--shadow)}#audio-label{font-size:12px;color:var(--secondary)}.audio-symbol{display:flex;align-items:center;gap:3px;height:20px;color:var(--muted)}.audio-symbol i{display:block;width:2px;height:5px;border-radius:2px;background:currentColor;transition:height .18s ease,color .18s ease}body[data-audio=playing] .audio-symbol{color:var(--green)}body[data-audio=playing] .audio-symbol i:nth-child(2){height:16px}body[data-audio=playing] .audio-symbol i:nth-child(3){height:11px}body[data-audio=playing] .audio-symbol i:nth-child(4){height:7px}.diagnostic-panel{padding:16px 0;font-size:12px;color:var(--muted)}.diagnostic-panel pre{white-space:pre-wrap}.diagnostic-actions{display:flex;gap:8px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;left:16px;top:-60px;z-index:5;padding:12px;background:var(--page)}.skip-link:focus{top:12px}@keyframes reveal{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.session,.signals,.control-dock{animation:reveal .42s ease both}.signals{animation-delay:60ms}.control-dock{animation-delay:.1s}.signals,.audio-control{transition:border-color .25s ease,box-shadow .25s ease}@media (max-width: 800px){main{padding:0 16px 20px}.app-header{min-height:72px;gap:16px;flex-wrap:wrap}.brand{font-size:16px;gap:7px}.brand img{width:28px;height:28px}.live-clock{gap:5px}.live-clock time{min-width:35px;margin-left:1px;font-size:10px}.header-end{gap:0}button,.more-menu>summary{min-height:44px}.header-end button{padding:0 7px;font-size:11px}.more-menu>summary{width:24px}.session{min-height:126px;flex-direction:column;align-items:stretch;gap:8px;padding:12px 4px 20px}h1{font-size:23px}.source-line{font-size:11px;margin-bottom:10px}.device-panel{flex:auto;align-self:auto}.device-panel>summary{display:inline-flex;align-items:center;min-height:32px;color:var(--muted);font-size:11px}.device-panel>summary:after{content:"+";margin-left:8px}.device-panel[open]>summary:after{content:"−"}.device-content{position:static;width:200px;margin:auto}.model-stage{height:140px}.model-actions button{min-height:44px}.signals{padding:2px 16px 14px;border-radius:22px}.wave{padding:20px 0 16px}.plot{margin-top:16px}.plot canvas{height:clamp(145px,21vh,185px)}.wave-title h2{gap:8px;font-size:12px}.signal-key{font-size:13px}.rate{gap:4px}.control-dock{padding-top:20px}.audio-control{padding:6px 7px 6px 15px;gap:10px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media (prefers-reduced-transparency: reduce),(prefers-contrast: more){:root{--surface: #f8fbfc;--chrome: #f8fbfc;--edge: #adbec4}:root[data-theme=dark]{--surface: #1c303d;--chrome: #1c303d;--edge: #6e8995}.signals,.audio-control,.menu-surface{-webkit-backdrop-filter:none;backdrop-filter:none}}@media (min-width: 801px){.session{min-height:120px}.device-panel{align-self:center;height:100px}.device-content{position:static}.model-stage{width:170px;height:110px;margin-top:-10px}.model-actions{position:absolute;right:0;bottom:8px}.model-actions>span{display:none}}