:root{color-scheme:light dark;font-family:IBM Plex Sans,Segoe UI,sans-serif;overflow-x:hidden}html,body,#root{width:100%;min-height:100%;margin:0}html{scrollbar-gutter:stable}body{overflow-x:hidden}*,*:before,*:after{box-sizing:border-box}jelly-theme{display:block;width:100%;max-width:1028px;min-width:0;margin:0 auto;padding:24px}jelly-card,jelly-progress{min-width:0}.app-layout{display:grid;gap:18px}.receiver-header,.section-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}.section-header jelly-badge{max-width:100%;overflow-wrap:anywhere}.receiver-title{display:grid;min-width:0;gap:6px}.frequency{overflow-wrap:anywhere;font-size:28px;font-weight:700;line-height:1.1}.receiver-subtitle,.buffer-value{font-size:13px;opacity:.72}.connect-controls{display:grid;grid-template-columns:minmax(180px,340px) auto;align-items:end;gap:10px}.password-input{width:min(340px,100%);min-width:0}.playback-controls{display:grid;grid-template-columns:minmax(260px,1.15fr) minmax(220px,.85fr);align-items:start;gap:18px}.control-group,.buffer-control{min-width:0}.control-group{display:grid;gap:7px}.volume-control{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;min-width:0;gap:10px}.volume-slider{--track-color: #15966f;--track-background: color-mix(in srgb, currentColor 18%, transparent);width:100%;height:32px;margin:0;padding:0;appearance:none;background:transparent;cursor:pointer}.volume-slider::-webkit-slider-runnable-track{height:14px;border-radius:999px;background:linear-gradient(to right,var(--track-color) 0 var(--track-value),var(--track-background) var(--track-value) 100%)}.volume-slider::-webkit-slider-thumb{width:22px;height:22px;margin-top:-4px;border:2px solid var(--track-color);border-radius:50%;appearance:none;background:Canvas}.volume-slider::-moz-range-track{height:14px;border-radius:999px;background:var(--track-background)}.volume-slider::-moz-range-progress{height:14px;border-radius:999px;background:var(--track-color)}.volume-slider::-moz-range-thumb{width:18px;height:18px;border:2px solid var(--track-color);border-radius:50%;background:Canvas}.volume-slider:focus-visible{outline:2px solid var(--track-color);outline-offset:2px}.volume-slider:disabled{cursor:default;opacity:.5}.audio-buffer-track{width:100%;height:14px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,currentColor 18%,transparent)}.audio-buffer-track span{display:block;height:100%;border-radius:inherit;background:#15966f}.buffer-control{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:32px;gap:10px}.control-caption{display:flex;justify-content:space-between;gap:12px;padding-inline:2px;color:currentColor;font-size:12px;line-height:1.25;opacity:.62}.control-caption span:last-child{text-align:right}.buffer-value{min-width:52px;text-align:right;white-space:nowrap}.waterfall-panel{display:grid;gap:12px}.fft-viewport{position:relative;display:grid;gap:12px}.waterfall-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px;font-size:12px;line-height:1.35;opacity:.7}.waterfall-scale{display:flex;justify-content:space-between;gap:12px;font-size:11px;line-height:1.25;opacity:.62}.spectrum-shell,.waterfall-shell{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,currentColor 16%,transparent);border-radius:18px;background:radial-gradient(circle at top,rgba(118,255,215,.16),transparent 55%),linear-gradient(180deg,#0b101feb,#050a16fa);box-shadow:inset 0 0 0 1px #ffffff0a}.spectrum-shell:after,.waterfall-shell:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(255,255,255,.08),transparent 28%),repeating-linear-gradient(to right,transparent,transparent calc(12.5% - 1px),rgba(255,255,255,.06) calc(12.5% - 1px),rgba(255,255,255,.06) 12.5%);pointer-events:none}.spectrum-canvas,.waterfall-canvas{display:block;width:100%}.spectrum-canvas{height:72px}.waterfall-canvas{height:168px}.fft-indicator{position:absolute;top:0;bottom:0;width:0;pointer-events:none;z-index:2}.fft-indicator:before{content:"";position:absolute;top:0;bottom:0;left:-1px;border-left:1px solid rgba(255,120,120,.8);box-shadow:0 0 0 1px #2116063d,0 0 14px #ffdc7866}.fft-indicator-label{position:absolute;top:8px;left:0;padding:3px 8px;border:1px solid rgba(255,244,194,.34);border-radius:999px;background:#0d1220e6;color:#fff7c2;font-size:11px;line-height:1;white-space:nowrap}.fft-indicator-label.edge-center{transform:translate(-50%)}.fft-indicator-label.edge-left{transform:translate(8px)}.fft-indicator-label.edge-right{transform:translate(calc(-100% - 8px))}.metadata-list,.system-list,.preset-groups{display:grid;gap:10px;margin-top:6px}.metadata-row,.system-row{display:grid;grid-template-columns:minmax(80px,auto) minmax(0,1fr);align-items:start;gap:12px}.metadata-row strong,.system-row strong{min-width:0;overflow-wrap:anywhere;text-align:right}.preset-groups{gap:16px}.preset-group{display:grid;min-width:0;gap:10px}.preset-list{display:flex;flex-wrap:wrap;gap:10px}.preset-list jelly-chip{max-width:100%;overflow-wrap:anywhere;touch-action:manipulation}@media(hover:none){.preset-list jelly-chip{min-height:42px}}@media(max-width:720px){jelly-theme{padding:12px}.app-layout{gap:12px}.receiver-header{align-items:stretch}.receiver-title,.connect-controls{width:100%}.connect-controls{grid-template-columns:minmax(0,1fr) auto}.password-input{width:100%}.playback-controls{grid-template-columns:minmax(0,1fr);gap:16px}.frequency{font-size:24px}.waterfall-canvas{height:152px}.metadata-row{grid-template-columns:minmax(0,1fr);gap:4px}.metadata-row strong{text-align:left}.preset-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.preset-list jelly-chip{min-width:0;width:100%}}@media(max-width:380px){jelly-theme{padding:8px}.preset-list{grid-template-columns:minmax(0,1fr)}}