:root{--lily-bg: #faf7f0;--lily-ink: #2b2a27;--lily-ink-muted: #6b675e;--lily-node-fill: #fffdf8;--lily-node-stroke: rgba(43, 42, 39, .18);--lily-node-stroke-focus: rgba(43, 42, 39, .4);--lily-line: rgba(43, 42, 39, .12);--lily-line-strong: rgba(43, 42, 39, .26);--lily-line-faint: rgba(43, 42, 39, .07);--lily-font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--lily-radius-soft: 999px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--lily-bg);color:var(--lily-ink);font-family:var(--lily-font)}@media (prefers-reduced-motion: reduce){:root{--lily-reduced-motion: 1}}.app-shell{position:relative;width:100vw;height:100vh;height:100dvh;overflow:hidden}.map-canvas{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 60% at 50% 38%,#fffdf699,#fffdf600 70%)}.map-canvas svg{display:block;cursor:grab}.map-canvas svg:active{cursor:grabbing}.map-canvas--overflow:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 80% 80% at 50% 50%,#2b2a2700 55%,#2b2a271a);transition:opacity .6s ease}.frog-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.frog-layer canvas{display:block}.critters-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4}.critters-layer canvas{display:block}.rain-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.rain-layer canvas{display:block}.lily-link{stroke:var(--lily-line);stroke-linecap:round;fill:none;opacity:1;transition:stroke .6s ease,opacity .8s ease}.lily-link--serendipity,.lily-link--influence,.lily-link--credit,.lily-link--lineage{stroke:var(--lily-line-strong)}.lily-link--recedes{opacity:.35}.lily-link--similarity{stroke:var(--lily-line-faint)}.lily-node--recedes{opacity:.35!important;transition:opacity .4s ease}.lily-node{cursor:pointer;outline:none}.lily-node:focus-visible .lily-node-scale path{stroke:var(--lily-ink)}.lily-node-scale{transform-box:fill-box;transform-origin:center;transition:transform .5s cubic-bezier(.22,1,.36,1),filter .5s cubic-bezier(.22,1,.36,1);filter:drop-shadow(0 2px 3px rgba(43,42,39,.1))}.lily-node-scale--focus{transform:scale(1.15);filter:drop-shadow(0 5px 10px rgba(43,42,39,.16))}@keyframes lily-node-breathe{0%,to{transform:scale(1.15);filter:drop-shadow(0 5px 10px rgba(43,42,39,.16))}50%{transform:scale(1.22);filter:drop-shadow(0 8px 15px rgba(43,42,39,.22))}}.lily-node-scale--playing{animation:lily-node-breathe 2.8s cubic-bezier(.45,0,.55,1) infinite}.lily-node-scale--audio-reactive{animation:none;transform:scale(calc(1.15 + var(--lily-audio-boost, 0)));transition:filter .5s cubic-bezier(.22,1,.36,1)}.lily-node-sheen{stroke:none}.lily-node-play-target{fill:transparent;cursor:pointer}.lily-node-title{font-family:var(--lily-font);font-size:12px;fill:var(--lily-ink);pointer-events:none;-webkit-user-select:none;user-select:none}.lily-node-artist{font-family:var(--lily-font);font-size:10.5px;fill:var(--lily-ink-muted);pointer-events:none;-webkit-user-select:none;user-select:none}.lily-node-year{font-family:var(--lily-font);font-size:9.5px;fill:var(--lily-ink-muted);opacity:.7;pointer-events:none;-webkit-user-select:none;user-select:none}.lily-node{animation:lily-node-enter .7s ease-out both}@keyframes lily-node-enter{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.lily-node{animation:none}.lily-node-scale,.lily-link{transition:none}.lily-node-scale--playing{animation:none;filter:drop-shadow(0 8px 15px rgba(43,42,39,.22))}.lily-node-scale--audio-reactive{transform:scale(1.15);filter:drop-shadow(0 8px 15px rgba(43,42,39,.22))}}.onboarding-hint{margin:0;width:min(320px,80vw);text-align:center;font-family:var(--lily-font);font-size:13px;color:var(--lily-ink-muted);pointer-events:none;animation:lily-node-enter 1.2s ease-out both;animation-delay:.3s}@media (prefers-reduced-motion: reduce){.onboarding-hint{animation:none}}.discover-bubble{width:40px;height:40px;border-radius:var(--lily-radius-soft);background:var(--lily-node-fill);border:1px solid var(--lily-node-stroke);box-shadow:0 5px 10px #2b2a2729;cursor:pointer;padding:0;animation:lily-node-enter 1.2s ease-out both,lily-discover-breathe 3.4s cubic-bezier(.45,0,.55,1) infinite;animation-delay:.5s,0s}.discover-bubble:hover{border-color:var(--lily-node-stroke-focus)}@keyframes lily-discover-breathe{0%,to{transform:scale(1);box-shadow:0 5px 10px #2b2a2729}50%{transform:scale(1.08);box-shadow:0 7px 14px #2b2a2733}}@media (prefers-reduced-motion: reduce){.discover-bubble{animation:none}}.top-cluster{position:absolute;top:28px;left:50%;transform:translate(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:12px}.top-cluster-row{display:flex;flex-direction:row;align-items:center;gap:10px}.search-bar{width:min(360px,80vw);display:flex;flex-direction:column;align-items:stretch}.search-bar-row{position:relative;display:flex;flex-direction:column}.search-input{width:100%;height:40px;box-sizing:border-box;font-family:var(--lily-font);font-size:14px;padding:0 16px;border-radius:var(--lily-radius-soft);border:1px solid var(--lily-node-stroke);background:var(--lily-node-fill);color:var(--lily-ink);outline:none}.search-input:focus{border-color:var(--lily-ink-muted)}.search-results{list-style:none;margin:8px 0 0;padding:6px;background:var(--lily-node-fill);border:1px solid var(--lily-node-stroke);border-radius:14px;overflow:hidden}.search-results li+li{border-top:1px solid var(--lily-line)}.search-results button{width:100%;display:flex;justify-content:space-between;gap:12px;background:none;border:none;padding:8px 10px;font-family:var(--lily-font);text-align:left;cursor:pointer;border-radius:8px}.search-results button:hover,.search-results button:focus-visible{background:#2b2a270d}.search-title{color:var(--lily-ink);font-size:13px}.search-artist{color:var(--lily-ink-muted);font-size:12px}.search-input--collapsed{height:0;padding:0;border-width:0;opacity:0;pointer-events:none}.search-bar-nowplaying{position:relative;width:100%;height:40px;box-sizing:border-box;display:flex;align-items:center;gap:10px;padding:0 16px;background:var(--lily-node-fill);border:1px solid var(--lily-node-stroke);border-radius:var(--lily-radius-soft);cursor:pointer;overflow:hidden}.search-bar-nowplaying:hover{border-color:var(--lily-ink-muted)}@keyframes now-playing-via-fade{0%{opacity:0;transform:translate(-50%,4px)}10%,70%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%)}}.now-playing-via-toast{position:absolute;bottom:100%;margin-bottom:8px;left:50%;max-width:min(420px,84vw);padding:0 4px;font-family:var(--lily-font);font-size:11px;color:var(--lily-ink-muted);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;animation:now-playing-via-fade 5s ease both}.now-playing-via-toast.now-playing-via--strong{color:var(--lily-ink)}@media (prefers-reduced-motion: reduce){.now-playing-via-toast{animation:none;opacity:1;transform:translate(-50%)}}.now-playing-portrait{flex:none;width:28px;height:28px;border-radius:50%;object-fit:cover}.now-playing-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--lily-font);font-size:13px}.now-playing-title{color:var(--lily-ink)}.now-playing-sep,.now-playing-artist{color:var(--lily-ink-muted)}.now-playing-hint{flex:none;font-family:var(--lily-font);font-size:10.5px;color:var(--lily-ink-muted)}.now-playing-like{flex:none;width:28px;height:28px;border-radius:50%;border:1px solid var(--lily-node-stroke);background:var(--lily-node-fill);color:var(--lily-ink-muted);font-size:13px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.now-playing-like:hover{border-color:var(--lily-ink-muted)}.now-playing-progress{position:absolute;left:0;bottom:0;height:2px;background:var(--lily-ink-muted);transition:width .15s linear}.now-playing-like--active{color:var(--lily-ink);border-color:var(--lily-node-stroke-focus)}.liked-panel{position:absolute;top:28px;right:28px;z-index:10;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.liked-toggle{font-family:var(--lily-font);font-size:13px;padding:8px 14px;border-radius:var(--lily-radius-soft);border:1px solid var(--lily-node-stroke);background:var(--lily-node-fill);color:var(--lily-ink);cursor:pointer}.liked-toggle:hover{border-color:var(--lily-ink-muted)}.liked-list{width:min(280px,80vw);max-height:60vh;overflow-y:auto;padding:10px;background:var(--lily-node-fill);border:1px solid var(--lily-node-stroke);border-radius:14px;box-shadow:0 8px 24px #2b2a2714}.liked-empty{margin:4px 6px;font-family:var(--lily-font);font-size:12.5px;color:var(--lily-ink-muted)}.liked-list ul{list-style:none;margin:0;padding:0}.liked-list li{display:flex;flex-direction:column;gap:3px;padding:6px;font-family:var(--lily-font);font-size:12.5px;color:var(--lily-ink)}.liked-list li+li{border-top:1px solid var(--lily-line)}.liked-list-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.liked-list-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.liked-list-external{display:flex;gap:10px}.liked-list-external a{font-size:11px;color:var(--lily-ink-muted);text-decoration:none;opacity:.75}.liked-list-external a:hover{color:var(--lily-ink);opacity:1;text-decoration:underline}.liked-list li button{flex:none;border:none;background:none;color:var(--lily-ink-muted);cursor:pointer;font-size:15px;line-height:1;padding:10px 8px;margin:-10px -8px}.traverse-button{height:40px;padding:0 16px;font-family:var(--lily-font);font-size:13px;color:var(--lily-ink);background:var(--lily-node-fill);border:1px solid var(--lily-node-stroke);border-radius:var(--lily-radius-soft);box-shadow:0 5px 10px #2b2a271f;cursor:pointer;white-space:nowrap}.traverse-button:hover{border-color:var(--lily-node-stroke-focus)}.river{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;overflow:hidden;background:radial-gradient(ellipse at 50% 55%,#fffdf8e6,#faf7f0 70%),var(--lily-bg);animation:river-in .7s ease-out both}@keyframes river-in{0%{opacity:0}}.river-scroll{position:absolute;top:0;right:0;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.river-canvas{position:relative;width:100%}.river-svg{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.river-line{fill:none;stroke:var(--lily-line-strong);stroke-width:1.4;stroke-linecap:round;stroke-dasharray:1 9}.river-line--crossed{stroke:#2b2a2780;stroke-width:1.8;stroke-dasharray:none}.river-pad{cursor:pointer;outline:none}.river-pad:focus-visible .lily-node-shape{stroke:var(--lily-ink);stroke-width:2}.river-pad--reveal{animation:river-fade-in 1.1s ease-out both}@keyframes river-fade-in{0%{opacity:0}}.river-ripple{fill:none;stroke:var(--lily-line-strong);stroke-width:1;transform-box:fill-box;transform-origin:center;animation:river-ripple 3.2s ease-out infinite}.river-ripple--late{animation-delay:1.6s}@keyframes river-ripple{0%{transform:scale(1);opacity:.7}to{transform:scale(3.4);opacity:0}}.river-label{position:absolute;display:flex;flex-direction:column;gap:1px;pointer-events:none;font-family:var(--lily-font);text-shadow:0 0 6px var(--lily-bg),0 0 6px var(--lily-bg)}.river-label--below{align-items:center;text-align:center;transform:translate(-50%,36px)}.river-label--right{align-items:flex-start;text-align:left;transform:translate(40px,-50%)}.river-label--left{align-items:flex-end;text-align:right;transform:translate(calc(-100% - 40px),-50%)}.river-label--reveal,.river-why--reveal{animation:river-fade-in 1s ease-out both}.river-label-title{font-size:12.5px;color:var(--lily-ink);line-height:1.25}.river-label-artist,.river-label-year{font-size:11.5px;color:var(--lily-ink-muted);line-height:1.25}.river-label-year{font-size:10.5px;opacity:.75}.river-label--active .river-label-title{font-weight:600}.river-why{position:absolute;transform:translate(-50%,-50%);text-align:center;font-family:var(--lily-font);font-size:10.5px;font-style:italic;line-height:1.3;color:var(--lily-ink-muted);text-shadow:0 0 6px var(--lily-bg),0 0 6px var(--lily-bg);pointer-events:auto}.river-why--documented,.river-why--curated{color:var(--lily-ink)}.river-why--fallback{opacity:.55}.river-why--incoming{font-weight:600}.river-status{position:absolute;left:50%;bottom:12%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font-family:var(--lily-font)}.river-status-line{margin:0;font-size:15px;color:var(--lily-ink)}.river-status-detail{margin:0 0 10px;font-size:12px;color:var(--lily-ink-muted)}.river-controls{position:absolute;left:0;right:0;bottom:0;padding:30px 12px 40px;display:flex;flex-direction:column;align-items:center;gap:10px;font-family:var(--lily-font);background:linear-gradient(to top,var(--lily-bg) 60%,rgba(250,247,240,0));pointer-events:none}.river-controls>*{max-width:720px;pointer-events:auto}.river-reason{margin:0;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;animation:river-fade-in .6s ease-out both}.river-reason-text{font-size:14px;color:var(--lily-ink)}.river-reason-source{font-size:11px;color:var(--lily-ink-muted);letter-spacing:.02em}.river-notice{margin:0;font-size:12.5px;color:var(--lily-ink-muted);text-align:center}.river-controls-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px}.river-count{font-size:12px;color:var(--lily-ink-muted);padding:0 4px}.river-btn{font-family:var(--lily-font);font-size:12.5px;padding:8px 14px;min-height:36px;color:var(--lily-ink);background:var(--lily-node-fill);border:1px solid var(--lily-node-stroke);border-radius:var(--lily-radius-soft);cursor:pointer}.river-btn:hover:not(:disabled){border-color:var(--lily-node-stroke-focus)}.river-btn:disabled{opacity:.4;cursor:default}.river-btn--primary{border-color:var(--lily-node-stroke-focus);box-shadow:0 4px 9px #2b2a271f}.river-btn--quiet{background:none;border-color:transparent;color:var(--lily-ink-muted)}.river-btn--quiet:hover:not(:disabled){color:var(--lily-ink);border-color:var(--lily-node-stroke)}.river-summary,.traversal-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(560px,92vw);max-height:80vh;overflow-y:auto;padding:22px 24px;background:var(--lily-node-fill);border:1px solid var(--lily-node-stroke);border-radius:18px;box-shadow:0 12px 34px #2b2a2729;font-family:var(--lily-font);color:var(--lily-ink);animation:river-fade-in .5s ease-out both}.traversal-panel{z-index:9}.river-summary{z-index:3}.river-summary-title,.traversal-title{margin:0 0 6px;font-size:17px;font-weight:600;line-height:1.3}.river-summary-facts,.traversal-lede{margin:0 0 12px;font-size:12.5px;color:var(--lily-ink-muted)}.traversal-body{margin:0 0 12px;font-size:13.5px;line-height:1.5;color:var(--lily-ink-muted)}.river-summary-list{margin:0 0 16px;padding-left:20px;font-size:13px;line-height:1.45}.river-summary-list li{margin-bottom:8px}.river-summary-song{display:block}.river-summary-artist{color:var(--lily-ink-muted)}.river-summary-why{display:block;font-size:12px;font-style:italic;color:var(--lily-ink-muted)}.river-summary-actions,.traversal-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.traversal-poles{display:flex;flex-direction:column;gap:6px}.pole{display:flex;flex-direction:column;gap:4px}.pole-label{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--lily-ink-muted)}.pole-input{font-family:var(--lily-font);font-size:14px;padding:10px 14px;color:var(--lily-ink);background:var(--lily-bg);border:1px solid var(--lily-node-stroke);border-radius:12px;outline:none}.pole-input:focus{border-color:var(--lily-node-stroke-focus)}.pole-results{list-style:none;margin:0;padding:4px;background:var(--lily-bg);border:1px solid var(--lily-node-stroke);border-radius:12px}.pole-results li+li{border-top:1px solid var(--lily-line)}.pole-results button{width:100%;display:flex;justify-content:space-between;gap:12px;background:none;border:none;padding:8px 10px;font-family:var(--lily-font);text-align:left;cursor:pointer;border-radius:8px}.pole-results button:hover,.pole-results button:focus-visible{background:#2b2a270d}.pole-chosen{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;background:var(--lily-bg);border:1px solid var(--lily-node-stroke);border-radius:12px}.pole-chosen-text{display:flex;flex-direction:column;min-width:0}.pole-chosen-title{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pole-chosen-artist{font-size:12px;color:var(--lily-ink-muted)}.pole-clear,.pole-swap{background:none;border:none;color:var(--lily-ink-muted);cursor:pointer;font-size:14px;padding:4px 8px}.pole-swap{align-self:center;font-size:18px}.pole-clear:hover,.pole-swap:hover:not(:disabled){color:var(--lily-ink)}.pole-swap:disabled{opacity:.3;cursor:default}.traversal-recent{margin-top:18px;padding-top:12px;border-top:1px solid var(--lily-line)}.traversal-recent ul{list-style:none;margin:6px 0 0;padding:0}.traversal-recent button{background:none;border:none;padding:4px 0;font-family:var(--lily-font);font-size:13px;color:var(--lily-ink);cursor:pointer;text-align:left}.traversal-recent button:hover{text-decoration:underline}@media (max-width: 560px){.search-bar{width:calc(100vw - 132px)}.traverse-button{width:40px;padding:0}.traverse-label{display:none}.traverse-glyph{font-size:18px}.liked-panel{top:80px;right:12px}.river~.privacy-note,.river~.support-link,.river~.about-panel,.river~.visit-counter,.traversal-panel~.privacy-note,.traversal-panel~.support-link,.traversal-panel~.about-panel{display:none}.river-controls{padding-bottom:20px}}@media (prefers-reduced-motion: reduce){.river,.river-pad--reveal,.river-label--reveal,.river-why--reveal,.river-reason,.river-summary,.traversal-panel{animation:none}.river-ripple{animation:none;opacity:.4}}.liked-list li button:hover{color:var(--lily-ink)}.liked-actions{display:flex;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid var(--lily-line)}.liked-actions button{flex:1;font-family:var(--lily-font);font-size:12px;padding:6px 10px;border-radius:8px;border:1px solid var(--lily-node-stroke);background:var(--lily-node-fill);color:var(--lily-ink);cursor:pointer}.liked-actions button:hover{border-color:var(--lily-ink-muted)}.support-link{position:absolute;bottom:28px;left:28px;z-index:10;font-family:var(--lily-font);font-size:12.5px;color:var(--lily-ink-muted);text-decoration:none;opacity:.75}.support-link:hover{color:var(--lily-ink);opacity:1}.about-panel{position:absolute;bottom:58px;left:28px;z-index:10}.about-toggle{font-family:var(--lily-font);font-size:12.5px;padding:0;border:none;background:none;color:var(--lily-ink-muted);cursor:pointer;opacity:.75}.about-toggle:hover,.about-toggle[aria-expanded=true]{color:var(--lily-ink);opacity:1}.about-body{position:absolute;bottom:100%;left:0;margin-bottom:10px;width:min(280px,78vw);padding:14px 16px;background:var(--lily-node-fill);border:1px solid var(--lily-node-stroke);border-radius:14px;box-shadow:0 8px 24px #2b2a2714;font-family:var(--lily-font);font-size:12.5px;line-height:1.5;color:var(--lily-ink-muted)}.about-body p{margin:0}.about-body p+p{margin-top:10px}@media (max-width: 480px){.support-link{bottom:100px}}@media (max-width: 480px){.about-panel{bottom:130px}}.visit-counter{position:absolute;top:28px;left:28px;z-index:9;padding:4px 10px;border:1px solid var(--lily-node-stroke);border-radius:6px;background:var(--lily-node-fill);font-family:Courier New,ui-monospace,monospace;font-variant-numeric:tabular-nums;font-size:11px;letter-spacing:.03em;color:var(--lily-ink-muted);pointer-events:none}@media (max-width: 480px){.visit-counter{display:none}}.privacy-note{position:absolute;bottom:28px;right:28px;z-index:9;max-width:min(240px,60vw);padding:9px 13px;border-radius:6px;background:var(--lily-ink);color:#faf7f0e0;font-family:var(--lily-font);font-size:12.5px;font-style:italic;line-height:1.4;text-align:right;pointer-events:none;transform:rotate(-1deg)}.privacy-note span{display:inline-block;transition:opacity .4s ease}@media (max-width: 480px){.privacy-note{bottom:100px}}.lily-node--dimmed{opacity:.24!important;transition:opacity .4s ease}.filter-panel{display:flex;flex-direction:column;align-items:center;gap:8px}.filter-toggle{font-family:var(--lily-font);font-size:12.5px;padding:6px 12px;border-radius:var(--lily-radius-soft);border:1px solid var(--lily-node-stroke);background:var(--lily-node-fill);color:var(--lily-ink-muted);cursor:pointer;opacity:.8}.filter-toggle:hover{border-color:var(--lily-ink-muted);opacity:1}.filter-toggle--active{color:var(--lily-ink);border-color:var(--lily-node-stroke-focus);opacity:1}.filter-body{width:200px;padding:12px;background:var(--lily-node-fill);border:1px solid var(--lily-node-stroke);border-radius:14px;box-shadow:0 8px 24px #2b2a2714;display:flex;flex-direction:column;gap:10px}.filter-row{display:flex;flex-direction:column;gap:4px;font-family:var(--lily-font);font-size:12px;color:var(--lily-ink-muted)}.filter-row select,.filter-row input[type=range]{width:100%}.filter-row select{font-family:var(--lily-font);font-size:12.5px;padding:5px 8px;border-radius:8px;border:1px solid var(--lily-node-stroke);background:var(--lily-node-fill);color:var(--lily-ink)}.filter-reset{align-self:flex-start;font-family:var(--lily-font);font-size:11.5px;color:var(--lily-ink-muted);background:none;border:none;cursor:pointer;padding:0;text-decoration:underline}.filter-reset:hover{color:var(--lily-ink)}