: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: #e0ebf3;--ink: #243345;--secondary: #526273;--muted: #596a7d;--line: #e9edef;--chrome: #f1f4f6;--glass: rgba(241,244,246,.9);--edge: #e0e6e9;--focus: #426f89;--pcg: #4b85b7;--ecg: #5c8d79;--green: #4b907b;--shell: rgba(255,255,255,.22);--shell-edge: rgba(255,255,255,.96);--shell-bottom: rgba(242,251,255,.72);--shell-reflection: rgba(255,255,255,.62);--signal-surface: rgba(255,255,255,.27);--shell-shadow: 0 24px 64px -24px rgba(61,83,106,.26), 0 3px 12px rgba(61,83,106,.05);--ambient: rgba(100,164,210,.36);--backlight: rgba(255,255,255,.68);--rim-haze: rgba(255,255,255,.66);--rim-bright: rgba(255,255,255,.94);--rim-shade: rgba(112,158,191,.16);--control-fill: rgba(247,252,255,.28);--control-shine: rgba(255,255,255,.65);--control-shade: rgba(107,150,182,.13);--control-edge: rgba(255,255,255,.64)}:root[data-theme=dark]{color-scheme:dark;--page: #181c21;--ink: #d8dfe4;--secondary: #a0abb3;--muted: #87939d;--line: #2a3037;--chrome: #292f37;--glass: rgba(41,47,55,.92);--edge: #343d46;--focus: #a1c4d8;--pcg: #91b3c9;--ecg: #91ada3;--green: #8bb5a5;--shell: rgba(61,78,94,.25);--shell-edge: rgba(220,236,249,.48);--shell-bottom: rgba(142,177,201,.24);--shell-reflection: rgba(227,243,255,.14);--signal-surface: rgba(12,21,29,.2);--shell-shadow: 0 24px 64px -20px rgba(0,0,0,.5), 0 3px 12px rgba(0,0,0,.16);--ambient: rgba(79,119,151,.25);--backlight: rgba(133,160,180,.09);--rim-haze: rgba(200,224,244,.12);--rim-bright: rgba(227,244,255,.48);--rim-shade: rgba(4,15,27,.38);--control-fill: rgba(27,43,57,.28);--control-shine: rgba(205,229,249,.17);--control-shade: rgba(0,8,18,.25);--control-edge: rgba(209,234,253,.27)}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-width:320px;min-height:100vh;padding:0;background:radial-gradient(ellipse at 0% 20%,var(--ambient),transparent 66%),radial-gradient(ellipse at 100% 90%,var(--ambient),transparent 65%),linear-gradient(130deg,transparent 20%,var(--backlight) 48%,transparent 76%)}main{position:relative;isolation:isolate;width:100%;height:100svh;min-height:720px;display:flex;flex-direction:column;padding:0 14px 22px;border:1px solid var(--shell-edge);border-bottom-color:var(--shell-bottom);border-radius:30px;background:linear-gradient(145deg,var(--shell-reflection),transparent 32%),var(--shell);backdrop-filter:blur(32px) saturate(1.25);-webkit-backdrop-filter:blur(32px) saturate(1.25);box-shadow:var(--shell-shadow),inset 0 2px 2px var(--shell-reflection),inset 0 -2px 4px var(--rim-haze)}main:before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;padding:6px;opacity:.64;filter:blur(1px);border-radius:inherit;background:linear-gradient(155deg,var(--rim-bright) 0%,transparent 28%,var(--rim-shade) 52%,var(--shell-reflection) 79%,var(--rim-bright) 100%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;pointer-events:none}main:after{content:"";position:absolute;z-index:-1;top:3px;right:3px;bottom:3px;left:3px;border-radius:27px;box-shadow:inset 0 2px 6px var(--rim-haze),inset 2px 0 9px var(--shell-reflection),inset 0 -3px 8px var(--rim-haze),0 0 2px var(--shell-reflection);pointer-events:none}button,summary{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button{min-height:36px;padding:0 13px;border:1px solid transparent;border-radius:22px;color:var(--ink);background:var(--chrome);font-size:12px;white-space:nowrap}button:disabled{opacity:.5;cursor:default}button.text-button{color:var(--secondary);background:transparent;border-radius:5px;padding:0 7px}button.text-button:hover:not(:disabled){color:var(--ink)}:focus-visible{outline:2px solid var(--focus);outline-offset:4px}a{color:inherit}.app-header{position:relative;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:2px 24px;padding:28px 30px 18px}.brand{display:inline-flex;align-items:center;gap:8px;width:fit-content;text-decoration:none;font-size:28px;line-height:1.2;font-weight:550;letter-spacing:-.6px}.brand img{border-radius:7px}.live-clock{grid-column:2;grid-row:1 / span 2;display:flex;align-items:center;gap:9px;color:var(--ink);font-size:14px}#status{font-weight:500}.live-clock time{font-variant-numeric:tabular-nums;font-size:14px;color:var(--ink);margin-left:14px;padding-left:22px;border-left:1px solid var(--shell-bottom);min-width:62px}#dot{width:10px;height:10px;flex:0 0 10px;border-radius:50%;background:var(--muted);transition:background .18s ease}#dot.live{background:var(--green)}.header-end{grid-column:3;grid-row:1 / span 2;display:flex;align-items:center;gap:10px;padding-left:12px;border-left:1px solid var(--shell-bottom)}#theme{display:grid;place-items:center;width:36px;height:36px;padding:0;font-size:0}#theme:before{content:"";width:24px;height:24px;background:currentColor;mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g fill="none" stroke="black" stroke-width="1.5" stroke-linecap="round"><circle cx="12" cy="12" r="4"/><path d="M12 1v2m0 18v2M1 12h2m18 0h2M4.2 4.2l1.4 1.4m12.8 12.8 1.4 1.4M4.2 19.8l1.4-1.4M18.4 5.6l1.4-1.4"/></g></svg>') center / contain no-repeat}:root[data-theme=dark] #theme:before{mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="black" stroke-width="1.5" stroke-linejoin="round" d="M20.5 14A9 9 0 0 1 10 3a9 9 0 1 0 10.5 11Z"/></svg>') center / contain no-repeat}.more-menu{position:relative}.more-menu>summary{display:grid;place-items:center;width:36px;height:36px;list-style:none;color:var(--secondary);font-size:26px;line-height:1}summary::-webkit-details-marker{display:none}.menu-surface{position:absolute;right:0;top:40px;z-index:3;background:var(--glass);border:1px solid var(--edge);border-radius:12px;padding:7px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.source-line{grid-column:1;grid-row:2;display:flex;align-items:center;gap:7px;font-size:14px;line-height:1.45;color:var(--secondary);min-height:20px}#device-source{color:var(--secondary)}#device-source:not([hidden])+#source-badge:not(:empty):before{content:"·";margin-right:7px}#hint{grid-column:1 / -1;font-size:11px;color:var(--secondary);line-height:1.6;margin:4px 0 0}.device-panel{position:absolute;right:400px;top:18px;width:84px;height:72px}.device-panel>summary{display:none}.device-content{position:relative}.model-stage{position:relative;display:grid;place-items:center;width:84px;height:64px;touch-action:none;cursor:grab}.model-stage:active{cursor:grabbing}.model-stage canvas{display:block;width:100%;height:100%}#model-message{position:absolute;width:125px;color:var(--muted);font-size:10px;text-align:center;line-height:1.5}#model-reset{position:absolute;top:60px;left:20px;font-size:10px;min-height:26px;opacity:0;transition:opacity .15s ease}.device-panel:hover #model-reset,.device-panel:focus-within #model-reset{opacity:1}.signals{flex:1;min-height:0;display:grid;grid-template-rows:minmax(0,1.35fr) minmax(0,1fr);padding:0 30px;border-radius:30px;background:var(--signal-surface);box-shadow:inset 0 1px 0 var(--shell-reflection),inset 0 -1px 0 var(--shell-bottom)}.wave{display:flex;flex-direction:column;min-height:0;padding:32px 0 22px}.wave+.wave{border-top:1px solid var(--line);padding-top:24px}.wave-title{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.wave-title h2{margin:0;color:var(--ink);font-size:24px;line-height:1.2;font-weight:550;letter-spacing:-.4px}.wave-title>span{color:var(--secondary);font-size:14px;line-height:1.4;font-variant-numeric:tabular-nums}.plot{position:relative;flex:1;min-height:0;margin-top:8px}.plot canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;opacity:.25;transition:opacity .3s ease}body[data-signal=active] .plot canvas{opacity:1}.control-dock{display:flex;justify-content:center;padding:16px 30px 0}.audio-control button{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;min-width:164px;font-size:16px;padding:0 25px;border-radius:28px;background:radial-gradient(ellipse at 50% -55%,var(--control-shine),transparent 72%),linear-gradient(180deg,transparent 50%,var(--control-shade)),var(--control-fill);border:1px solid var(--control-edge);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);box-shadow:inset 0 1px 1px var(--control-shine),inset 0 -1px 2px var(--control-shine),0 4px 10px -6px var(--control-shade);transition:border-color .15s ease,box-shadow .15s ease}.audio-control button:after{content:"";position:absolute;z-index:-1;top:1px;right:1px;bottom:1px;left:1px;padding:2px;opacity:.6;filter:blur(.4px);border-radius:inherit;background:linear-gradient(165deg,var(--control-shine),transparent 38%,transparent 62%,var(--control-shine));mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;pointer-events:none}.audio-control button:before{content:"";width:22px;height:22px;background:currentColor;mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 9h4l5-4v14l-5-4H3zM15 7v2a4 4 0 0 1 0 6v2a6 6 0 0 0 0-10z"/></svg>') center / contain no-repeat}.audio-control button:hover:not(:disabled){border-color:var(--rim-bright);box-shadow:inset 0 1px 3px var(--control-shine),inset 0 -1px 2px var(--control-shine),0 4px 10px -6px var(--control-shade)}body[data-audio=playing] .audio-control button{border-color:var(--control-shine);box-shadow:inset 0 1px 2px var(--control-shine),inset 0 -2px 5px var(--control-shade)}body[data-audio=playing] .audio-control button:before{mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6 5h4v14H6zm8 0h4v14h-4z"/></svg>') center / contain no-repeat}.diagnostic-panel{padding-top:24px;font-size:12px;color:var(--secondary)}.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;top:-60px;left:16px;z-index:5;padding:10px;background:var(--page)}.skip-link:focus{top:12px}@keyframes reveal{0%{opacity:.5}to{opacity:1}}.signals{animation:reveal .24s ease}@media (max-width: 800px){main{min-height:740px;padding:0 8px 14px;border-radius:24px}main:before{padding:5px}main:after{border-radius:21px}.signals{padding:0 20px;border-radius:24px}.app-header{grid-template-columns:1fr auto;padding:22px 18px 18px;gap:2px 8px}.brand{font-size:21px;gap:0}.brand img{width:20px;height:20px;border-radius:6px}.live-clock{grid-row:1;gap:6px;font-size:11px}.live-clock time{margin-left:3px;padding-left:9px;font-size:11px;min-width:39px}#dot{width:7px;height:7px;flex-basis:7px}.header-end{grid-column:2;grid-row:2;justify-content:flex-end;gap:8px;padding-left:0;border-left:0}.header-end button{min-height:36px;padding:0}.more-menu>summary{width:32px;height:36px}.source-line{grid-column:1;grid-row:2;flex-wrap:wrap;gap:0 5px;font-size:12px;min-height:18px}#hint{max-width:100%}.device-panel{display:none}.wave{padding:22px 0 20px}.wave+.wave{padding-top:22px}.wave-title h2{font-size:22px}.control-dock{padding:18px 12px 0}.audio-control button{min-height:48px;min-width:154px}}@media (max-width: 380px){.app-header{gap:2px 6px}.brand{font-size:20px}}@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,:root[data-theme=dark]{--glass: var(--chrome);--control-fill: var(--chrome);--shell: var(--page);--signal-surface: var(--page)}.audio-control button{background:var(--chrome)}main:before,main:after,.audio-control button:after{display:none}main,.audio-control button,.menu-surface{backdrop-filter:none;-webkit-backdrop-filter:none}}