: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-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}.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{stroke:var(--lily-line-strong)}.lily-link--recedes{opacity:.35}.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))}.lily-node-sheen{stroke:none}.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{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}}.onboarding-hint{position:absolute;top:92px;left:50%;transform:translate(-50%);z-index:9;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}}.search-bar{position:absolute;top:28px;left:50%;transform:translate(-50%);z-index:10;width:min(360px,80vw);display:flex;flex-direction:column;align-items:stretch}.search-input{font-family:var(--lily-font);font-size:14px;padding:10px 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}.now-playing{position:absolute;bottom:28px;left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;gap:12px;padding:10px 18px 10px 10px;min-width:280px;max-width:min(420px,84vw);background:var(--lily-node-fill);border:1px solid var(--lily-node-stroke);border-radius:var(--lily-radius-soft);box-shadow:0 8px 24px #2b2a2714}.now-playing-toggle{flex:none;width:40px;height:40px;border-radius:50%;border:1px solid var(--lily-node-stroke);background:var(--lily-node-fill);color:var(--lily-ink);font-size:13px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.now-playing-toggle:hover:not(:disabled){border-color:var(--lily-ink-muted)}.now-playing-toggle:disabled{color:var(--lily-ink-muted);cursor:default}.now-playing-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.now-playing-title{font-family:var(--lily-font);font-size:13px;color:var(--lily-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-playing-artist{font-family:var(--lily-font);font-size:11.5px;color:var(--lily-ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-playing-bar{flex:none;width:48px;height:3px;border-radius:2px;background:var(--lily-line);overflow:hidden}.now-playing-bar-fill{height:100%;background:var(--lily-ink-muted);transition:width .15s linear}.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:38px;height:38px;border-radius:50%;border:1px solid var(--lily-node-stroke);background:var(--lily-node-fill);color:var(--lily-ink-muted);font-size:14px;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-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;align-items:center;justify-content:space-between;gap:8px;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 li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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}.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)}