@import "https://fonts.googleapis.com/css2?family=Syne+Mono&family=Syne:wght@400;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}body.svg-dragging .topbar{pointer-events:none}:root{--bg:#08080c;--surface:#0d0d13;--border:#16161e;--border-mid:#22222c;--text:#dcd8ce;--text-dim:#26262f;--text-mid:#50506a;--text-soft:#7a7a94;--tb-bg:#fff;--tb-border:#e0e0e0;--tb-text:#0a0a0a;--tb-text-mid:#888;--tb-text-dim:#ccc;--canvas-bg:#fff;--node-bg:#fff;--region-label:#222;--year-label:#222;--grid-line:#e8e8e8;--grid-line-major:#ccc;--edge-color:#000;--node-stroke:#00000047;--node-text:#334}.dark{--tb-bg:#0c0c10;--tb-border:#2e2e3a;--tb-text:#e0ddd8;--tb-text-mid:#70708a;--tb-text-dim:#404054;--canvas-bg:#0c0c10;--node-bg:#0c0c10;--region-label:#2a2a40;--year-label:#2a2a40;--grid-line:#141420;--grid-line-major:#1e1e2c;--edge-color:#fff;--node-stroke:#ffffff4d;--node-text:#c0c0d8}.dark body{color:#e0ddd8;background:#0c0c10}.dark .topbar{background:var(--tb-bg);border-color:var(--tb-border)}.dark .wordmark{color:var(--tb-text)}.dark .tbsep{background:var(--tb-border)}.dark .sw input{color:var(--tb-text);border-color:var(--tb-border)}.dark .filterbtn{color:var(--tb-text-mid);border-color:var(--tb-border)}.dark .filterbtn.on,.dark .filterbtn:hover{color:var(--tb-text)}.dark .filterdrop{border-color:var(--tb-border);background:#0c0c10}.dark .filter-section{color:#334}.dark .filter-item{border-color:#1a1a28}.dark .filter-item:hover{background:#111118}.dark .filter-label{color:#b0b0c8}.dark .filter-toggle{background:#222230}.dark .filter-toggle.on,.dark .filter-toggle:after{background:#e0ddd8}.dark .filter-toggle.on:after{background:#0c0c10}.dark .back-btn{color:var(--tb-text-mid);border-color:var(--tb-border)}.dark .back-btn:hover{color:var(--tb-text)}.dark .right-strip{background:var(--tb-bg);border-color:var(--tb-border)}.dark .regionlabel{border-color:var(--tb-border);background:#0f0f14}.dark .statusbar{background:var(--tb-bg);border-color:var(--tb-border);color:var(--tb-text-mid)}.dark .regionlabel span{color:#334}.dark .regionlabel strong{color:#9090a8}.dark .sbar span{color:#55556a}.dark .dp{border-color:var(--tb-border);background-color:#0c0c10;box-shadow:-4px 0 24px #0006}.dark .dp-close{color:#505068}.dark .dp-close:hover{color:var(--tb-text)}.dark .dp-back{color:#505068}.dark .dp-back:hover{color:#a0a0c0}.dark .dp-pill-artist{color:#68d;background:#0f1a33}.dark .dp-pill-label{color:#d83;background:#2a1800}.dark .dp-pill-venue{color:#5b6;background:#0a1f0f}.dark .dp-pill-moment{color:#a7d;background:#14082a}.dark .dp-pill-style{color:#d4a020;background:#1a1400}.dark .dp-pill-culture{color:#e65;background:#1c0808}.dark .dp-name{color:#e0ddd8}.dark .dp-era-track{background:#1e1e2c}.dark .dp-era-fill{background:rgb(var(--photo-r,58) var(--photo-g,58) var(--photo-b,80) / .85)}.dark .dp-era-dot{background:rgb(var(--photo-r,144) var(--photo-g,144) var(--photo-b,168))}.dark .dp-era-labels{color:#505068}.dark .dp-era-val{color:#9090b8}.dark .dp-meta{color:#8080a0}.dark .dp-desc{color:#a0a0b8}.dark .dp-sec{color:#9090b8;border-color:rgb(var(--photo-r,30) var(--photo-g,30) var(--photo-b,50) / .95)}.dark .dp-sec-count{color:#505068;background:#16161e}.dark .dp-conn{border-color:rgb(var(--photo-r,20) var(--photo-g,20) var(--photo-b,32) / .95)}.dark .dp-conn-name{color:#c0c0d8}.dark .dp-conn-sub{color:#606080}.dark .dp-conn-arrow{color:#404058}.dark .htip b{color:var(--tb-text)}html,body,#root{overscroll-behavior:none;width:100%;height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Syne,sans-serif}.app{flex-direction:column;height:100dvh;display:flex}.topbar{border-bottom:1px solid var(--tb-border);background:var(--tb-bg);z-index:1002;flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:0;height:62px;padding:0;transition:background .2s;display:flex;position:relative;overflow:visible}.topbar>*{flex-shrink:0}.wordmark{letter-spacing:.1em;text-transform:uppercase;color:var(--tb-text);white-space:nowrap;border-right:1px solid var(--tb-border);flex-direction:column;flex-shrink:0;justify-content:center;align-items:flex-start;height:100%;padding:0 11px;font-size:1.18rem;font-weight:800;line-height:1.15;display:flex}.wordmark-line1,.wordmark-line2{display:block}.tbsep{background:var(--tb-border);flex-shrink:0;width:1px;height:100%}.sw{flex:1;height:100%;position:relative}.sw input{border:none;border-right:1px solid var(--tb-border);width:100%;height:100%;color:var(--tb-text);letter-spacing:.04em;background:0 0;outline:none;padding:0 12px 0 32px;font-family:Syne Mono,monospace;font-size:.67rem}.sw input::placeholder{color:var(--tb-text-dim)}.dark .sw input::placeholder{color:#60607a}.dark .sw input{border-right-color:var(--tb-border)}.si{color:var(--tb-text-mid);pointer-events:none;font-size:.7rem;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.yybtn.clr-on{opacity:1}.search-dropdown{z-index:1100;border:1px solid var(--tb-border);background:#fff;border-top:none;max-height:320px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000001a}.search-drop-item{cursor:pointer;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:8px 14px;transition:background .1s;display:flex}.search-drop-item:last-child{border-bottom:none}.search-drop-item:hover,.search-drop-item.active{background:#f0f0f8}.sdi-label{letter-spacing:.04em;color:#111;font-family:Syne Mono,monospace;font-size:.65rem}.sdi-meta{letter-spacing:.06em;color:#aaa;text-transform:uppercase;white-space:nowrap;font-family:Syne Mono,monospace;font-size:.5rem}.dark .search-dropdown{border-color:var(--tb-border);background:#0c0c10}.dark .search-drop-item{border-bottom-color:#1a1a28}.dark .search-drop-item:hover{background:#14141e}.dark .search-drop-item.active{background:#1a1a2c}.dark .sdi-label{color:var(--tb-text)}.dark .sdi-meta{color:#505068}.yybtn{border:none;border-left:1px solid var(--tb-border);cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(90deg,#fafafa,#e6e6e6);flex-shrink:0;align-self:stretch;width:46px;height:100%;padding:0;transition:opacity .15s;position:relative;overflow:hidden}.yybtn:before{content:"";background:#111;border-radius:50%;width:7px;height:7px;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.yybtn:after{content:"";background:#ccc;border-radius:50%;width:7px;height:7px;position:absolute;top:70%;left:50%;transform:translate(-50%,-50%)}.dark .yybtn{background:linear-gradient(90deg,#0a0a0a,#181818)}.dark .yybtn:before{background:#eee}.dark .yybtn:after{background:#383838}.yybtn:hover{opacity:.75}.filterwrap{border-left:1px solid var(--tb-border);flex:none;align-items:stretch;display:flex;position:relative}.filterbtn{color:var(--tb-text-mid);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:7px;height:50px;padding:0 18px;font-family:Syne Mono,monospace;font-size:.58rem;transition:color .14s;display:flex}.filterbtn:hover,.filterbtn.on{color:var(--tb-text)}.filterbtn .fbadge{background:var(--tb-text);color:var(--tb-bg);letter-spacing:.06em;padding:1px 5px;font-size:.48rem}.filterdrop{border:1px solid var(--tb-border);z-index:200;background:#fff;border-top:none;min-width:180px;position:absolute;top:50px;right:0;box-shadow:0 4px 20px #00000014}.filter-section{letter-spacing:.16em;text-transform:uppercase;color:#bbb;padding:10px 14px 6px;font-family:Syne Mono,monospace;font-size:.48rem}.filter-item{cursor:pointer;border-bottom:1px solid #f5f5f5;justify-content:space-between;align-items:center;padding:8px 14px;transition:background .1s;display:flex}.filter-item:last-child{border-bottom:none}.filter-item:hover{background:#fafafa}.filter-label{letter-spacing:.06em;color:#333;font-family:Syne Mono,monospace;font-size:.62rem}.filter-toggle{background:#e0e0e0;border-radius:8px;flex-shrink:0;width:28px;height:16px;transition:background .18s;position:relative}.filter-toggle.on{background:#222}.filter-toggle:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .18s;position:absolute;top:2px;left:2px}.filter-toggle.on:after{transform:translate(12px)}.colorwrap{flex:none;align-self:stretch;align-items:stretch;display:flex;position:relative}.colorbtn{cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(90deg,#e6e6e6,#0a0a0a);border:none;flex-shrink:0;align-self:stretch;width:46px;height:100%;padding:0;transition:opacity .15s;position:relative;overflow:hidden}.dark .colorbtn{background:linear-gradient(90deg,#181818,#f5f5f5)}.colorbtn:hover{opacity:.82}.colorbtn.on{opacity:1}.colordrop{border:1px solid var(--tb-border);z-index:500;background:#fff;min-width:220px;position:absolute;top:calc(100% + 1px);right:0;box-shadow:0 4px 20px #00000014}.colordrop-item{cursor:pointer;border-bottom:1px solid #f5f5f5;justify-content:space-between;align-items:center;gap:10px;padding:9px 14px;transition:background .1s;display:flex}.colordrop-item:last-child{border-bottom:none}.colordrop-item:hover{background:#fafafa}.colordrop-item.active{background:#f4f4fc}.colordrop-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.colordrop-label{letter-spacing:.06em;color:#333;font-family:Syne Mono,monospace;font-size:.62rem}.colordrop-sub{letter-spacing:.04em;color:#aaa;font-family:Syne Mono,monospace;font-size:.48rem}.colordrop-section{letter-spacing:.18em;text-transform:uppercase;color:#bbb;border-top:1px solid #f0f0f0;margin-top:2px;padding:8px 14px 4px;font-family:Syne Mono,monospace;font-size:.44rem}.colordrop-section:first-child{border-top:none}.dark .colordrop-section{color:#334;border-top-color:#1a1a28}.colordrop-swatches{flex-shrink:0;gap:3px;display:flex}.colordrop-swatch{border-radius:2px;width:9px;height:9px;display:inline-block}.colordrop-gradient{background:linear-gradient(90deg,#dfb63a,#df8c3a,#3991d0,#396bd0,#2fb17b,#8541c8,#d34622,#c43149,#d67a29,#ce3ba2,#329dae,#a641c8);border-radius:2px;flex-shrink:0;width:36px;height:9px}.dark .colordrop{border-color:var(--tb-border);background:#0c0c10}.dark .colordrop-item{border-bottom-color:#1a1a28}.dark .colordrop-item:hover{background:#111118}.dark .colordrop-item.active{background:#14141e}.dark .colordrop-label{color:#b0b0c8}.dark .colordrop-sub{color:#404055}.pathbtn{cursor:pointer;-webkit-user-select:none;user-select:none;height:100%;color:var(--tb-text-mid);background:0 0;border:none;flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;padding:0 14px;transition:color .15s,background .15s;display:flex}.pathbtn:hover{color:var(--tb-text)}.pathbtn.active{color:var(--tb-text);background:#0000000a}.dark .pathbtn.active{background:#ffffff0d}.pathbtn-icon{font-size:1.1rem;line-height:1}.pathbar{letter-spacing:.04em;color:var(--tb-text-mid);white-space:nowrap;align-items:center;gap:6px;padding:0 10px 0 2px;font-family:Syne Mono,monospace;font-size:.6rem;display:flex}.pathbar-hint{align-items:center;gap:0;display:flex}.pathbar-node{color:var(--tb-text);font-weight:600}.pathbar-arrow{color:var(--tb-text-dim);margin:0 2px}.pathbar-pick{color:var(--tb-text-mid);font-style:italic}.pathbar-hops{color:var(--tb-text-mid);margin-left:4px}.pathbar-none{color:var(--tb-text-dim)}.pathbar-steps{align-items:center;gap:3px;margin-left:6px;display:flex}.pathbar-step{border:1px solid var(--tb-border);cursor:pointer;color:var(--tb-text-mid);background:0 0;border-radius:2px;padding:1px 6px;font-family:Syne Mono,monospace;font-size:.6rem;line-height:1.4;transition:color .12s,background .12s}.pathbar-step:hover:not(:disabled){color:var(--tb-text);background:#0000000d}.dark .pathbar-step:hover:not(:disabled){background:#ffffff12}.pathbar-step:disabled{opacity:.3;cursor:default}.pathbar-stepnum{color:var(--tb-text-dim);text-align:center;min-width:28px;font-size:.58rem}.pathbar-clear{cursor:pointer;color:var(--tb-text-dim);background:0 0;border:none;padding:0 4px;font-size:.65rem;line-height:1;transition:color .15s}.pathbar-clear:hover{color:var(--tb-text)}.legwrap{flex-shrink:0;margin-left:auto;position:relative}.legtrigger{color:var(--tb-text-mid);cursor:default;-webkit-user-select:none;user-select:none;border:none;border-left:1px solid var(--tb-border);letter-spacing:.06em;background:0 0;align-items:center;height:50px;padding:0 20px;font-family:Syne Mono,monospace;font-size:.7rem;font-weight:700;transition:color .15s;display:flex}.legwrap:hover .legtrigger{color:var(--tb-text)}.legbox{border:1px solid var(--tb-border);pointer-events:none;opacity:0;z-index:1002;background:#fafaf8;width:min(820px,100vw - 24px);max-height:calc(100vh - 120px);transition:opacity .25s 80ms,transform .25s 80ms;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,calc(-50% - 6px));box-shadow:0 12px 48px #00000021}.legwrap:hover .legbox{opacity:1;pointer-events:all;transform:translate(-50%,-50%)}.legbox-header{border-bottom:1px solid #eeeee8;align-items:baseline;gap:16px;padding:18px 24px 14px;display:flex}.legbox-title{letter-spacing:.18em;text-transform:uppercase;color:#333;flex-shrink:0;font-family:Syne Mono,monospace;font-size:.74rem;font-weight:700}.legbox-subtitle{letter-spacing:.05em;color:#999;font-family:Syne Mono,monospace;font-size:.58rem}.legbox-grid{grid-template-columns:repeat(3,1fr);gap:0;display:grid}.legbox-col{border-right:1px solid #eeeee8;padding:12px 16px 14px}.legbox-col:last-child{border-right:none}.legbox-section{letter-spacing:.18em;text-transform:uppercase;color:#bbb;border-bottom:1px solid #f0f0ea;margin:0 0 6px;padding-bottom:4px;font-family:Syne Mono,monospace;font-size:.56rem}.leg-prose{color:#777;letter-spacing:.02em;margin:0 0 6px;font-family:Syne Mono,monospace;font-size:.6rem;line-height:1.55}.leg-kv{grid-template-columns:88px 1fr;align-items:baseline;gap:8px;margin-bottom:5px;display:grid}.leg-key{color:#555;letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis;background:#f0f0ea;border:1px solid #e0e0d8;border-radius:2px;padding:1px 5px;font-family:Syne Mono,monospace;font-size:.54rem;line-height:1.6;display:block;overflow:hidden}.leg-val{color:#888;letter-spacing:.02em;font-family:Syne Mono,monospace;font-size:.58rem;line-height:1.55}.leg-type-row{align-items:center;gap:10px;margin-bottom:7px;display:flex}.leg-type-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:4px}.leg-conn-row{align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.leg-line-wide{flex-shrink:0;align-items:center;width:44px;height:14px;padding-top:2px;display:flex}.leg-line-wide svg{overflow:visible}.leg-label{color:#333;letter-spacing:.04em;font-family:Syne Mono,monospace;font-size:.65rem;line-height:1.5}.leg-sub{color:#999;letter-spacing:.02em;margin-top:3px;font-size:.58rem;line-height:1.6;display:block}.dark .legbox{border-color:var(--tb-border);background:#0a0a0e;box-shadow:0 12px 48px #0000008c}.dark .legbox-header{border-color:#1a1a24}.dark .legbox-title{color:#c0c0d8}.dark .legbox-subtitle{color:#8080a0}.dark .legbox-col{border-color:#141420}.dark .legbox-section{color:#606080;border-color:#141420}.dark .leg-prose{color:#9090aa}.dark .leg-key{color:#a0a0bc;background:#0e0e18;border-color:#1e1e28}.dark .leg-val{color:#8888a0}.dark .leg-label{color:#a0a0bc}.dark .leg-sub{color:#7070a0}.dark .leg-type-row .leg-label{color:#9090b0}.dark .leg-kv .leg-val{color:#8888a0}.dark .legtrigger{color:var(--tb-text-mid);border-color:var(--tb-border)}.dark .legwrap:hover .legtrigger{color:var(--tb-text)}.leg-node{flex-shrink:0;justify-content:center;align-items:center;width:36px;height:16px;display:flex}@keyframes hov-dash-out{0%{stroke-dashoffset:13px}to{stroke-dashoffset:0}}@keyframes hov-dash-in{0%{stroke-dashoffset:0}to{stroke-dashoffset:13px}}.hov-flow-out{animation:1s linear infinite hov-dash-out}.hov-flow-in{animation:1s linear infinite hov-dash-in}:root{--march-self:#0009;--march-prev:#00000061}.dark{--march-self:#ffffffb3;--march-prev:#ffffff73}@keyframes nd-march-ants{to{stroke-dashoffset:-13px}}@keyframes nd-dim-pulse{0%,to{fill-opacity:.05}50%{fill-opacity:.85}}.nd-march-pulse-text{animation:4s ease-in-out -2s infinite nd-prev-text-pulse}.nd-march,.nd-self-march{display:none}.nd-glow-el{filter:blur(7px);pointer-events:none}.nd-glow-self{filter:blur(8px);opacity:.35}.nd-glow-static{opacity:.55}@keyframes nd-glow-pulse{0%,to{opacity:.3}50%{opacity:.78}}.nd-glow-pulse{animation:4s ease-in-out -2s infinite nd-glow-pulse}@keyframes nd-dim-bg-pulse{0%,to{opacity:.22}50%{opacity:.38}}.nd.dim.hov-prev .nd-bg{animation:4s ease-in-out -2s infinite nd-dim-bg-pulse}.nd.hov-self .nd-inner text{animation:2.6s ease-in-out infinite nd-self-text-pulse;opacity:1!important;font-weight:600!important}.nd.dim.hov-prev .nd-inner text{animation:4s ease-in-out -2s infinite nd-prev-text-pulse}@keyframes nd-prev-text-pulse{0%,to{opacity:.3}50%{opacity:.82}}.nd-prev-text{animation:4s ease-in-out -2s infinite nd-prev-text-pulse}@keyframes nd-self-text-pulse{0%,to{opacity:.55}50%{opacity:1}}.nd-self-text{animation:2.6s ease-in-out infinite nd-self-text-pulse}.nd.hov-self .nd-inner,.nd.sel .nd-inner{filter:drop-shadow(0 0 5px #00000052)}.dark .nd.hov-self .nd-inner,.dark .nd.sel .nd-inner{filter:drop-shadow(0 0 6px #ffffff80)}.regionlabel{border-bottom:1px solid var(--tb-border);background:var(--tb-bg);z-index:1001;flex-shrink:0;align-items:center;height:28px;padding:0 20px;transition:background .2s;display:flex;position:relative}.regionlabel-back{letter-spacing:.18em;text-transform:uppercase;color:#aaa;cursor:pointer;padding-right:14px;font-family:Syne Mono,monospace;font-size:.56rem;transition:color .15s}.regionlabel-back:hover{color:#111}.regionlabel-sep{background:var(--tb-border);width:1px;height:12px;margin-right:14px}.regionlabel strong{letter-spacing:.18em;text-transform:uppercase;color:#333;font-family:Syne Mono,monospace;font-size:.56rem;font-weight:600}.dark .regionlabel-back{color:#445}.dark .regionlabel-back:hover,.dark .regionlabel strong{color:#9090a8}.nodebreadcrumb{border-bottom:1px solid var(--tb-border);background:var(--tb-bg);z-index:1001;flex-shrink:0;align-items:center;gap:0;height:28px;padding:0 20px;transition:background .2s;display:flex;position:relative;overflow:hidden}@keyframes nbc-ticker{0%{transform:translate(100vw)}to{transform:translate(-100%)}}.nbc-welcome{letter-spacing:.11em;text-transform:uppercase;color:#333;white-space:nowrap;font-family:Syne Mono,monospace;font-size:.64rem;animation:48s linear forwards nbc-ticker;position:absolute;left:0}.nbc-welcome--linked{cursor:pointer}.nbc-welcome--linked:hover{color:#333}.dark .nbc-welcome{color:#ccc}.dark .nbc-welcome--linked:hover{color:#ddd}.nbc-home{letter-spacing:.16em;text-transform:uppercase;color:#aaa;cursor:pointer;white-space:nowrap;flex-shrink:0;font-family:Syne Mono,monospace;font-size:.54rem;transition:color .15s}.nbc-home:hover{color:#111}.nbc-sep{background:var(--tb-border);flex-shrink:0;width:1px;height:12px;margin:0 14px}.nbc-tab{letter-spacing:.1em;text-transform:uppercase;color:#888;white-space:nowrap;flex-shrink:1;align-items:center;gap:5px;min-width:0;margin-right:10px;font-family:Syne Mono,monospace;font-size:.54rem;display:flex;overflow:hidden}.nbc-tab--active .nbc-tab-label{color:#111;font-weight:700}.nbc-tab--active .nbc-tab-x{color:#999}.nbc-tab-label{cursor:pointer;text-overflow:ellipsis;transition:color .15s;overflow:hidden}.nbc-tab-label:hover{color:#111}.nbc-tab-x{cursor:pointer;color:#bbb;background:0 0;border:none;flex-shrink:0;padding:0;font-size:.75rem;line-height:1;transition:color .15s}.nbc-tab-x:hover{color:#111}.dark .nbc-home{color:#3a3a52}.dark .nbc-home:hover,.dark .nbc-tab{color:#9090a8}.dark .nbc-tab--active .nbc-tab-label{color:#c8c8e0;font-weight:700}.dark .nbc-tab--active .nbc-tab-x{color:#606080}.dark .nbc-tab-label:hover{color:#c8c8e0}.dark .nbc-tab-x{color:#2a2a3c}.dark .nbc-tab-x:hover{color:#c8c8e0}.canvas{z-index:1;clip-path:inset(0);background:var(--canvas-bg);flex:1;min-height:0;transition:background .2s;position:relative;overflow:hidden}.year-strip{z-index:20;pointer-events:none;background:var(--tb-bg);border-right:1px solid var(--tb-border);width:54px;transition:background .2s,border-color .2s;position:absolute;top:0;bottom:0;left:0;overflow:hidden}.right-strip{z-index:20;pointer-events:none;background:var(--tb-bg);border-left:1px solid var(--tb-border);width:46px;transition:background .2s,border-color .2s;position:absolute;top:0;bottom:0;right:0}.year-label-fixed{letter-spacing:.06em;color:var(--tb-text);white-space:nowrap;justify-content:flex-start;align-items:center;padding:0 6px;font-family:Syne Mono,monospace;font-size:11px;font-weight:700;transition:color .2s;display:flex;position:absolute;left:0;right:0;transform:translateY(-50%)}.year-label-clickable{cursor:pointer}.year-label-clickable:hover{color:var(--tb-text-mid)}.era-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.era-modal{background:var(--tb-bg);border:1px solid var(--tb-border);flex-direction:column;gap:18px;width:90%;max-width:500px;max-height:calc(100dvh - 40px);padding:36px 32px 32px;display:flex;position:relative;overflow-y:auto}.era-close{color:var(--tb-text-mid);cursor:pointer;background:0 0;border:none;padding:4px;font-size:.8rem;line-height:1;transition:color .15s;position:absolute;top:14px;right:16px}.era-close:hover{color:var(--tb-text)}.era-span{letter-spacing:.14em;text-transform:uppercase;color:var(--tb-text);font-family:Syne Mono,monospace;font-size:.9rem}.era-body{color:var(--tb-text-mid);margin:0;font-size:.78rem;line-height:1.7}svg.msv{cursor:grab;background:var(--canvas-bg);contain:layout style;will-change:transform;width:100%;height:100%;transition:background .2s;overflow:hidden}svg.msv:active{cursor:grabbing}.nd{cursor:pointer}.nd.dim{cursor:default}.nd rect{transition:opacity .3s}.nd text{fill:var(--node-text);pointer-events:none;letter-spacing:.03em;font-family:Syne Mono,monospace;font-size:7.5px;transition:opacity .3s}.nd.dim{opacity:0;pointer-events:none;animation:none!important}.nd.lit text{fill:#c0c0d4}.nd.sel rect,.nd.sel polygon{stroke:#ffffff8c!important;stroke-width:1px!important}.nd.sel text{fill:#e0e0ee!important}path.eg{fill:none;transition:opacity .3s}path.eg.dim{opacity:0}.dp{background-color:var(--tb-bg);background-image:radial-gradient(ellipse 70% 22% at 18% 22%, rgb(var(--photo-r,100) var(--photo-g,100) var(--photo-b,140) / .07) 0%, transparent 100%), radial-gradient(ellipse 45% 16% at 82% 46%, rgb(var(--photo-r,100) var(--photo-g,100) var(--photo-b,140) / .055) 0%, transparent 100%), radial-gradient(ellipse 65% 18% at 45% 68%, rgb(var(--photo-r,100) var(--photo-g,100) var(--photo-b,140) / .065) 0%, transparent 100%), radial-gradient(ellipse 38% 14% at 90% 80%, rgb(var(--photo-r,100) var(--photo-g,100) var(--photo-b,140) / .045) 0%, transparent 100%), radial-gradient(ellipse 55% 22% at 12% 92%, rgb(var(--photo-r,100) var(--photo-g,100) var(--photo-b,140) / .05) 0%, transparent 100%);border-left:1px solid var(--tb-border);border-right:1px solid var(--tb-border);z-index:80;opacity:0;visibility:hidden;pointer-events:none;cursor:grab;background-attachment:scroll;width:360px;padding:18px 20px;transition:opacity .22s,visibility .22s,background-color .6s,background-image .6s;position:absolute;top:44px;bottom:0;right:50px;overflow-y:auto;box-shadow:-4px 0 32px #00000014,4px 0 32px #0000000a}.dp.open{opacity:1;visibility:visible;pointer-events:all}.dp.left{left:72px;right:auto;box-shadow:4px 0 24px #00000026}.dark .dp.left{box-shadow:4px 0 24px #0006}.dp.dragging{-webkit-user-select:none;user-select:none;cursor:grabbing;transition:none}.dp button,.dp .dp-back,.dp .dp-conn{cursor:pointer}.dp-move-hint{pointer-events:none;flex-direction:row;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;top:17px;left:0;right:0}.dp-move-label{letter-spacing:.14em;text-transform:uppercase;color:#aaa;font-family:Syne Mono,monospace;font-size:.58rem;line-height:1}.dark .dp-move-label{color:#444}@keyframes arrow-blink{0%,to{opacity:.25}50%{opacity:.9}}.dp-arrow-blink{color:#aaa;animation:1.6s ease-in-out infinite arrow-blink}.dark .dp-arrow-blink{color:#444}@keyframes hintFade{0%,to{opacity:.4}50%{opacity:1}}.dp::-webkit-scrollbar{width:3px}.dp::-webkit-scrollbar-thumb{background:var(--tb-border)}.dp-toprow{justify-content:flex-end;align-items:center;margin-bottom:14px;display:flex}.dp-close{color:#bbb;cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:1.1rem;line-height:1}.dp-close:hover{color:#333}.dp-back{letter-spacing:.1em;color:#aaa;cursor:pointer;font-family:Syne Mono,monospace;font-size:.58rem}.dp-back:hover{color:#333}.dp-pill{letter-spacing:.2em;text-transform:uppercase;margin-bottom:10px;padding:3px 8px;font-family:Syne Mono,monospace;font-size:.48rem;display:inline-block}.dp-pill-artist{color:#35a;background:#e8f0ff}.dp-pill-label{color:#a50;background:#fff3e0}.dp-pill-venue{color:#2a7a3a;background:#e8f5e9}.dp-pill-moment{color:#73b;background:#f4e0ff}.dp-pill-style{color:#956600;background:#fffbe0}.dp-pill-culture{color:#a22;background:#fce8e0}.dp-name{color:#111;letter-spacing:-.01em;margin-bottom:14px;font-size:1.4rem;font-weight:800;line-height:1.2}.dp-era-wrap{margin-bottom:16px}.dp-era-track{background:#eee;height:3px;margin-bottom:5px;position:relative}.dp-era-fill{background:rgb(var(--photo-r,204) var(--photo-g,204) var(--photo-b,204) / .7);height:100%;transition:background .6s;position:absolute;top:0;left:0}.dp-era-dot{background:rgb(var(--photo-r,51) var(--photo-g,51) var(--photo-b,51));border-radius:50%;width:8px;height:8px;transition:background .6s;position:absolute;top:50%;transform:translate(-50%,-50%)}.dp-era-labels{letter-spacing:.08em;color:#bbb;justify-content:space-between;align-items:center;font-family:Syne Mono,monospace;font-size:.48rem;display:flex}.dp-era-val{color:#555;font-weight:700}.dp-meta{color:#999;letter-spacing:.04em;margin-bottom:16px;font-family:Syne Mono,monospace;font-size:.6rem;line-height:1.9}.dp-meta-row{align-items:center;gap:6px;display:flex}.dp-cdot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.dp-photo-wrap{margin-top:16px;margin-bottom:24px}.dp-photo-inner{box-shadow:0 0 24px 10px rgb(var(--photo-r,100) var(--photo-g,100) var(--photo-b,140) / .45), 0 0 70px 30px rgb(var(--photo-r,100) var(--photo-g,100) var(--photo-b,140) / .25), 0 0 140px 70px rgb(var(--photo-r,100) var(--photo-g,100) var(--photo-b,140) / .13), 0 0 220px 120px rgb(var(--photo-r,100) var(--photo-g,100) var(--photo-b,140) / .06);line-height:0;transition:box-shadow .6s;display:block;position:relative}.dp-photo{object-fit:cover;object-position:center top;width:100%;max-height:260px;display:block}.dp-photo-credit{color:#888;margin-top:10px;font-size:.65rem;line-height:1.4}.dp-photo-credit a{color:inherit;text-decoration:underline}.dark .dp-photo-credit{color:#555}.dp-desc{color:#444;white-space:pre-wrap;margin-bottom:8px;font-size:.8rem;line-height:1.8}.desc-node-link{cursor:pointer;opacity:.85;border-bottom:1px dotted;border-radius:2px;padding:0 1px;transition:opacity .12s,background .12s}.desc-node-link:hover{opacity:1;background:#648cdc21}.dark .desc-node-link:hover{background:#78a0ff26}.dp-bandcamp{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:18px;display:flex}.dp-bc-embed{border:0;border-radius:3px;width:100%;height:42px;display:block;overflow:hidden}.dp-bc-link{letter-spacing:.14em;text-transform:uppercase;color:#1da0c3;border:1px solid #1da0c340;border-radius:3px;padding:5px 10px;font-family:Syne Mono,monospace;font-size:.6rem;text-decoration:none;transition:background .15s,color .15s;display:inline-block}.dp-bc-link:hover{color:#0f7a99;background:#1da0c312}.dark .dp-bc-link{color:#5bc8e0;border-color:#5bc8e040}.dark .dp-bc-link:hover{background:#5bc8e012}.dp-spotify-link{color:#1db954;border-color:#1db95440}.dp-spotify-link:hover{color:#17a349;background:#1db95412}.dark .dp-spotify-link{color:#1db954;border-color:#1db95440}.dark .dp-spotify-link:hover{background:#1db95412}.dp-conns-wrap{flex-direction:column;gap:4px;display:flex}.dp-sec{letter-spacing:.12em;text-transform:uppercase;color:#888;border-top:1px solid rgb(var(--photo-r,238) var(--photo-g,238) var(--photo-b,238) / .85);align-items:center;gap:6px;padding:8px 0 5px;font-family:Syne Mono,monospace;font-size:.62rem;transition:border-color .6s;display:flex}.dp-sec-count{color:#aaa;letter-spacing:.06em;background:#f0f0f0;padding:1px 5px;font-size:.46rem}.dp-conn{border-bottom:1px solid rgb(var(--photo-r,245) var(--photo-g,245) var(--photo-b,245) / .7);cursor:pointer;align-items:center;gap:8px;padding:6px 0;transition:opacity .12s,border-color .6s;display:flex}.dp-conn:hover{opacity:.65}.dp-conn-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.dp-conn-info{flex-direction:column;flex:1;min-width:0;display:flex}.dp-conn-name{color:#333;white-space:nowrap;text-overflow:ellipsis;font-size:.76rem;overflow:hidden}.dp-conn-sub{color:#bbb;letter-spacing:.04em;margin-top:1px;font-family:Syne Mono,monospace;font-size:.5rem}.dp-conn-arrow{color:#ccc;flex-shrink:0;font-size:.65rem}.dp-releases{margin-bottom:4px}.dp-release{border-bottom:1px solid rgb(var(--photo-r,245) var(--photo-g,245) var(--photo-b,245) / .7);justify-content:space-between;align-items:baseline;padding:5px 0;transition:border-color .6s;display:flex}.dp-release-title{color:#333;flex:1;padding-right:8px;font-size:.74rem}.dp-release-year{color:#bbb;letter-spacing:.06em;flex-shrink:0;font-family:Syne Mono,monospace;font-size:.52rem}.dark .dp-release{border-color:rgb(var(--photo-r,15) var(--photo-g,15) var(--photo-b,24) / .95)}.dark .dp-release-title{color:#7a7a94}.dark .dp-release-year{color:#2a2a40}.sb-legend{flex:1;align-items:center;gap:14px;min-width:0;padding:6px 0;display:flex}.sb-legend-title{text-transform:uppercase;letter-spacing:.14em;color:var(--tb-text-mid);white-space:nowrap;flex-shrink:0;font-size:.52rem}.sb-legend-items{flex-wrap:nowrap;align-items:center;gap:14px;display:flex}.sb-legend-items--wrap{flex-wrap:wrap;gap:6px 14px}.sb-legend-item{white-space:nowrap;align-items:center;gap:5px;display:flex}.sb-legend-swatch{border:1.5px solid;border-radius:2px;flex-shrink:0;width:11px;height:11px;display:inline-block}.sb-legend-line{border-radius:1px;flex-shrink:0;width:20px;height:2px;display:inline-block}.sb-legend-label{color:var(--tb-text);letter-spacing:.04em;font-size:.62rem}.sb-legend-div{background:var(--tb-border);flex-shrink:0;width:1px;height:16px;margin:0 2px}.htip{pointer-events:none;z-index:300;opacity:0;background:#f7f7f5;border:1px solid #d4d4cc;max-width:220px;padding:7px 10px;font-family:Syne Mono,monospace;transition:opacity 80ms;position:fixed}.htip.on{opacity:1}.htip-meta{letter-spacing:.14em;text-transform:uppercase;color:#444454;font-size:.52rem}.dark .htip{background:#141420;border-color:#2a2a38}.dark .htip-meta{color:#9898b4}.htip-desc{letter-spacing:.02em;color:var(--text-soft);font-size:.6rem;line-height:1.6}.storybtn{border:none;border-left:1px solid var(--tb-border);letter-spacing:.12em;text-transform:uppercase;height:100%;color:var(--tb-text-mid);cursor:pointer;white-space:nowrap;background:0 0;align-items:center;gap:6px;padding:0 18px;font-family:Syne Mono,monospace;font-size:.52rem;transition:color .14s;display:flex}.storybtn:hover,.storybtn.on{color:var(--tb-text)}.storybtn-icon{font-size:.6rem;transition:color .14s}.storybtn.on .storybtn-icon{color:var(--tb-text)}.hnode{cursor:pointer}.dp-pill-story{background:var(--tb-border);color:var(--tb-text-mid)}.dp-story-nav{border-bottom:1px solid var(--border-mid);align-items:center;gap:8px;padding:10px 20px;display:flex}.dp-story-btn{border:1px solid var(--border-mid);color:var(--text-mid);cursor:pointer;background:0 0;flex-shrink:0;padding:3px 9px;font-family:Syne Mono,monospace;font-size:.7rem;transition:color .12s,border-color .12s}.dp-story-btn:hover:not(:disabled){color:var(--text);border-color:var(--text)}.dp-story-btn:disabled{opacity:.25;cursor:default}.dp-story-dots{flex:1;justify-content:center;align-items:center;gap:5px;display:flex}.dp-story-dot{background:var(--border-mid);cursor:pointer;border-radius:50%;width:5px;height:5px;transition:background .15s}.dp-story-dot.active{background:var(--text)}.dp-story-text{line-height:1.85}.dp-story-node{cursor:pointer;border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:5px 20px;transition:background .1s;display:flex}.dp-story-node:hover{background:var(--surface-hover)}.dp-story-node.focus .dp-story-node-label{color:var(--text);font-weight:600}.dp-story-node-label{letter-spacing:.04em;color:var(--text-mid);font-size:.6rem}.dp-story-node-type{letter-spacing:.1em;text-transform:uppercase;color:var(--text-soft);font-size:.46rem}.statusbar{border-top:1px solid var(--tb-border);background:var(--tb-bg);min-height:54px;padding:0 20px;padding-bottom:env(safe-area-inset-bottom,0px);z-index:20;letter-spacing:.1em;color:var(--tb-text-mid);flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:0;font-family:Syne Mono,monospace;font-size:.54rem;transition:background .2s,border-color .2s;display:flex;position:relative;overflow:visible}.statusbar-scroll{scrollbar-width:none;flex:1;align-items:center;gap:14px;min-width:0;display:flex;overflow-x:auto}.statusbar-scroll::-webkit-scrollbar{display:none}.statusbar-scroll>*{flex-shrink:0}.statusbar-end{border-left:1px solid var(--tb-border);flex-shrink:0;align-items:center;gap:10px;margin-left:8px;padding-left:14px;display:flex}.sb-type-filter{align-items:center;gap:8px;display:flex}.sb-type-label{letter-spacing:.12em;text-transform:uppercase;color:var(--tb-text-mid);white-space:nowrap;margin-right:4px;font-size:.54rem}.sb-type-chip{cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;padding:0;transition:opacity .15s;display:inline-flex}.sb-type-chip:hover{opacity:.6!important}.sb-type-chip.on:hover{opacity:.82!important}.statusbar-item{align-items:center;gap:5px;display:flex}.statusbar-item strong{color:var(--tb-text);text-align:right;font-variant-numeric:tabular-nums;width:4ch;font-weight:600;display:inline-block;overflow:visible}.statusbar-sep{background:var(--tb-border);width:1px;height:12px}.statusbar-item--log{position:relative}.node-log-popup{background:var(--tb-bg);border:1px solid var(--tb-border);z-index:200;border-radius:3px;width:230px;position:absolute;bottom:calc(100% + 8px);left:0}.node-log-header{letter-spacing:.1em;color:var(--tb-text-mid);border-bottom:1px solid var(--tb-border);padding:7px 10px 5px;font-size:.52rem;font-weight:700}.node-log-list{scrollbar-width:none;max-height:260px;padding:4px 0;overflow-y:auto}.node-log-list::-webkit-scrollbar{display:none}.node-log-group{padding:4px 0 3px}.node-log-group+.node-log-group{border-top:1px solid var(--tb-border)}.node-log-date{color:var(--tb-text-mid);letter-spacing:.06em;text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:3px 10px 4px;font-family:Syne Mono,monospace;font-size:.56rem;transition:color .1s,background .1s;display:block}.node-log-date:hover{background:var(--tb-hover);color:var(--tb-text)}.node-log-date.active{color:var(--tb-text);background:var(--tb-hover)}.node-log-row{cursor:pointer;text-align:left;background:0 0;border:none;width:100%;padding:3px 10px 3px 20px;font-family:Syne Mono,monospace;display:block}.node-log-row:hover{background:var(--tb-hover)}.node-log-label{color:var(--tb-text);letter-spacing:.03em;font-size:.6rem}.tour-relaunch{border:1px solid var(--tb-border);letter-spacing:.1em;height:32px;color:var(--tb-text-mid);cursor:pointer;background:0 0;border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;padding:0 10px;font-family:Syne Mono,monospace;font-size:.52rem;line-height:1;transition:color .15s,border-color .15s;display:flex}.tour-relaunch:hover{color:var(--tb-text);border-color:var(--tb-text-mid)}.archive-credit{letter-spacing:.14em;text-transform:uppercase;color:var(--tb-text-mid);white-space:nowrap;-webkit-user-select:none;user-select:none;flex-shrink:0;font-family:Syne Mono,monospace;font-size:.5rem}.support-link{letter-spacing:.12em;color:var(--tb-text-dim);white-space:nowrap;font-family:Syne Mono,monospace;font-size:.5rem;text-decoration:none;transition:color .2s}.support-link:hover{color:var(--tb-text-mid)}@keyframes bandExpand{0%{opacity:0}to{opacity:1}}.expand-anim{animation:.35s forwards bandExpand}.column-header-strip{z-index:15;pointer-events:none;background:var(--tb-bg);border-bottom:1px solid var(--tb-border);height:44px;transition:background .2s,border-color .2s;position:absolute;top:0;left:0;right:0;overflow:hidden}.column-header-label{letter-spacing:.18em;text-transform:uppercase;color:#555;pointer-events:auto;text-align:center;flex-direction:column;align-items:center;padding:12px 20px;font-family:Syne Mono,monospace;font-size:.55rem;line-height:1.6;transition:color .15s;display:flex;position:absolute;top:50%;transform:translate(-50%,-50%)}.chl-line{white-space:nowrap;display:block}.column-header-label:hover{color:#111}.dark .column-header-label{color:#c0bdd8}.dark .column-header-label:hover{color:#fff}.dp-play-btn{letter-spacing:.14em;text-transform:uppercase;color:#1da0c3;cursor:pointer;background:0 0;border:1px solid #1da0c340;border-radius:3px;align-items:center;gap:6px;padding:5px 10px;font-family:Syne Mono,monospace;font-size:.6rem;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.dp-play-btn:hover{background:#1da0c312}.dp-play-btn--on{color:#22b870;border-color:#22b87050}.dp-play-btn--on:hover{background:#22b87010}.dark .dp-play-btn{color:#5bc8e0;border-color:#5bc8e040}.dark .dp-play-btn:hover{background:#5bc8e012}.dark .dp-play-btn--on{color:#44dda0;border-color:#44dda050}.dark .dp-play-btn--on:hover{background:#44dda012}.player-inline{align-items:center;gap:6px;min-width:0;max-width:520px;display:flex}.player-sep{background:var(--tb-border);flex-shrink:0;width:1px;height:12px}.player-name{letter-spacing:.1em;text-transform:uppercase;color:var(--tb-text);white-space:nowrap;flex-shrink:0;font-family:Syne Mono,monospace;font-size:.54rem}.player-btn--bandcamp{color:#1da0c3;border-color:#1da0c3;text-decoration:none}.player-btn--bandcamp:hover{color:#fff;background:#1da0c3;border-color:#1da0c3}.player-iframe-wrap{flex:1;min-width:0;height:42px;overflow:hidden}.player-iframe-wrap iframe{border:0;width:100%;height:42px;display:block}.player-btn{border:1px solid var(--tb-border);color:var(--tb-text-mid);cursor:pointer;background:0 0;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:1rem;line-height:1;transition:background .15s,color .15s,border-color .15s;display:flex}.player-btn:hover{color:var(--tb-text);border-color:var(--tb-text-mid)}.player-btn--show{letter-spacing:.1em;text-transform:uppercase;width:auto;color:var(--tb-text);padding:0 9px;font-family:Syne Mono,monospace;font-size:.48rem}.trial-counter{letter-spacing:.08em;text-transform:uppercase;color:var(--tb-text-mid);cursor:pointer;border:1px solid var(--tb-border);white-space:nowrap;background:0 0;border-radius:2px;outline:none;flex-shrink:0;align-items:center;height:32px;padding:0 10px;font-family:Syne Mono,monospace;font-size:.58rem;line-height:1;transition:color .2s,border-color .2s;display:inline-flex}.trial-counter:hover{color:var(--tb-text);border-color:var(--tb-text)}.contact-dropdown{background:var(--tb-bg);border:1px solid var(--tb-border);z-index:500;width:340px;padding:22px 24px;font-family:Syne Mono,monospace;position:fixed;bottom:60px;right:20px}.contact-body{letter-spacing:.04em;color:var(--tb-text-mid);margin-bottom:16px;font-size:.72rem;line-height:1.8}.contact-email{letter-spacing:.1em;text-transform:uppercase;color:var(--tb-text);border-bottom:1px solid var(--tb-border);padding-bottom:3px;font-size:.68rem;text-decoration:none;display:block}.contact-email:hover{color:var(--tb-text);border-bottom-color:var(--tb-text)}.paywall-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.paywall-modal{background:var(--tb-bg);border:1px solid var(--tb-border);flex-direction:column;gap:16px;width:90%;max-width:380px;padding:32px;display:flex}.paywall-title{letter-spacing:.12em;text-transform:uppercase;color:var(--tb-text);font-family:Syne Mono,monospace;font-size:.85rem}.paywall-body{color:var(--tb-text-mid);font-size:.78rem;line-height:1.6}.paywall-buy{text-align:center;background:var(--tb-text);color:var(--tb-bg);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border:none;padding:12px;font-family:Syne Mono,monospace;font-size:.72rem;text-decoration:none;transition:opacity .2s;display:block}.paywall-buy:hover{opacity:.8}.paywall-divider{color:var(--tb-text-mid);text-align:center;letter-spacing:.08em;text-transform:uppercase;border-top:1px solid var(--tb-border);margin-top:4px;padding-top:16px;font-size:.65rem}.paywall-input{box-sizing:border-box;border:1px solid var(--tb-border);width:100%;color:var(--tb-text);letter-spacing:.04em;background:0 0;outline:none;padding:10px;font-family:Syne Mono,monospace;font-size:.72rem}.paywall-input:focus{border-color:var(--tb-text)}.paywall-input::placeholder{color:var(--tb-text-mid)}.paywall-error{color:#c0392b;font-size:.65rem;line-height:1.5}.paywall-verify{border:1px solid var(--tb-border);color:var(--tb-text);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;padding:10px;font-family:Syne Mono,monospace;font-size:.7rem;transition:border-color .2s,color .2s}.paywall-verify:hover:not(:disabled){border-color:var(--tb-text)}.paywall-verify:disabled{opacity:.4;cursor:not-allowed}.aboutwrap{flex-shrink:0;position:relative}.abouttrigger{border:none;border-left:1px solid var(--tb-border);color:var(--tb-text-mid);cursor:default;-webkit-user-select:none;user-select:none;letter-spacing:.06em;text-transform:uppercase;background:0 0;align-items:center;height:50px;padding:0 20px;font-family:Syne Mono,monospace;font-size:.7rem;font-weight:700;transition:color .15s;display:flex}.aboutwrap:hover .abouttrigger{color:var(--tb-text)}.aboutbox{border:1px solid var(--tb-border);pointer-events:none;opacity:0;z-index:1002;background:#fafaf8;flex-direction:column;gap:16px;width:min(400px,100vw - 24px);padding:20px 22px 18px;transition:opacity .25s 80ms,transform .25s 80ms;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,calc(-50% - 6px));box-shadow:0 12px 48px #00000021}.aboutwrap:hover .aboutbox{opacity:1;pointer-events:all;transform:translate(-50%,-50%)}.aboutbox-wordmark{letter-spacing:.14em;text-transform:uppercase;color:#333;border-bottom:1px solid #eeeee8;padding-bottom:12px;font-family:Syne Mono,monospace;font-size:.78rem}.aboutbox-section{flex-direction:column;gap:5px;display:flex}.aboutbox-title{letter-spacing:.18em;text-transform:uppercase;color:#bbb;font-family:Syne Mono,monospace;font-size:.62rem}.aboutbox-body{color:#555;margin:0;font-size:.8rem;line-height:1.65}.aboutbox-cta{color:#fafaf8;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:#111;border:none;width:100%;margin-top:2px;padding:10px 12px;font-family:Syne Mono,monospace;font-size:.65rem;transition:opacity .2s;display:block}.aboutbox-cta:hover{opacity:.75}.dark .aboutbox{border-color:var(--tb-border);background:#0a0a0e;box-shadow:0 12px 48px #0000008c}.dark .aboutbox-wordmark{color:#c0c0d8;border-bottom-color:#1a1a24}.dark .aboutbox-title{color:#505068}.dark .aboutbox-body{color:#8080a0}.dark .aboutbox-cta{color:#0a0a0e;background:#e0ddd8}.onboard-overlay{z-index:9998;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000d1;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.onboard-modal{background:var(--tb-bg);border:1px solid var(--tb-border);flex-direction:column;gap:24px;width:90%;max-width:420px;padding:40px 36px;display:flex}.onboard-wordmark{letter-spacing:.25em;text-transform:uppercase;color:var(--tb-text);font-family:Syne Mono,monospace;font-size:1.3rem}.onboard-pitch{color:var(--tb-text-mid);font-size:.82rem;line-height:1.7}.onboard-btns{flex-direction:column;gap:10px;display:flex}.onboard-btn-primary{background:var(--tb-text);color:var(--tb-bg);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border:none;padding:12px;font-family:Syne Mono,monospace;font-size:.72rem;transition:opacity .15s}.onboard-btn-primary:hover{opacity:.85}.onboard-btn-secondary{color:var(--tb-text-mid);letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--tb-border);cursor:pointer;background:0 0;padding:11px;font-family:Syne Mono,monospace;font-size:.72rem;transition:color .15s,border-color .15s}.onboard-btn-secondary:hover{color:var(--tb-text);border-color:var(--tb-text)}.tour-scrim{z-index:9994;pointer-events:all;background:#0000006b;transition:background .25s;position:fixed;inset:0}.tour-scrim--dim{background:#00000014}.tour-hl-box{pointer-events:none;z-index:9995;box-sizing:border-box;animation:1s ease-out both tourHLIn;position:fixed}@keyframes tourHLIn{0%{opacity:0}to{opacity:1}}.tour-hl-c{border:0 solid #ffffffd9;width:12px;height:12px;position:absolute}.tour-hl-tl{border-top-width:2px;border-left-width:2px;animation:.6s ease-out both tourCornerIn,2s ease-in-out .6s infinite tourCornerBlink;top:-1px;left:-1px}.tour-hl-tr{border-top-width:2px;border-right-width:2px;animation:.7s ease-out .15s both tourCornerIn,2s ease-in-out .9s infinite tourCornerBlink;top:-1px;right:-1px}.tour-hl-bl{border-bottom-width:2px;border-left-width:2px;animation:.7s ease-out .25s both tourCornerIn,2s ease-in-out 1s infinite tourCornerBlink;bottom:-1px;left:-1px}.tour-hl-br{border-bottom-width:2px;border-right-width:2px;animation:.7s ease-out .35s both tourCornerIn,2s ease-in-out 1.1s infinite tourCornerBlink;bottom:-1px;right:-1px}@keyframes tourCornerIn{0%{opacity:0}to{opacity:1}}@keyframes tourCornerBlink{0%,to{opacity:1}50%{opacity:.25}}@keyframes march-tour{to{stroke-dashoffset:-10px}}.tour-connector{pointer-events:none;z-index:9996;width:100vw;height:100vh;color:var(--tb-text);position:fixed;inset:0;overflow:visible}.tour-connector line{animation:.5s linear infinite march-tour}.tour-click-dot{pointer-events:none;z-index:9996;background:#ffffffb3;border-radius:50%;width:7px;height:7px;animation:.5s ease-out forwards tour-click-dot;position:fixed;transform:translate(-50%,-50%)}.tour-click-ring{pointer-events:none;z-index:9996;border:1.5px solid #ffffff73;border-radius:50%;width:22px;height:22px;animation:.65s ease-out both tour-click-ring;position:fixed;transform:translate(-50%,-50%)}@keyframes tour-click-dot{0%{opacity:.7;transform:translate(-50%,-50%)scale(1.1)}40%{transform:translate(-50%,-50%)scale(.7)}to{opacity:0;transform:translate(-50%,-50%)scale(.2)}}@keyframes tour-click-ring{0%{opacity:.5;transform:translate(-50%,-50%)scale(.3)}to{opacity:0;transform:translate(-50%,-50%)scale(2.5)}}.tour-spotlit{z-index:9997!important}.tour-card-v2{z-index:9999;pointer-events:all;background:var(--tb-bg);border:1px solid var(--tb-border);flex-direction:column;gap:14px;width:300px;padding:22px 24px;transition:left .6s cubic-bezier(.4,0,.2,1),top .6s cubic-bezier(.4,0,.2,1);display:flex;position:fixed}.tour-card-pixels{pointer-events:none;z-index:10;position:absolute;inset:0}.tour-text-zone{flex-direction:column;gap:10px;display:flex;position:relative;overflow:hidden}.tour-text-pixels{pointer-events:none;z-index:5;position:absolute;inset:0}.tour-v2-progress{align-items:center;gap:5px;display:flex}.tour-v2-pip{background:var(--tb-border);flex:1;height:2px;transition:background .25s}.tour-v2-pip.active{background:var(--tb-text)}.tour-v2-title{letter-spacing:.18em;text-transform:uppercase;color:var(--tb-text);margin-top:2px;font-family:Syne Mono,monospace;font-size:.7rem}.tour-v2-body{color:var(--tb-text-mid);font-size:.78rem;line-height:1.65}.tour-v2-nav{justify-content:space-between;align-items:center;margin-top:2px;display:flex}.tour-v2-back{cursor:pointer;letter-spacing:.1em;text-transform:uppercase;color:var(--tb-text-dim);background:0 0;border:none;padding:0;font-family:Syne Mono,monospace;font-size:.6rem;transition:color .15s}.tour-v2-back:hover{color:var(--tb-text-mid)}.tour-v2-close{cursor:pointer;color:var(--tb-text-dim);background:0 0;border:none;padding:2px 4px;font-size:1rem;line-height:1;transition:color .15s;position:absolute;top:10px;right:12px}.tour-v2-close:hover{color:var(--tb-text)}.tour-v2-next{background:var(--tb-text);color:var(--tb-bg);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border:none;padding:8px 16px;font-family:Syne Mono,monospace;font-size:.6rem;transition:opacity .15s}@media (width<=600px){.wordmark{padding:0 14px}.column-header-strip{display:none}.statusbar{flex-wrap:nowrap;gap:10px;padding:0 12px;overflow-x:auto}.statusbar::-webkit-scrollbar{display:none}.dp{border-radius:16px 16px 0 0;height:62vh;border-bottom:none!important;border-left:none!important;border-right:none!important;border-top:1px solid var(--tb-border)!important;width:100%!important;position:fixed!important;inset:auto 0 44px!important;box-shadow:0 -4px 32px #00000059!important}.dp.left{left:0!important;right:0!important}.dp-move-hint{display:none}}@media (width<=900px){.statusbar{flex-wrap:nowrap;overflow-x:auto}.statusbar::-webkit-scrollbar{display:none}}.sb-type-toggle{display:none}@media (width>=600px) and (width<=1400px) and (pointer:coarse){.statusbar-item--log,.statusbar-scroll .statusbar-item,.statusbar-scroll>.statusbar-sep:first-child,.statusbar-scroll>.statusbar-sep:nth-child(2),.statusbar-scroll>.statusbar-sep:nth-child(3),.player-name,.player-btn--show,.player-btn--bandcamp,.player-sep{display:none!important}.sb-type-filter{display:none}.sb-type-filter.pop{bottom:calc(54px + env(safe-area-inset-bottom,0px));background:var(--tb-bg);border-top:1px solid var(--tb-border);border-bottom:1px solid var(--tb-border);z-index:300;flex-wrap:wrap;gap:8px;padding:14px 16px;display:flex;position:fixed;left:0;right:0;box-shadow:0 -4px 16px #00000012}.dark .sb-type-filter.pop{background:var(--tb-bg)}.sb-type-toggle{border:1px solid var(--tb-border);height:32px;color:var(--tb-text-mid);cursor:pointer;letter-spacing:.1em;text-transform:uppercase;background:0 0;border-radius:2px;flex-shrink:0;align-items:center;padding:0 12px;font-family:Syne Mono,monospace;font-size:.52rem;transition:color .15s,background .15s;display:flex}.sb-type-toggle:hover,.sb-type-toggle.open{color:var(--tb-text);background:var(--tb-hover)}.sb-type-label{display:none}.groove-step,.groove-step--synth{width:26px}.groove-steps{gap:4px!important;width:auto!important}.groove-panel{zoom:.82;top:50dvh;bottom:auto;overflow-x:auto;transform:translate(-50%)translateY(100dvh);width:min(100vw - 16px,880px)!important;max-height:45dvh!important}.groove-panel.open{transform:translate(-50%)translateY(-50%)}}.tour-v2-next:hover{opacity:.85}.paywall-modal,.onboard-modal{max-height:calc(100dvh - 40px);overflow-y:auto}@media (width<=1440px) and (pointer:fine){.statusbar{padding:0 12px;font-size:.47rem}.statusbar-scroll{gap:8px}.sb-type-filter,.statusbar-end,.dp,.groove-panel{zoom:.88}}@media (width<=1280px) and (pointer:fine){.statusbar{padding:0 8px;font-size:.43rem}.statusbar-scroll{gap:5px}.sb-type-filter,.statusbar-end,.dp{zoom:.78}.groove-panel{zoom:.76}}@media (width<=1150px) and (pointer:fine){.statusbar{padding:0 6px;font-size:.41rem}.statusbar-scroll{gap:4px}.sb-type-filter,.statusbar-end,.dp{zoom:.72}.groove-panel{zoom:.7}}@media (width<=1050px) and (pointer:fine){.groove-panel{zoom:.64}.dp{zoom:.66}}@media (width>=1280px) and (height<=820px) and (pointer:fine){.groove-panel,.dp{zoom:.82}}@media (width>=1150px) and (width<=1280px) and (height<=820px) and (pointer:fine){.groove-panel{zoom:.7}.dp{zoom:.72}}.groove-trigger{z-index:900;border:1px solid var(--tb-border);background:var(--tb-bg);width:32px;height:32px;color:var(--tb-text-mid);cursor:pointer;border-radius:2px;justify-content:center;align-items:center;transition:color .15s,background .15s;display:flex;position:fixed;bottom:62px;right:18px}.groove-trigger:hover,.groove-trigger.open{color:var(--tb-text);background:var(--tb-hover)}.groove-trigger-icon{font-size:.95rem;line-height:1}.groove-panel{scrollbar-width:none;z-index:10;background:var(--tb-bg);border:1px solid var(--tb-border);-webkit-user-select:none;user-select:none;border-radius:4px;width:min(97vw,880px);max-height:calc(100vh - 156px);font-family:Syne Mono,monospace;transition:transform .32s cubic-bezier(.4,0,.2,1);position:fixed;bottom:74px;left:50%;overflow-y:auto;transform:translate(-50%)translateY(calc(100% + 80px))}.groove-panel.open{transform:translate(-50%)translateY(0)}.groove-panel::-webkit-scrollbar{display:none}.groove-header{border-bottom:1px solid var(--tb-border);align-items:center;gap:7px;height:36px;padding:0 10px;transition:border-bottom-color .2s;display:flex}.groove-header--rec{border-bottom-color:#c84040}.groove-header-sep{background:var(--tb-border);flex-shrink:0;width:1px;height:18px;margin:0 2px}.groove-rec-indicator{background:#e04848;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:1s ease-in-out infinite rec-pulse;box-shadow:0 0 5px 2px #e0303080}.groove-title{letter-spacing:.12em;color:var(--tb-text);flex-shrink:0;font-size:.58rem;font-weight:600}.groove-play{border:1px solid var(--tb-border);color:var(--tb-text-mid);cursor:pointer;background:0 0;border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:20px;font-size:.65rem;transition:color .12s,background .12s;display:flex}.groove-play:hover,.groove-play.act{color:var(--tb-text);background:var(--tb-hover)}.groove-bpm{align-items:center;gap:3px;display:flex}.groove-bpm-btn{border:1px solid var(--tb-border);color:var(--tb-text-mid);cursor:pointer;background:0 0;border-radius:2px;justify-content:center;align-items:center;width:17px;height:17px;font-size:.8rem;line-height:1;transition:color .12s;display:flex}.groove-bpm-btn:hover{color:var(--tb-text)}.groove-bpm-val{color:var(--tb-text);text-align:center;min-width:22px;font-size:.66rem}.groove-bpm-unit{letter-spacing:.08em;color:var(--tb-text-dim);font-size:.48rem}.groove-vol-wrap{cursor:pointer;align-items:center;gap:4px;display:flex}.groove-vol-label{letter-spacing:.08em;color:var(--tb-text-dim);font-size:.48rem}.groove-vol-slider{appearance:none;background:var(--tb-border);cursor:pointer;outline:none;width:52px;height:2px}.groove-vol-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--tb-text-mid);cursor:pointer;border-radius:50%;width:8px;height:8px}.groove-vol-slider:hover::-webkit-slider-thumb{background:var(--tb-text)}.groove-seqlen{flex-shrink:0;align-items:center;gap:2px;display:flex}.groove-seqlen-lbl{letter-spacing:.1em;color:var(--tb-text-dim);margin-left:3px;font-size:.48rem}.groove-seqlen-btn{border:1px solid var(--tb-border);color:var(--tb-text-dim);letter-spacing:.06em;cursor:pointer;background:0 0;border-radius:2px;padding:2px 6px;font-family:Syne Mono,monospace;font-size:.56rem;transition:color .12s,background .12s}.groove-seqlen-btn:hover{color:var(--tb-text)}.groove-seqlen-btn.act{background:var(--tb-text);color:var(--tb-bg);border-color:var(--tb-text)}.groove-mono-btn{border:1px solid var(--tb-border);color:var(--tb-text-dim);letter-spacing:.07em;cursor:pointer;background:0 0;border-radius:2px;padding:2px 5px;font-family:Syne Mono,monospace;font-size:.46rem;transition:color .12s}.groove-mono-btn:hover{color:var(--tb-text)}.groove-rec-capture.active{color:#e04848;border-color:#e04848;animation:1s ease-in-out infinite rec-pulse}.groove-waveform{background:0 0;border:1px solid #e0484859;border-radius:2px;flex-shrink:0}.groove-dl-btn{color:var(--tb-text);text-decoration:none}.groove-rec-empty{color:var(--tb-text-mid);letter-spacing:.05em;font-size:.5rem}.groove-close{color:var(--tb-text-dim);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0 2px;font-size:.65rem;transition:color .12s}.groove-close:hover{color:var(--tb-text)}.groove-rec-btn{border:1px solid var(--tb-border);color:var(--tb-text-dim);letter-spacing:.06em;cursor:pointer;background:0 0;border-radius:2px;flex-shrink:0;align-items:center;gap:5px;height:22px;padding:0 8px;font-family:Syne Mono,monospace;font-size:.46rem;transition:color .15s,background .15s,border-color .15s;display:flex}.groove-rec-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px;transition:background .15s}.groove-rec-btn:hover{color:var(--tb-text)}.groove-rec-btn.active{color:#e04848;background:#e030301f;border-color:#c03030}.groove-rec-btn.active .groove-rec-dot{background:#e04848;animation:1s ease-in-out infinite rec-pulse;box-shadow:0 0 5px 2px #e0303080}@keyframes rec-pulse{0%,to{opacity:1}50%{opacity:.3}}.gv-panel{border-bottom:1px solid var(--tb-border);background:var(--tb-bg);align-items:stretch;gap:0;min-height:308px;padding:13px 23px 13px 31px;display:flex}.dark .gv-panel{background:#0a0a10;border-bottom-color:#1c1c26}.gv-divider-v{background:var(--tb-border);flex-shrink:0;align-self:stretch;width:1px;margin:0 4px}.dark .gv-divider-v{background:#2a2a3e}.gv-sep{background:var(--tb-border);flex-shrink:0;height:1px;margin:2px 0}.dark .gv-sep{background:#1e1e30}.gv-col{flex-direction:column;flex:1;gap:5px;min-width:0;padding:0 3px;transition:opacity .15s;display:flex}.gv-col--muted{opacity:.28}.gv-col-label{letter-spacing:.12em;color:#a0a0cc;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid #2a2a40;flex-shrink:0;padding-bottom:4px;font-size:.6rem;font-weight:700;transition:color .12s}.gv-col-label:hover{color:#e0e0ff}.gv-col-label--muted{color:#484868}.gv-col-label--muted:hover{color:#6868a0}.gv-voice-params{justify-content:center;gap:2px;display:flex}.gv-param{flex-direction:column;flex:1;align-items:center;gap:2px;min-width:0;display:flex}.gv-filt-row{justify-content:center;gap:2px;display:flex}.gv-param-lbl{letter-spacing:.06em;color:#8080a8;text-align:center;white-space:nowrap;font-size:.48rem;font-weight:600}.gv-knob{cursor:ns-resize;flex-shrink:0;display:block}.gv-knob-body{fill:#13131c;stroke:#2e2e44;stroke-width:1.5px}.gv-knob-line{stroke:#c8c4bc;stroke-width:1.8px;stroke-linecap:round}.gv-knob:hover .gv-knob-body{stroke:#5050a0}.gv-knob:hover .gv-knob-line{stroke:#e8e4d8}.groove-panel:not(.dark){--tb-text-mid:#444;--tb-text-dim:#666;--tb-border:#c0c0be;background:#dcdcda;border-color:#b8b8b6}.groove-panel:not(.dark) .gv-panel{background:#d0d0ce}.groove-panel:not(.dark) .groove-header{border-bottom-color:#c0c0be}.groove-panel:not(.dark) .groove-seq-divider{background:#c0c0be}.groove-panel:not(.dark) .groove-step{border-color:#b4b4b2}.groove-panel:not(.dark) .groove-step:hover{background:#00000014}.groove-panel:not(.dark) .groove-step.on{background:#4a4848;border-color:#4a4848}.groove-panel:not(.dark) .groove-label{color:#333}.groove-panel:not(.dark) .gv-knob-body{fill:#2d2b3e;stroke:#4a4866}.groove-panel:not(.dark) .gv-knob-line{stroke:#807898}.groove-panel:not(.dark) .gv-knob:hover .gv-knob-body{stroke:#6060b0}.groove-panel:not(.dark) .gv-knob:hover .gv-knob-line{stroke:#a09abf}.dark .gv-col[data-voice=bass]{background:#121e3e2e}.dark .gv-col[data-voice=lead]{background:#1e123a2e}.dark .gv-col[data-voice=pad]{background:#0c16262e}.dark .groove-row[data-voice=bass]{background:#121e3e1a;border-radius:3px}.dark .groove-row[data-voice=lead]{background:#1e123a1a;border-radius:3px}.dark .groove-row[data-voice=pad]{background:#0c16261a;border-radius:3px}.groove-panel:not(.dark) .gv-col[data-voice=bass]{background:#b4c8e61f}.groove-panel:not(.dark) .gv-col[data-voice=lead]{background:#c8b9e11f}.groove-panel:not(.dark) .gv-col[data-voice=pad]{background:#bebec31f}.groove-panel:not(.dark) .groove-row[data-voice=bass]{background:#b4c8e614;border-radius:3px}.groove-panel:not(.dark) .groove-row[data-voice=lead]{background:#c8b9e114;border-radius:3px}.groove-panel:not(.dark) .groove-row[data-voice=pad]{background:#bebec314;border-radius:3px}.gv-adsr-row{justify-content:center;align-items:flex-end;gap:4px;display:flex}.gv-vslider{cursor:ns-resize;-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;align-items:center;gap:3px;display:flex}.gv-vslider-track{background:#161622;border:1px solid #2a2a3e;border-radius:2px;flex-shrink:0;width:5px;height:68px;position:relative}.gv-vslider-thumb{pointer-events:none;background:#b0b0d0;border-radius:1px;width:16px;height:6px;position:absolute;left:50%;transform:translate(-50%,-50%)}.gv-vslider:hover .gv-vslider-thumb{background:#e0e0f8}.groove-panel:not(.dark) .gv-vslider-track{background:#25223a;border-color:#3c3a58}.groove-panel:not(.dark) .gv-vslider-thumb{background:#7572a0}.groove-panel:not(.dark) .gv-vslider:hover .gv-vslider-thumb{background:#9490c4}.gv-fader{cursor:ns-resize;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:3px;display:flex}.gv-fader-track{background:#0e0e1a;border:1px solid #2a2a3e;border-radius:3px;flex-shrink:0;width:7px;height:74px;position:relative}.groove-panel:not(.dark) .gv-fader-track{background:#1e1c2e;border-color:#3a3858}.gv-fader-fill{pointer-events:none;background:linear-gradient(#5050c8,#2828a0);border-radius:2px;position:absolute;bottom:0;left:0;right:0}.gv-fader-thumb{pointer-events:none;background:#c0c0d8;border-radius:1px;width:21px;height:7px;position:absolute;left:50%;transform:translate(-50%,50%);box-shadow:0 1px 3px #0009}.gv-fader:hover .gv-fader-thumb{background:#e8e8f8}.groove-panel:not(.dark) .gv-fader-thumb{background:#7572a0}.groove-panel:not(.dark) .gv-fader:hover .gv-fader-thumb{background:#9490c4}.gv-bottom{flex-direction:column;flex-shrink:0;gap:4px;margin-top:auto;display:flex}.gv-send-row{gap:2px;display:flex}.gv-send-btn{color:#6060a0;letter-spacing:.06em;cursor:pointer;text-align:center;white-space:nowrap;background:#0e0e18;border:1px solid #2a2a40;border-radius:2px;flex:1;padding:4px 2px;font-family:Syne Mono,monospace;font-size:.44rem;transition:color .12s,border-color .12s}.gv-send-btn:hover{color:#8080c0;border-color:#3e3e70}.gv-send-btn.on{color:#7878e8;background:#13132a;border-color:#4848a8}.groove-panel:not(.dark) .gv-send-btn{color:#7070b8;background:#1e1c2e;border-color:#3a3858}.groove-panel:not(.dark) .gv-send-btn.on{color:#9090e0;background:#2a2848;border-color:#5050a0}.groove-panel:not(.dark) .gv-send-btn:hover{color:#9090d0;border-color:#5050a0}.groove-bottom{align-items:stretch;display:flex}.groove-seq{flex-direction:column;flex:1;gap:3px;min-width:0;padding:7px 6px 9px 13px;display:flex}.gv-master{border-left:1px solid var(--tb-border);flex-direction:column;flex-shrink:0;align-items:center;gap:4px;width:62px;padding:8px 10px 10px;display:flex}.dark .gv-master{border-left-color:#1c1c26}.gv-master-label{letter-spacing:.12em;color:#a0a0cc;text-align:center;padding-bottom:2px;font-size:.52rem;font-weight:700}.gv-master-knob{flex-direction:column;align-items:center;gap:2px;display:flex}.gv-master-sep{background:var(--tb-border);width:100%;height:1px;margin:2px 0}.dark .gv-master-sep{background:#1e1e30}.gv-master-fx-label{letter-spacing:.14em;color:var(--tb-text-mid);text-transform:uppercase;margin-top:-2px;font-size:.44rem}.gv-master-fx-div{background:var(--tb-border);opacity:.5;width:100%;height:1px;margin:2px 0}.groove-seq-divider{background:var(--tb-border);height:1px;margin:2px 0}.groove-row{align-items:center;gap:6px;display:flex}.groove-label{letter-spacing:.08em;color:var(--tb-text-dim);text-align:right;flex-shrink:0;width:51px;font-size:.58rem}.groove-steps{flex-shrink:0;gap:6px;width:682px;display:flex}.groove-group{border-radius:2px;gap:2px;display:flex}.groove-group--alt{background:#8080c80f}.groove-seq.mode-32 .groove-steps{gap:3px}.groove-seq.mode-32 .groove-group{flex:1;gap:1px}.groove-seq.mode-32 .groove-step,.groove-seq.mode-32 .groove-step--synth{flex:1;width:auto}.groove-step{border:1px solid var(--tb-border);cursor:pointer;background:0 0;border-radius:2px;flex-shrink:0;width:40px;height:28px;padding:0;transition:background 80ms,border-color 80ms}.groove-step:hover{border-color:var(--tb-text-mid);background:var(--tb-hover)}.groove-step.on{background:#555560;border-color:#555560}.dark .groove-step.on{background:var(--tb-text);border-color:var(--tb-text)}.groove-step.on:hover{opacity:.75}.groove-step.cur{outline:2px solid var(--tb-text-mid);outline-offset:-2px}.groove-step.on.cur{outline-color:var(--tb-bg)}.groove-step.muted{opacity:.28}.groove-step--synth{justify-content:center;align-items:center;width:40px;height:28px;display:flex;position:relative}.groove-step--synth.sel{outline:2px solid var(--tb-text);outline-offset:-2px}.groove-step--synth.on.sel{outline-color:var(--tb-bg)}.groove-note-lbl{letter-spacing:0;color:var(--tb-bg);pointer-events:none;flex-direction:column;align-items:center;font-family:Syne Mono,monospace;font-size:.5rem;line-height:1;display:flex}.groove-note-lbl sup{color:inherit;opacity:.8;font-size:.34rem}.groove-step--synth:not(.on) .groove-note-lbl{color:var(--tb-text)}.groove-chord-dot{opacity:.8;margin-left:1px;font-size:.36rem}.groove-prob{flex-direction:row;flex-shrink:0;align-items:center;gap:4px;display:flex}.groove-prob-lbl{letter-spacing:.04em;color:var(--tb-text-dim);white-space:nowrap;min-width:28px;font-family:Syne Mono,monospace;font-size:.44rem;line-height:1}.groove-step-popup{z-index:910;background:var(--tb-bg);border:1px solid var(--tb-border);pointer-events:all;border-radius:3px;flex-direction:column;gap:8px;padding:8px 12px 10px;font-family:Syne Mono,monospace;display:flex;position:fixed;box-shadow:0 8px 32px #00000038,0 2px 8px #0000001f}.gsp-header{justify-content:space-between;align-items:center;display:flex}.gsp-oct-row{align-items:center;gap:4px;display:flex}.gsp-oct-btn{border:1px solid var(--tb-border);color:var(--tb-text-dim);cursor:pointer;background:0 0;border-radius:2px;justify-content:center;align-items:center;width:24px;height:20px;font-family:Syne Mono,monospace;font-size:.52rem;transition:color .1s,background .1s;display:flex}.gsp-oct-btn:hover{color:var(--tb-text);border-color:var(--tb-text-mid)}.gsp-oct-btn.act{background:var(--tb-text);color:var(--tb-bg);border-color:var(--tb-text)}.gsp-oct-lbl{letter-spacing:.1em;color:var(--tb-text-dim);margin-left:3px;font-size:.44rem}.gsp-note-lbl{letter-spacing:.06em;color:var(--tb-text-mid);font-size:.52rem;font-weight:600}.gsp-piano{flex-shrink:0;gap:1px;height:72px;display:flex;position:relative}.gsp-wkey{cursor:pointer;background:#ececf4;border:1px solid #b0b0c8;border-radius:0 0 4px 4px;flex-shrink:0;width:40px;height:72px;padding:0;transition:background 80ms}.gsp-wkey:hover{background:#dcdce8}.gsp-wkey.act{background:#8080e0;border-color:#6060c0}.dark .gsp-wkey{background:#1e1e2e;border-color:#3a3a5a}.dark .gsp-wkey:hover{background:#28283e}.dark .gsp-wkey.act{background:#5050b8;border-color:#7070e0}.gsp-bkey{cursor:pointer;z-index:2;background:#1a1a28;border:1px solid #0a0a16;border-radius:0 0 3px 3px;width:26px;height:46px;padding:0;transition:background 80ms;position:absolute;top:0}.gsp-bkey:hover{background:#303050}.gsp-bkey.act{background:#5050c0;border-color:#8080e8}.dark .gsp-bkey{background:#0e0e18;border-color:#050510}.dark .gsp-bkey:hover{background:#252540}.dark .gsp-bkey.act{background:#4040a8}.gv-vol-cell{flex-direction:column;flex-shrink:0;align-items:center;gap:2px;display:flex}.gv-mute-col{color:#505080;letter-spacing:.06em;cursor:pointer;text-align:center;background:0 0;border:1px solid #2a2a40;border-radius:2px;flex-shrink:0;width:100%;padding:3px 2px;font-family:Syne Mono,monospace;font-size:.4rem;transition:color .12s,border-color .12s,background .12s}.gv-mute-col:hover{color:#8080b8;border-color:#404070}.gv-mute-col.on{color:#e05050;background:#c828281f;border-color:#c03030}.chat-panel{background:var(--tb-bg);border:1px solid var(--tb-border);z-index:15;border-bottom:none;border-radius:3px 3px 0 0;flex-direction:column;width:288px;height:370px;font-family:Syne Mono,monospace;font-size:.72rem;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:54px;right:52px;transform:translateY(100%)}.chat-panel.open{transform:translateY(0)}.chat-header{border-bottom:1px solid var(--tb-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:7px 12px;display:flex}.chat-title{letter-spacing:.1em;color:var(--tb-text);font-size:.62rem;font-weight:700}.chat-online{color:var(--tb-text-mid);align-items:center;gap:5px;font-size:.6rem;display:flex}.chat-dot{background:#3ab050;border-radius:50%;flex-shrink:0;width:6px;height:6px}.chat-msgs{scrollbar-width:none;flex-direction:column;flex:1;gap:8px;padding:8px 12px;display:flex;overflow-y:auto}.chat-msgs::-webkit-scrollbar{display:none}.chat-unconfigured{color:var(--tb-text-mid);padding:6px 0;font-size:.62rem;line-height:1.5}.chat-unconfigured code{opacity:.7;font-family:inherit}.chat-msg{flex-direction:column;gap:2px;display:flex}.chat-msg-meta{align-items:baseline;gap:6px;display:flex}.chat-user{letter-spacing:.04em;font-size:.58rem;font-weight:700}.chat-time{color:var(--tb-text-mid);font-size:.52rem}.chat-text{color:var(--tb-text);word-break:break-word;font-size:.7rem;line-height:1.45}.chat-node-chip{color:var(--tb-text);cursor:pointer;text-align:left;background:#5a5ab41a;border:1px solid #5a5ab447;border-radius:2px;padding:2px 7px;font-family:Syne Mono,monospace;font-size:.65rem;transition:background .12s;display:inline-block}.chat-node-chip:hover{background:#5a5ab433}.chat-input-row{border-top:1px solid var(--tb-border);flex-shrink:0;display:flex}.chat-input{color:var(--tb-text);background:0 0;border:none;outline:none;flex:1;padding:8px 12px;font-family:Syne Mono,monospace;font-size:.7rem}.chat-input::placeholder{color:var(--tb-text-mid);opacity:.6}.chat-send{border:none;border-left:1px solid var(--tb-border);color:var(--tb-text-mid);cursor:pointer;background:0 0;padding:0 12px;font-size:1rem;transition:color .12s}.chat-send:hover{color:var(--tb-text)}.dp-share-btn{border:1px solid var(--tb-border);color:var(--tb-text-mid);cursor:pointer;letter-spacing:.05em;background:0 0;border-radius:2px;padding:2px 8px;font-family:Syne Mono,monospace;font-size:.58rem;transition:color .12s,border-color .12s}.dp-share-btn:hover{color:var(--tb-text);border-color:var(--tb-text-mid)}.groove-ctrl-btn--groove{gap:0;padding:0 12px}.groove-ctrl-btn{border:1px solid var(--tb-border);color:var(--tb-text-mid);cursor:pointer;background:0 0;border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;height:32px;padding:0 10px;transition:color .15s,background .15s,border-color .15s;display:inline-flex}.groove-ctrl-btn:hover,.groove-ctrl-btn.open{color:var(--tb-text);border-color:var(--tb-text-mid);background:#0000000f}.dark .groove-ctrl-btn:hover,.dark .groove-ctrl-btn.open{background:#ffffff0f}.groove-notepick{border-top:1px solid var(--tb-border);flex-direction:column;gap:5px;padding:6px 10px 8px;display:flex}.groove-pick-row{align-items:center;gap:8px;display:flex}.groove-oct-row{align-items:center;gap:3px;display:flex}.groove-oct-btn{border:1px solid var(--tb-border);color:var(--tb-text-dim);cursor:pointer;background:0 0;border-radius:2px;justify-content:center;align-items:center;width:22px;height:18px;font-family:Syne Mono,monospace;font-size:.52rem;transition:color .1s,background .1s;display:flex}.groove-oct-btn:hover{color:var(--tb-text)}.groove-oct-btn.active{background:var(--tb-text);color:var(--tb-bg);border-color:var(--tb-text)}.groove-oct-lbl{letter-spacing:.1em;color:var(--tb-text-dim);margin-left:3px;font-size:.44rem}.groove-chord-lbl{letter-spacing:.06em;color:var(--tb-text-mid);text-align:center;flex:1;font-size:.48rem}.groove-pick-hint{letter-spacing:.05em;color:var(--tb-text-dim);opacity:.6;white-space:nowrap;font-size:.38rem}.groove-del-step{border:1px solid var(--tb-border);color:var(--tb-text-dim);letter-spacing:.06em;cursor:pointer;white-space:nowrap;background:0 0;border-radius:2px;padding:2px 7px;font-family:Syne Mono,monospace;font-size:.44rem;transition:color .12s,border-color .12s}.groove-del-step:hover{color:#e04848;border-color:#e04848}.groove-keys{gap:2px;display:flex}.groove-key{border:1px solid var(--tb-border);cursor:pointer;background:0 0;border-radius:1px;flex:1;justify-content:center;align-items:flex-end;height:40px;padding:0 0 4px;transition:background 80ms;display:flex}.groove-key.blk{background:#0000002e;align-self:flex-start;height:30px}.dark .groove-key.blk{background:#00000073}.groove-key:hover{background:var(--tb-hover)}.groove-key.active{background:var(--tb-text)}.groove-key.active .groove-key-name{color:var(--tb-bg)}.groove-key-name{color:var(--tb-text-dim);pointer-events:none;font-family:Syne Mono,monospace;font-size:.4rem;line-height:1}@media (width<=660px){.groove-panel{border-radius:0;width:100%;left:0;transform:translateY(100%)}.groove-panel.open{transform:translateY(0)}.groove-step,.groove-step--synth{width:18px;height:14px}.groove-mute-btn{height:18px}.gv-panel{padding:8px 8px 6px;overflow-x:auto}.gv-col{min-width:54px}}