:root{color-scheme:dark;--bg: #020506;--panel: rgba(5, 12, 13, .78);--panel-strong: rgba(6, 14, 15, .91);--panel-soft: rgba(255, 255, 255, .035);--line: rgba(128, 255, 221, .16);--line-soft: rgba(255, 255, 255, .09);--text: #effff9;--muted: #71837f;--buy: #42f5b6;--sell: #ff5f7d;--liq: #f5d56f;--cyan: #68dcff;--violet: #b9a7ff;--shadow: 0 18px 70px rgba(0, 0, 0, .5)}*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}body{overflow:hidden}button,select,input{font:inherit}.app-shell{position:relative;width:100vw;height:100vh;min-height:620px;overflow:hidden;background:linear-gradient(rgba(91,255,214,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(91,255,214,.026) 1px,transparent 1px),linear-gradient(145deg,#020506,#061111 46%,#030607);background-size:52px 52px,52px 52px,auto}.app-shell:before,.app-shell:after{display:none}.app-shell:before{background:linear-gradient(180deg,rgba(2,5,6,.18),transparent 18%,transparent 72%,rgba(2,5,6,.72)),repeating-linear-gradient(0deg,rgba(255,255,255,.026) 0 1px,transparent 1px 6px);mix-blend-mode:screen;opacity:.45}.app-shell:after{border:1px solid rgba(128,255,221,.08);box-shadow:inset 0 0 120px #000c}#flowCanvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.feed-panel,.feed-control,.feed-toggle,.segment,.audio-button,.resonator-menu,.liquid-menu,.side-panel{border:1px solid rgba(255,255,255,.075);background:#04090a61;-webkit-backdrop-filter:blur(10px) saturate(.92);backdrop-filter:blur(10px) saturate(.92)}.feed-panel{position:absolute;z-index:4;top:14px;left:14px;display:flex;align-items:center;gap:5px;flex-wrap:nowrap;width:calc(100vw - min(360px,max(260px,18vw)) - 28px);max-width:980px;padding:0;border:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.brand-logo{display:block;width:min(150px,max(104px,7.5vw));height:auto;margin-right:16px;background:transparent;object-fit:contain;object-position:left center;filter:brightness(0) invert(1)}.info-link{position:fixed;z-index:8;left:16px;bottom:16px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:24px;height:24px;border:1px solid var(--line-soft);border-radius:999px;background:#04090a8c;color:#effff9c7;font-family:ui-serif,Georgia,Times New Roman,serif;font-size:13px;font-style:italic;font-weight:700;line-height:1;padding-right:2px;text-decoration:none;cursor:pointer;transition:color .15s ease,border-color .15s ease}.info-link:hover{border-color:var(--line);color:var(--buy)}.burger{display:none;align-items:center;justify-content:center;flex-direction:column;gap:4px;width:40px;height:36px;padding:0;border:1px solid var(--line-soft);border-radius:10px;background:#04090a8c;cursor:pointer}.burger span{display:block;width:18px;height:2px;border-radius:2px;background:var(--text);transition:transform .2s,opacity .2s}.app-shell.menu-open .burger span:nth-child(1){transform:translateY(6px) rotate(45deg)}.app-shell.menu-open .burger span:nth-child(2){opacity:0}.app-shell.menu-open .burger span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.tape-handle,.row-break{display:none}.feed-control{display:grid;gap:3px;min-width:76px;height:32px;padding:4px 7px;border-radius:6px}.pair-menu{position:relative;height:32px;min-width:78px;border:1px solid rgba(255,255,255,.075);border-radius:6px;background:#04090a61;-webkit-backdrop-filter:blur(10px) saturate(.92);backdrop-filter:blur(10px) saturate(.92)}.pair-menu summary{display:flex;align-items:center;justify-content:center;gap:6px;height:100%;padding:0 10px;color:var(--text);cursor:pointer;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;font-weight:850;list-style:none}.pair-menu summary::-webkit-details-marker{display:none}.pair-menu summary:after,.group-menu summary:after{content:"";width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid rgba(239,255,249,.6);transition:transform .15s ease}.pair-menu[open] summary:after,.group-menu[open] summary:after{transform:rotate(180deg)}.pair-menu[open]{border-color:#effff938}.pair-menu[open],.group-menu[open],.resonator-menu[open],.liquid-menu[open]{z-index:30}.pair-options{position:absolute;z-index:8;top:calc(100% + 8px);left:0;display:grid;gap:4px;min-width:96px;padding:8px;border:1px solid rgba(255,255,255,.11);border-radius:8px;background:#04090ae6;box-shadow:0 12px 44px #0000006b;-webkit-backdrop-filter:blur(14px) saturate(1.04);backdrop-filter:blur(14px) saturate(1.04)}.pair-options button{display:grid;grid-template-columns:16px 1fr;align-items:center;gap:7px;min-height:26px;padding:0 7px;border-radius:5px;background:transparent;color:#effff9c7;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;font-weight:850;text-align:left}.pair-options button.active{background:#42f5b61a;color:var(--buy)}.pair-options img{width:14px;height:14px;opacity:.88;filter:drop-shadow(0 0 8px rgba(66,245,182,.12))}.group-control{min-width:126px;width:126px}.group-control select{font-size:10px}.group-menu{position:relative;height:32px;min-width:112px;border:1px solid rgba(255,255,255,.075);border-radius:6px;background:#04090a61;-webkit-backdrop-filter:blur(10px) saturate(.92);backdrop-filter:blur(10px) saturate(.92)}.group-menu summary{display:grid;grid-template-columns:1fr auto;align-items:center;gap:7px;height:100%;padding:4px 9px;cursor:pointer;list-style:none}.group-menu summary::-webkit-details-marker{display:none}.group-menu summary span,.group-options span{color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.group-menu[open]{border-color:#effff938}.group-options{position:absolute;z-index:8;top:calc(100% + 8px);left:0;display:grid;grid-template-columns:86px 94px;gap:8px;padding:9px;border:1px solid rgba(255,255,255,.11);border-radius:8px;background:#04090ae6;box-shadow:0 12px 44px #0000006b;-webkit-backdrop-filter:blur(14px) saturate(1.04);backdrop-filter:blur(14px) saturate(1.04)}.group-options div{display:grid;gap:4px}.group-options button{min-height:24px;padding:0 7px;border-radius:5px;background:transparent;color:#effff9b8;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;font-weight:800;text-align:left}.group-options button.active{background:#42f5b61a;color:var(--buy)}.range-control{position:relative;grid-template-columns:34px minmax(112px,1fr);align-items:center;gap:6px;min-width:186px;height:32px;padding-top:4px}.dual-range{position:relative;height:18px;min-width:0}.dual-range:before,.dual-range:after{position:absolute;right:0;left:0;top:8px;height:4px;border-radius:999px;content:""}.dual-range:before{background:#ffffff1f}.dual-range:after{left:var(--range-start, 0%);right:calc(100% - var(--range-end, 100%));background:#effff9b8}.range-control input[type=range]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:18px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;pointer-events:none}.range-control input[type=range]::-webkit-slider-runnable-track{height:4px;background:transparent}.range-control input[type=range]::-webkit-slider-thumb{width:13px;height:13px;margin-top:-4px;border:1px solid rgba(239,255,249,.72);border-radius:999px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#effff9e6;pointer-events:auto}.range-control input[type=range]::-moz-range-track{height:4px;background:transparent}.range-control input[type=range]::-moz-range-thumb{width:13px;height:13px;border:1px solid rgba(239,255,249,.72);border-radius:999px;background:#effff9e6;pointer-events:auto}.range-control b{position:absolute;top:-10px;transform:translate(-50%);min-width:34px;overflow:hidden;color:#effff9c7;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:9px;font-weight:850;text-align:center;text-overflow:ellipsis;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s ease}.dual-range.show-min #minSizeValue,.dual-range.show-max #maxSizeValue{opacity:1}.feed-control span,.metric-grid span,.meter-label span{color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}select{width:100%;border:0;outline:0;color:var(--text);background:transparent;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;font-weight:850}.segment{display:grid;grid-template-columns:1fr 1.4fr auto;width:148px;height:32px;padding:3px 6px 3px 3px;border-radius:6px;order:14}.segment .status-light{align-self:center;margin-left:6px}.segment #statusText{display:none}.feed-toggle{display:grid;grid-template-columns:1fr 1.4fr;width:132px;height:32px;padding:3px;border-radius:6px}button{border:0;color:var(--text);cursor:pointer}.segment button,.feed-toggle button{border-radius:6px;background:transparent;color:var(--muted);font-size:9px;font-weight:850;text-transform:uppercase}.segment button.active,.feed-toggle button.active{background:#ffffff12;box-shadow:inset 0 0 0 1px #ffffff1a;color:var(--text)}.audio-button{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 9px;border-radius:6px;background:#04090a61;font-size:9px;font-weight:850;text-transform:uppercase}.audio-button[aria-pressed=true]{border-color:#42f5b657}.audio-dot,.status-light{display:inline-block;width:7px;height:7px;border-radius:999px;background:#effff952;box-shadow:none}.audio-button[aria-pressed=true] .audio-dot,.status-light.live{color:var(--buy);background:var(--buy)}.status-light.live{color:var(--sell);background:var(--sell);box-shadow:0 0 8px #ff5f7dd9,0 0 2px #ff5f7de6}.resonator-menu,.liquid-menu{position:relative;height:32px;border-radius:6px;order:12}.liquid-menu{order:13}.resonator-menu summary,.liquid-menu summary{display:grid;height:100%;min-width:122px;place-items:center;padding:0 10px;color:var(--text);cursor:pointer;font-size:9px;font-weight:850;list-style:none;text-transform:uppercase}.resonator-menu summary::-webkit-details-marker,.liquid-menu summary::-webkit-details-marker{display:none}.resonator-menu[open],.liquid-menu[open]{border-color:#effff938}.resonator-controls,.liquid-controls{position:absolute;z-index:8;top:calc(100% + 8px);left:0;display:grid;gap:7px;width:min(360px,calc(100vw - 28px));padding:10px;border:1px solid rgba(255,255,255,.11);border-radius:8px;background:#04090ae6;box-shadow:0 12px 44px #0000006b;-webkit-backdrop-filter:blur(14px) saturate(1.04);backdrop-filter:blur(14px) saturate(1.04)}.resonator-controls label,.liquid-controls label{display:grid;grid-template-columns:108px minmax(118px,1fr) 46px;align-items:center;gap:8px}.resonator-controls span,.resonator-controls b,.liquid-controls span,.liquid-controls b{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px}.resonator-controls span,.liquid-controls span{color:var(--muted);font-weight:850;text-transform:uppercase}.resonator-controls b,.liquid-controls b{color:var(--text);text-align:right}.resonator-controls input[type=range],.liquid-controls input[type=range]{width:100%;accent-color:rgba(239,255,249,.8)}.save-audio-settings{min-height:28px;border-radius:6px;background:#42f5b61a;color:var(--buy);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;font-weight:900;text-transform:uppercase}.save-audio-settings:hover{background:#42f5b629}.side-panel{position:absolute;z-index:3;top:0;right:0;bottom:0;display:flex;flex-direction:column;width:18vw;min-width:260px;max-width:360px;overflow:hidden;padding:0;border:0;background:linear-gradient(90deg,#02050600,#02050614);-webkit-backdrop-filter:none;backdrop-filter:none}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:8px 7px 0;min-width:0}.metric-grid div{position:relative;min-width:0;overflow:hidden;padding:4px 0;border:0;border-radius:0;background:transparent}.metric-grid strong{display:block;margin-top:3px;overflow:hidden;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;font-weight:900;line-height:1;text-overflow:ellipsis;white-space:nowrap}.meter-wrap{display:grid;gap:5px;padding:6px 7px 8px}.meter-label{display:flex;justify-content:space-between;gap:12px}.meter-label strong{font-size:10px}.meter{position:relative;height:8px;overflow:hidden;border-radius:999px;background:linear-gradient(90deg,#ff5f7d6b,#ffffff14,#42f5b66b)}.meter-fill{position:absolute;top:0;bottom:0;left:50%;width:0%;background:#effff9b8;box-shadow:none}.event-tape{display:block;flex:1 1 auto;min-height:0;height:auto;margin:0;padding:0;overflow:auto;list-style:none;scrollbar-width:none}.event-tape::-webkit-scrollbar{display:none}.event-tape li{display:grid;grid-template-columns:42px 1fr 58px 42px 36px;align-items:center;gap:6px;min-height:25px;padding:3px 7px;border:0;border-radius:0;background:transparent;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;font-weight:750}.event-tape li strong{font-size:11px;line-height:1;text-align:right}.event-tape li.buy{background:#124c3f14}.event-tape li.sell{background:#50102314}.event-tape li span:nth-child(n+2){text-align:right}.event-tape span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-tape .buy{color:#68ffd1db}.event-tape .sell{color:#ff6e89db}.event-tape .liq{color:var(--liq)}.control-value{overflow:hidden;color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;text-align:right;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 820px){body{overflow:hidden}.app-shell{height:100dvh;min-height:100dvh}.feed-panel{position:fixed;top:0;left:0;right:0;width:100%;max-width:none;margin:0;transform:none;z-index:6;display:flex;align-items:center;gap:8px;row-gap:6px;flex-wrap:wrap;padding:12px 14px 10px;background:#030809d1;-webkit-backdrop-filter:blur(12px) saturate(.9);backdrop-filter:blur(12px) saturate(.9);border-bottom:1px solid var(--line)}.app-shell.menu-open .feed-panel{z-index:9;overflow:visible}.row-break{display:block;order:2;flex:0 0 100%;height:0}.brand-logo{order:0;margin-right:auto;width:116px}.info-link{bottom:110px;left:18px}.feed-panel>.segment{order:1;flex:0 0 auto}.burger{order:2;display:flex}.feed-panel>.pair-menu,.feed-panel>.feed-toggle,.feed-panel>.range-control,.feed-panel>.group-menu,.feed-panel>.resonator-menu,.feed-panel>.liquid-menu{display:none}.feed-panel>.pair-menu{order:3;flex:0 0 auto;min-width:60px}.feed-panel>.feed-toggle{order:4;flex:0 0 auto;width:auto;grid-template-columns:auto auto}.feed-panel>.feed-toggle button{padding:0 11px}.feed-panel>.group-menu{order:5;flex:1 1 auto}.feed-panel>.range-control{order:6;flex:1 1 100%}.feed-panel>.resonator-menu{order:7;flex:1 1 100%}.feed-panel>.liquid-menu{order:8;flex:1 1 100%}.app-shell.menu-open .feed-panel>.pair-menu,.app-shell.menu-open .feed-panel>.group-menu,.app-shell.menu-open .feed-panel>.resonator-menu,.app-shell.menu-open .feed-panel>.liquid-menu{display:block}.app-shell.menu-open .feed-panel>.feed-toggle{display:flex}.app-shell.menu-open .feed-panel>.range-control{display:grid}.side-panel{position:fixed;inset:auto 0 0 0;width:100%;min-width:0;max-width:none;height:auto;max-height:94dvh;z-index:7;flex-direction:column;padding:0;border:0;border-radius:0;background:linear-gradient(180deg,#02050600,#0205061f 62%,#02050657);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;overflow:hidden}.tape-handle{display:block;flex:0 0 auto;width:100%;height:26px;padding:0;border:0;background:transparent;cursor:grab;touch-action:none}.tape-handle:before{content:"";display:block;width:44px;height:5px;margin:10px auto 0;border-radius:999px;background:#ffffff47}.event-tape{flex:0 0 auto;height:0;min-height:0;overflow-y:auto;transition:height .28s cubic-bezier(.22,1,.36,1)}.app-shell.tape-open .event-tape{height:min(56dvh,460px)}.side-panel.dragging .event-tape{transition:none}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));padding:6px 12px}.metric-grid strong{font-size:12px}.meter-wrap{padding:6px 12px 14px}}