@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap");:root{--bg:#111313;--surface:#1a1c1c;--text:#f0f0e9;--muted:#939793;--line:#ffffff0d;--accent:#dbedac;--orange:#e79a66;color-scheme:dark;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:13px}a,button,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}a,button{color:inherit}button{cursor:pointer;border:0;background:none}a{text-decoration:none}button:disabled{cursor:default;opacity:.5}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{transition:background .2s,color .2s,transform .2s}button:hover{color:#fff}svg{flex-shrink:0}button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.app-shell{height:100dvh;min-height:580px;display:flex;overflow:hidden}.rail{width:76px;flex:none;border-right:1px solid var(--line);display:flex;align-items:center;flex-direction:column;z-index:25;background:#141616}.brand-mark{color:var(--accent);height:85px;display:grid;place-items:center}.rail nav{display:grid;gap:17px;margin-top:34px}.rail-button{height:42px;width:42px;border-radius:13px;color:#818682}.rail-button:hover{background:#ffffff08}.rail-button.selected{background:#dbeeab12;color:var(--accent)}.rail-bottom{margin-top:auto;margin-bottom:31px;color:#848984}.workspace{min-width:0;flex:1 1;display:flex;flex-direction:column}.topbar{height:85px;flex-shrink:0;display:flex;align-items:center;padding:0 34px;gap:35px;border-bottom:1px solid var(--line);z-index:30;background:#141616}.wordmark{font-family:Manrope,sans-serif;font-weight:750;font-size:25px;letter-spacing:-1.1px;white-space:nowrap}.wordmark span{font-size:23px;color:#525750;font-weight:400;margin:0 16px}.wordmark small{font-family:DM Sans,sans-serif;letter-spacing:0;font-size:12px;font-weight:400;color:#a6aaa4}.search-wrap{position:relative;margin:auto;width:min(470px,45vw);height:43px;border:1px solid #ffffff0c;border-radius:9px;display:flex;align-items:center;gap:11px;padding:0 14px;background:#1e2020;color:#969b94}.search-wrap:focus-within{border-color:#dbeeab55}.search-wrap input{background:none;outline:none;border:0;width:100%;font-size:12px;color:var(--text)}.search-wrap input:focus-visible{outline:none}.search-wrap kbd{font-size:10px;white-space:nowrap;border:1px solid #ffffff14;padding:3px 5px;border-radius:4px}.account-button{font-size:11px;gap:10px;white-space:nowrap;color:#c1c5bd}.avatar{width:28px;height:28px;background:#383d32;color:#e6edd9;border-radius:50%;display:grid;place-items:center;margin-left:5px;font-size:11px}.exploration{flex:1 1;position:relative;min-height:0;overflow:hidden;background:radial-gradient(ellipse at 45% 48%,#242b231f,transparent 62%)}.canvas-heading{position:absolute;top:32px;left:34px;right:34px;z-index:5;pointer-events:none;display:flex;justify-content:space-between;align-items:center}.canvas-heading button{pointer-events:auto}.eyebrow{font-size:9px;font-weight:550;letter-spacing:1.8px;display:flex;gap:7px;align-items:center;color:#a4ab9d}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);flex-shrink:0}.canvas-heading h1{font-family:Manrope,sans-serif;font-size:29px;font-weight:500;letter-spacing:-1.1px;margin:13px 0 8px}.canvas-heading p{color:#858d85;font-size:12px;margin:0}.subtle-button{padding:10px 13px;background:#1c201c;border:1px solid #ffffff12;border-radius:7px;font-size:11px;color:#d2d9cb}.subtle-button:hover{background:#293126}.graph-region{position:absolute;inset:130px 292px 48px 10px}.react-flow{--xy-background-color:transparent!important;--xy-edge-stroke:#71776855;--xy-edge-stroke-width:1}.react-flow__attribution{background:transparent!important;font-size:8px;opacity:.45}.react-flow__node-song{padding:0;border:0;background:none}.react-flow__node:focus-visible{outline:1px solid var(--accent);outline-offset:8px;border-radius:8px}.song-node{width:144px;position:relative;display:flex;align-items:center;flex-direction:column;text-align:center;animation:node-enter .65s cubic-bezier(.2,.75,.3,1) both}.node-art{width:67px;height:67px;position:relative;margin:4px auto 10px;transition:transform .25s cubic-bezier(.2,.8,.3,1),filter .25s}.artwork{position:relative;isolation:isolate;aspect-ratio:1;border-radius:10px;background-color:#524c44;background-image:radial-gradient(ellipse at 50% 42%,#e9a772 0,#ac5d3655 24%,#292c31 70%);background-size:300% 300%;background-position:var(--art-x) var(--art-y);box-shadow:0 8px 24px #0004;overflow:hidden;width:100%;height:100%}.art-1{background-color:#667678}.art-2{background-color:#383b36}.art-3{background-color:#1f5874}.art-4{background-color:#555543}.art-5{background-color:#a34c35}.art-6{background-color:#765c87}.art-7{background-color:#859363}.art-8{background-color:#79546b}.song-node strong{font-size:11px;font-weight:550;line-height:17px;max-width:144px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.node-artist{font-size:9px;color:#94998f;margin-top:2px}.song-node.recommendation .node-art{opacity:.85}.song-node.explored .node-art,.song-node.seed .node-art{filter:saturate(.65);opacity:.64}.song-node.active .node-art{transform:scale(1.22);margin-bottom:19px}.song-node.active .node-art:before{content:"";position:absolute;inset:-6px;border:1px solid #dbedac90;border-radius:15px;box-shadow:0 0 40px #d6eaaa10}.song-node.active strong{color:var(--accent)}.song-node:hover .node-art{transform:translateY(-3px) scale(1.08);opacity:1}.song-node.active:hover .node-art{transform:scale(1.24)}.node-status{position:absolute;bottom:-7px;right:-7px;background:var(--accent);border-radius:50%;width:23px;height:23px;display:flex;gap:2px;align-items:center;justify-content:center;border:3px solid var(--bg)}.node-status i{width:2px;background:#35442a;height:6px}.node-status i:nth-child(2){height:10px}.seed-marker{letter-spacing:1.4px;margin-top:9px;color:#9aaa8b}.node-hint{position:absolute;top:145px;white-space:nowrap;padding:6px 9px;border:1px solid #ffffff0c;background:#242823;border-radius:5px;font-size:8px;color:#d7dfcf;opacity:0;pointer-events:none;transform:translateY(-5px);transition:.2s}.song-node:hover .node-hint{opacity:1;transform:translateY(0)}.react-flow__node-song>.react-flow__handle{opacity:0;pointer-events:none;top:39px;left:72px;right:auto;width:1px;height:1px;min-width:0;min-height:0}.react-flow__edge-path{transition:stroke .4s;animation:edge-enter .6s both}.path-edge .react-flow__edge-path{stroke:#c9dda58c;stroke-width:1.6}.candidate-edge .react-flow__edge-path{stroke:#abb99258}.quiet-edge .react-flow__edge-path{stroke:#89917f29}.graph-controls{position:absolute;bottom:15px;left:25px;z-index:5;background:#1e211eee;display:flex;align-items:center;border:1px solid #ffffff0a;border-radius:8px;padding:4px;gap:3px;box-shadow:0 8px 25px #0002}.graph-controls button{color:#c2cbb9;width:32px;height:30px;border-radius:5px}.graph-controls button:hover{background:#ffffff0b}.graph-controls>span{height:17px;width:1px;background:#ffffff15;margin:0 4px}.inspector{position:absolute;right:34px;top:169px;width:226px;background:linear-gradient(#20231f99,#1a1e191a);border:1px solid #ffffff08;border-radius:13px;padding:19px;z-index:6}.inspector>.eyebrow{justify-content:space-between;font-size:8px;margin-bottom:18px;letter-spacing:1.4px}.inspector>.artwork{width:100%;height:auto;aspect-ratio:1;border-radius:8px}.inspector h2{font-family:Manrope,sans-serif;font-size:21px;letter-spacing:-.6px;margin:19px 0 6px;font-weight:550}.inspector p{margin:0 0 9px;color:#bdc5b6;font-size:12px}.inspector small{font-size:10px;color:#899180}.inspector-rule{height:1px;background:#ffffff0c;margin:20px 0}.inspector .muted{font-size:11px;line-height:1.8;color:#818b7c}.canvas-footer{position:absolute;bottom:21px;left:35px;right:34px;display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#8a9383;pointer-events:none}.canvas-footer span{display:flex;align-items:center;gap:7px}.canvas-footer b{font-weight:400;color:#5e6758;margin:0 3px}.bottom-note{height:64px;flex-shrink:0;display:flex;align-items:center;gap:12px;padding:0 34px;background:#171a17;border-top:1px solid #ffffff09;color:#a7af9f;font-size:11px}.demo-label{font-size:8px;letter-spacing:1.7px;margin-left:auto;color:#8a9380}.start-card{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none;transform:translateX(110px)}.start-card button{pointer-events:auto}.start-card>.eyebrow{font-size:8px;margin-bottom:28px;color:#b6c6a1}.starter-art{width:145px;height:145px;position:relative;padding:0;transform:rotate(-7deg);box-shadow:0 0 90px #d5bb7612;margin-bottom:20px}.starter-art:after,.starter-art:before{content:"";position:absolute;inset:-38px;border:1px solid #9dad7420;border-radius:50%;z-index:-1}.starter-art:after{inset:-75px;border-style:dashed;opacity:.6}.starter-art>span{position:absolute;right:-10px;bottom:-10px;width:42px;height:42px;background:var(--accent);color:#303c26;display:grid;place-items:center;border-radius:50%;border:5px solid var(--bg)}.start-card h2{font-family:Manrope,sans-serif;font-size:25px;font-weight:500;letter-spacing:-.8px;margin:24px 0 0}.start-card p{font-size:12px;line-height:1.9;color:#949d8d;text-align:center;margin:12px 0 22px}.primary-button{background:var(--accent);color:#283421;padding:12px 20px;border-radius:7px;font-size:11px;font-weight:650}.primary-button:hover{background:#e7f7bf;color:#25341c;transform:translateY(-1px)}.start-card>small{color:#68765f;font-size:9px;margin-top:16px}.search-results{position:absolute;top:52px;left:0;right:0;background:#20231f;border:1px solid #ffffff12;border-radius:11px;box-shadow:0 24px 80px #0009;padding:9px;z-index:50}.search-results>.eyebrow{font-size:8px;padding:11px 8px 13px;letter-spacing:1.3px;justify-content:space-between}.search-results>.eyebrow>span{font-size:7px;color:#7f8b74}.search-results>button{width:100%;text-align:left;justify-content:flex-start;padding:8px;border-radius:6px;gap:11px}.search-results>button.highlighted,.search-results>button:hover{background:#dbeeab0b}.search-results .artwork{width:37px;height:37px;border-radius:5px;flex-shrink:0}.search-results button>span{flex:1 1;min-width:0;display:grid;gap:4px}.search-results strong{font-size:11px;font-weight:550;color:#e8eddf}.search-results small{font-size:9px;color:#939d87;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-results svg{color:#819170}.search-foot{font-size:8px;padding:12px 8px 5px;display:flex;justify-content:space-between;border-top:1px solid #ffffff09;margin-top:5px;color:#859378}.empty-copy{padding:18px;font-size:12px;line-height:1.7}.graph-region:has(.start-card){right:292px}@keyframes node-enter{0%{opacity:0;transform:translate(var(--from-x),var(--from-y)) scale(.25)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes edge-enter{0%{opacity:0;stroke-dasharray:1000;stroke-dashoffset:1000}to{opacity:1;stroke-dasharray:1000;stroke-dashoffset:0}}@media(min-width:1600px){.inspector{width:260px;right:44px;top:190px}.graph-region{right:335px}.canvas-heading{left:44px;top:42px}.canvas-heading h1{font-size:35px}.topbar{padding:0 44px}}@media(max-width:1050px){.topbar{gap:20px;padding:0 22px}.account-button>span:not(.avatar),.wordmark small,.wordmark span{display:none}.canvas-heading{left:24px;right:24px}.canvas-heading h1{font-size:25px}.graph-region{right:245px}.inspector{right:20px;width:205px}.canvas-footer>span:last-child{display:none}}@media(max-width:700px){.app-shell{min-height:520px}.rail{width:52px}.brand-mark{height:70px}.rail-button{width:36px;height:38px}.rail nav{margin-top:20px}.topbar{height:70px;padding:0 15px;gap:12px}.wordmark{font-size:20px}.search-wrap{width:auto;flex:1 1;padding:0 10px}.search-wrap input{font-size:11px}.account-button>svg,.search-wrap kbd{display:none}.account-button{padding:0}.avatar{width:25px;height:25px;margin:0}.canvas-heading{top:24px;left:20px;right:20px;align-items:start}.canvas-heading h1{font-size:21px;margin-top:10px}.canvas-heading .eyebrow{font-size:6px;letter-spacing:1.1px}.canvas-heading p{font-size:10px;max-width:190px;line-height:1.7}.canvas-heading .subtle-button{font-size:0;padding:7px;gap:0;margin-top:6px}.graph-region,.graph-region:has(.start-card){inset:120px 0 155px 0}.inspector{top:auto;left:18px;right:18px;bottom:42px;width:auto;height:90px;display:grid;grid-template-columns:60px 1fr;column-gap:14px;padding:14px}.inspector>.eyebrow,.inspector>.inspector-rule,.inspector>.muted,.inspector>small{display:none}.inspector>.artwork{grid-row:1/3;width:60px}.inspector h2{margin:4px 0 0;font-size:17px}.inspector p{font-size:11px}.canvas-footer{left:20px;bottom:17px}.bottom-note{height:51px;padding:0 18px;font-size:9px}.demo-label{font-size:6px;letter-spacing:1px}.start-card{transform:none;inset:-5px 0 -65px}.start-card>.eyebrow{font-size:6px;letter-spacing:1.2px;margin-bottom:25px}.starter-art{width:105px;height:105px}.start-card h2{font-size:19px;text-align:center;margin-top:12px}.start-card p{font-size:10px}.graph-controls{left:18px;bottom:5px}.search-results{position:fixed;left:62px;right:10px;top:64px}.start-card>small{font-size:8px}.starter-art:after{inset:-45px}.starter-art:before{inset:-22px}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.artwork{background-image:url(/album-atlas.jpg)}.inspector-hidden .graph-region{right:10px}.inspector-hidden .start-card{transform:none}.track-actions{display:flex;gap:8px;margin-top:21px}.track-actions .primary-button{flex:1 1;padding:11px 10px}.icon-action{width:30px;color:#a1ab94}.icon-action.is-on{color:var(--accent)}.inspector>.eyebrow button{padding:0;color:#8d9881}.external-links{display:grid;gap:14px}.external-links a{display:flex;gap:9px;align-items:center;color:#bfc8b4;font-size:10px}.external-links a>svg{margin-left:auto;color:#7e8e6d}.service-icon{display:grid;place-items:center;flex-shrink:0;width:21px;height:21px;border-radius:50%;background:#89a97222;color:#bce8a1}.service-icon.appleMusic{background:#f26c7d17;color:#ef939d;border-radius:5px}.inspector-caption{font-size:8px;line-height:1.7;color:#748269;margin-top:20px}.path-breadcrumb{position:absolute;top:139px;left:35px;right:300px;z-index:8;display:flex;gap:9px;overflow:auto;white-space:nowrap;scrollbar-width:none}.path-breadcrumb>span{display:flex;gap:9px;align-items:center}.path-breadcrumb button{font-size:9px;color:#86927b;padding:3px 0}.path-breadcrumb button.current{color:#cbdcba}.path-divider{font-size:10px;color:#49573e}.graph-message{position:absolute;bottom:73px;left:50%;transform:translateX(-50%);background:#20271df0;border-radius:7px;font-size:10px;line-height:1.6;color:#c1d0b1;z-index:10;display:flex;align-items:center;gap:7px;padding:8px 12px;max-width:400px;text-align:center}.graph-message:empty{display:none}.loading-dot{width:5px;height:5px;background:var(--accent);border-radius:50%;animation:pulse 1s infinite}.show-inspector{position:absolute;right:34px;top:156px;z-index:8}.mini-player{height:74px;flex-shrink:0;background:#191d18;border-top:1px solid #ffffff0d;gap:28px;padding:0 32px;z-index:9}.mini-player,.playing-track{display:flex;align-items:center}.playing-track{gap:12px;width:230px;min-width:0}.playing-track .artwork{width:40px;height:40px;border-radius:6px;flex-shrink:0}.playing-track>span{display:grid;gap:5px;min-width:0}.playing-track strong{font-size:11px;font-weight:550;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.playing-track small{font-size:9px;color:#8d9b80}.playback-controls{display:flex;align-items:center;justify-content:center;gap:14px;flex:1 1}.playback-controls>span{font-size:9px;color:#9caa8f;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.playback-controls input{width:min(260px,25vw);accent-color:var(--accent);height:3px;cursor:pointer}.play-button{width:32px;height:32px;border-radius:50%;background:var(--accent)}.play-button,.play-button:hover{color:#24331b}.player-end{display:flex;align-items:center;gap:15px;margin-left:auto;color:#95a584}.player-end .demo-label{white-space:nowrap}.library-dialog{width:500px;max-width:calc(100vw - 32px);max-height:85dvh;background:#1b2019;color:var(--text);border:1px solid #ffffff16;border-radius:17px;padding:28px;box-shadow:0 30px 100px #0009;overflow:auto}.library-dialog::backdrop{background:#050904aa;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.dialog-top{display:flex;align-items:center;justify-content:space-between}.dialog-top button{padding:0;color:#acb79f}.library-dialog h2{font-family:Manrope,sans-serif;font-size:26px;font-weight:500;letter-spacing:-.8px;margin:24px 0 10px}.dialog-description{font-size:12px;line-height:1.7;color:#9caa8e;margin-bottom:25px}.service-list{display:grid;margin:24px 0}.service-row{display:flex;align-items:center;gap:12px;padding:20px 0;border-bottom:1px solid #ffffff0c}.service-row>.service-icon{width:37px;height:37px}.service-row>span:nth-child(2){display:grid;gap:6px;flex:1 1}.service-row strong{font-size:12px;font-weight:500}.service-row small{font-size:9px;color:#98a589}.service-row button{font-size:10px;padding:10px}.demo-explanation{font-size:10px;line-height:1.9;color:#859578;margin:24px 0 4px}.provider-tabs{display:flex;gap:8px;margin-bottom:24px}.provider-tabs button{font-size:11px;padding:9px 14px;border-radius:6px;border:1px solid #ffffff0d;color:#9eae90}.provider-tabs button.selected{background:#dbeeab12;color:var(--accent);border-color:#dbeeab22}.panel-empty{display:flex;align-items:center;flex-direction:column;text-align:center;padding:20px 5px;color:#9dad8f}.panel-empty h3{font-size:16px;color:#d6e1ca;font-weight:500}.panel-empty p{font-size:11px;line-height:1.7}.panel-empty .primary-button{margin:18px}.panel-empty small{font-size:9px;color:#849774}.playlist-list{display:grid;gap:8px}.playlist-list>button{display:flex;gap:15px;text-align:left;padding:13px 5px;justify-content:flex-start}.playlist-list .artwork{width:75px;height:75px;border-radius:9px;flex-shrink:0}.playlist-list>button>span{display:grid;gap:7px;flex:1 1}.playlist-list strong{font-size:14px;font-weight:500}.playlist-list small{font-size:10px;color:#a3b096}.playlist-list small:last-child{font-size:8px;color:#849673}.track-list{display:grid}.track-list>button{justify-content:flex-start;text-align:left;padding:9px 6px;border-radius:6px;gap:12px}.playlist-list>button:hover,.track-list>button:hover{background:#dbeeab08}.track-list .artwork{width:38px;height:38px;border-radius:5px;flex-shrink:0}.track-list button>span{display:grid;gap:5px;flex:1 1}.track-list strong{font-size:11px;font-weight:500}.track-list small{font-size:9px;color:#97aa86}.track-list button>span.live-dot{flex:none;display:block}.back-button{font-size:10px;color:#b7cba4;margin-bottom:12px;padding:0}.section-label{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:1.5px;color:#a6b995;margin:25px 0 12px}.section-label>span{margin-left:auto;letter-spacing:0;font-size:9px}.history-path{font-size:10px;line-height:1.8;color:#b7cba4;background:#dbeeab08;border-radius:6px;padding:10px;margin-bottom:13px}.error-text{font-size:11px;color:#f6b891;line-height:1.7}@keyframes pulse{50%{opacity:.3}}@media(max-height:850px) and (min-width:701px){.inspector{top:160px;width:205px;padding:16px}.inspector>.artwork{width:130px;margin:auto}.inspector h2{font-size:19px;margin-top:14px}.inspector-caption{margin-top:12px}.inspector-rule{margin:15px 0}.track-actions{margin-top:16px}.graph-region{inset:164px 260px 48px 10px}}@media(max-width:1050px){.player-end .demo-label{display:none}.mini-player{padding:0 22px;gap:14px}.playing-track{width:190px}.playback-controls{gap:10px}.path-breadcrumb{right:240px;left:25px}}@media(max-width:700px){.inspector{grid-template-columns:52px 1fr auto;height:88px;gap:0 11px;padding:12px}.inspector>.artwork{width:52px;height:52px}.inspector h2{font-size:14px;align-self:end;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:130px}.inspector p{font-size:10px;align-self:center;margin:0}.inspector .track-actions{grid-column:3;grid-row:1/3;gap:4px;margin:0;align-self:center}.track-actions .primary-button{font-size:0;padding:9px;gap:0}.track-actions .icon-action{width:24px;padding:0}.inspector .external-links,.inspector .inspector-caption,.inspector>.eyebrow{display:none}.path-breadcrumb{top:134px;left:20px;right:18px}.graph-region{top:159px}.inspector-hidden .graph-region{right:0}.path-breadcrumb button{font-size:8px}.graph-message{bottom:137px;left:50%;max-width:80%;font-size:8px;white-space:normal}.mini-player{height:62px;padding:0 14px;gap:8px}.playing-track{width:125px;gap:7px}.playing-track .artwork{width:30px;height:30px}.playing-track strong{font-size:9px}.playing-track small{font-size:7px}.playback-controls{gap:9px;justify-content:flex-end}.playback-controls input,.playback-controls>button:first-child,.playback-controls>span,.player-end{display:none}.library-dialog{padding:22px;max-height:83dvh}.library-dialog h2{font-size:23px}.service-row button{font-size:9px;padding:9px}.service-row{gap:10px}.service-row>.service-icon{width:28px;height:28px}.show-inspector{right:20px;top:160px;font-size:9px}.graph-region:has(.start-card){top:120px}}.bottom-note,.mini-player{height:74px}@media(max-width:700px){.bottom-note,.mini-player{height:62px}.inspector{height:124px;grid-template-rows:28px 28px 1fr}.inspector .external-links{display:flex;grid-row:3;grid-column:1/-1;justify-content:space-between;align-items:center;padding-top:9px;margin-top:6px;border-top:1px solid #ffffff0c;gap:14px}.inspector .external-links a{font-size:9px;flex:1 1;gap:6px}.inspector .external-links .service-icon{width:16px;height:16px}.graph-region{bottom:191px}.inspector-hidden .graph-region{bottom:48px}.playback-controls input{display:block;width:85px}}.exploration{background:radial-gradient(ellipse at 44% 48%,#24302945,transparent 65%),#101513}.react-flow__background{opacity:.3}.song-node{animation:particle-appear .45s ease-out both}.node-art{width:58px;height:58px;margin:9px auto 12px}.node-art .artwork{border-radius:50%;box-shadow:0 0 0 1px #c6d8ad38,0 7px 26px #0008}.song-node strong{font-size:10px;font-weight:500;letter-spacing:.25px}.node-artist{font-size:8px;letter-spacing:.45px;color:#a6b49e}.song-node.active .node-art{transform:scale(1.25);margin-bottom:18px}.song-node.active .node-art:before{inset:-7px;border-radius:50%;border:1px solid #d1e9b66b;box-shadow:0 0 0 9px #c8dea808,0 0 44px #bfd59b20}.song-node.active .node-art:after{content:"";position:absolute;inset:-21px;border:1px dashed #bdd7a021;border-radius:50%;pointer-events:none}.song-node.recommendation .node-art{opacity:.94}.song-node.explored .node-art,.song-node.seed .node-art{opacity:.67;filter:saturate(.55)}.song-node:hover .node-art{transform:scale(1.13);filter:none}.song-node.active:hover .node-art{transform:scale(1.3)}.node-status{width:17px;height:17px;right:-2px;bottom:-2px;border-width:2px}.node-status i{height:4px;width:1px}.node-status i:nth-child(2){height:7px}.seed-marker{font-size:6px;letter-spacing:1.6px;opacity:.65;margin-top:8px}.node-hint{top:130px}.react-flow__node-song>.react-flow__handle{top:38px}.react-flow__edge-path{animation:filament-appear .65s ease-out both;stroke-linecap:round}.path-edge .react-flow__edge-path{stroke:#c4dba894;stroke-width:1.35}.candidate-edge .react-flow__edge-path{stroke:#9eb68f65;stroke-width:.85}.quiet-edge .react-flow__edge-path{stroke:#849f7940;stroke-width:.65}.inspector{background:linear-gradient(#1f292188,#18211b22);border-color:#b5c79c09;box-shadow:none}@keyframes particle-appear{0%{opacity:0;filter:blur(2px)}to{opacity:1;filter:blur(0)}}@keyframes filament-appear{0%{opacity:0}to{opacity:1}}.filament-clearance{stroke:#141b17;pointer-events:none;stroke-linecap:round}.candidate-edge .react-flow__edge-path{stroke:#aec69a8c;stroke-width:1.1}.quiet-edge .react-flow__edge-path{stroke:#849f7955;stroke-width:.8}.song-node.active .node-art:after{animation:orbit-breathe 6s ease-in-out infinite}@keyframes orbit-breathe{0%,to{transform:scale(.94);opacity:.4}50%{transform:scale(1.14);opacity:1}}.heading-actions{display:flex;gap:8px;pointer-events:auto}.start-seeds{display:flex;gap:18px;margin-bottom:8px}.start-seeds .starter-art{width:104px;height:104px;transform:none;margin:0}.start-seeds .starter-art small{position:absolute;left:0;right:0;bottom:-22px;font-size:8px;letter-spacing:.8px;color:#9aab8c}.genre-cross{font-size:7px;letter-spacing:.6px;color:#d7c48a;margin-top:6px}.react-flow{direction:ltr;--xy-edge-stroke-default:#b1b1b7;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#555;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:rgba(255,255,255,0.5);--xy-minimap-background-color-default:#fff;--xy-minimap-mask-background-color-default:rgba(240,240,240,0.6);--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#e2e2e2;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:transparent;--xy-background-pattern-dots-color-default:#91919a;--xy-background-pattern-lines-color-default:#eee;--xy-background-pattern-cross-color-default:#e2e2e2;background-color:var(--xy-background-color,var(--xy-background-color-default));--xy-node-color-default:inherit;--xy-node-border-default:1px solid #1a192b;--xy-node-background-color-default:#fff;--xy-node-group-background-color-default:rgba(240,240,240,0.25);--xy-node-boxshadow-hover-default:0 1px 4px 1px rgba(0,0,0,0.08);--xy-node-boxshadow-selected-default:0 0 0 0.5px #1a192b;--xy-node-border-radius-default:3px;--xy-handle-background-color-default:#1a192b;--xy-handle-border-color-default:#fff;--xy-selection-background-color-default:rgba(0,89,220,0.08);--xy-selection-border-default:1px dotted rgba(0,89,220,0.8);--xy-controls-button-background-color-default:#fefefe;--xy-controls-button-background-color-hover-default:#f4f4f4;--xy-controls-button-color-default:inherit;--xy-controls-button-color-hover-default:inherit;--xy-controls-button-border-color-default:#eee;--xy-controls-box-shadow-default:0 0 2px 1px rgba(0,0,0,0.08);--xy-edge-label-background-color-default:#ffffff;--xy-edge-label-color-default:inherit;--xy-resize-background-color-default:#3367d9}.react-flow.dark{--xy-edge-stroke-default:#3e3e3e;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#727272;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:rgba(150,150,150,0.25);--xy-minimap-background-color-default:#141414;--xy-minimap-mask-background-color-default:rgba(60,60,60,0.6);--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#2b2b2b;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:#141414;--xy-background-pattern-dots-color-default:#555;--xy-background-pattern-lines-color-default:#333;--xy-background-pattern-cross-color-default:#333;--xy-node-color-default:#f8f8f8;--xy-node-border-default:1px solid #3c3c3c;--xy-node-background-color-default:#1e1e1e;--xy-node-group-background-color-default:rgba(240,240,240,0.25);--xy-node-boxshadow-hover-default:0 1px 4px 1px rgba(255,255,255,0.08);--xy-node-boxshadow-selected-default:0 0 0 0.5px #999;--xy-handle-background-color-default:#bebebe;--xy-handle-border-color-default:#1e1e1e;--xy-selection-background-color-default:rgba(200,200,220,0.08);--xy-selection-border-default:1px dotted rgba(200,200,220,0.8);--xy-controls-button-background-color-default:#2b2b2b;--xy-controls-button-background-color-hover-default:#3e3e3e;--xy-controls-button-color-default:#f8f8f8;--xy-controls-button-color-hover-default:#fff;--xy-controls-button-border-color-default:#5b5b5b;--xy-controls-box-shadow-default:0 0 2px 1px rgba(0,0,0,0.08);--xy-edge-label-background-color-default:#141414;--xy-edge-label-color-default:#f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props,var(--xy-background-color,var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;touch-action:none}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width,var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke,var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width,var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path,.react-flow__edge.selected .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected,var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color,var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color,var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.bottom.center,.react-flow__panel.top.center{left:50%;transform:translateX(-15px) translateX(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color,var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{pointer-events:none}.react-flow__edgelabel-renderer,.react-flow__viewport-portal{position:absolute;width:100%;height:100%;-webkit-user-select:none;user-select:none;left:0;top:0}.react-flow__minimap{background:var(
    --xy-minimap-background-color-props,var(--xy-minimap-background-color,var(--xy-minimap-background-color-default))
  )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var(
      --xy-minimap-mask-background-color-props,var(--xy-minimap-mask-background-color,var(--xy-minimap-mask-background-color-default))
    );stroke:var(
      --xy-minimap-mask-stroke-color-props,var(--xy-minimap-mask-stroke-color,var(--xy-minimap-mask-stroke-color-default))
    );stroke-width:var(
      --xy-minimap-mask-stroke-width-props,var(--xy-minimap-mask-stroke-width,var(--xy-minimap-mask-stroke-width-default))
    )}.react-flow__minimap-node{fill:var(
      --xy-minimap-node-background-color-props,var(--xy-minimap-node-background-color,var(--xy-minimap-node-background-color-default))
    );stroke:var(
      --xy-minimap-node-stroke-color-props,var(--xy-minimap-node-stroke-color,var(--xy-minimap-node-stroke-color-default))
    );stroke-width:var(
      --xy-minimap-node-stroke-width-props,var(--xy-minimap-node-stroke-width,var(--xy-minimap-node-stroke-width-default))
    )}.react-flow__background-pattern.dots{fill:var(
      --xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-dots-color-default))
    )}.react-flow__background-pattern.lines{stroke:var(
      --xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-lines-color-default))
    )}.react-flow__background-pattern.cross{stroke:var(
      --xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-cross-color-default))
    )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow,var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color,var(--xy-controls-button-background-color-default));border-bottom:1px solid var(
        --xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default))
      );color:var(
      --xy-controls-button-color-props,var(--xy-controls-button-color,var(--xy-controls-button-color-default))
    );cursor:pointer;-webkit-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-group,.react-flow__node-input,.react-flow__node-output{padding:10px;border-radius:var(--xy-node-border-radius,var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color,var(--xy-node-color-default));text-align:center;border:var(--xy-node-border,var(--xy-node-border-default));background-color:var(--xy-node-background-color,var(--xy-node-background-color-default))}.react-flow__node-default.selectable:hover,.react-flow__node-group.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover,var(--xy-node-boxshadow-hover-default))}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected,var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color,var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color,var(--xy-selection-background-color-default));border:var(--xy-selection-border,var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var(
        --xy-controls-button-background-color-hover-props,var(--xy-controls-button-background-color-hover,var(--xy-controls-button-background-color-hover-default))
      );color:var(
        --xy-controls-button-color-hover-props,var(--xy-controls-button-color-hover,var(--xy-controls-button-color-hover-default))
      )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var(
        --xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default))
      )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.bottom,.react-flow__resize-control.top{cursor:ns-resize}.react-flow__resize-control.bottom.right,.react-flow__resize-control.top.left{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.bottom.left,.react-flow__resize-control.handle.top.left{left:0}.react-flow__resize-control.handle.bottom.right,.react-flow__resize-control.handle.top.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.bottom,.react-flow__resize-control.line.top{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color,var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color,var(--xy-edge-label-color-default))}