:root{--bg: #07080f;--bg-soft: #0d1020;--panel: rgba(16, 19, 36, .72);--panel-border: rgba(140, 150, 200, .14);--ink: #eef0f8;--ink-dim: #9aa0c0;--ink-faint: #5b6088;--accent: #ffb454;--radius: 14px;--shadow: 0 18px 50px rgba(0, 0, 0, .55)}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden}#app{position:fixed;inset:0}#app:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 120% at 50% 40%,transparent 55%,rgba(0,0,0,.55) 100%);z-index:2}.galaxy-root{position:absolute;inset:0;z-index:1;background:radial-gradient(80% 80% at 70% 20%,rgba(60,50,120,.22),transparent 60%),radial-gradient(70% 70% at 20% 80%,rgba(20,80,110,.18),transparent 60%),var(--bg)}.topbar{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;justify-content:space-between;align-items:flex-start;padding:20px 26px;pointer-events:none}.brand h1{margin:0;font-family:Fraunces,Georgia,serif;font-weight:600;font-size:27px;letter-spacing:.2px;background:linear-gradient(95deg,#fff 10%,var(--accent) 90%);-webkit-background-clip:text;background-clip:text;color:transparent}.brand p{margin:2px 0 0;font-size:12.5px;color:var(--ink-dim);letter-spacing:.3px}.hints{display:flex;gap:14px;font-size:11.5px;color:var(--ink-faint)}.hints kbd{font-family:JetBrains Mono,monospace;font-size:10.5px;color:var(--ink-dim);background:#ffffff0d;border:1px solid var(--panel-border);border-radius:5px;padding:1px 5px;margin-right:4px}.spine{position:absolute;z-index:6;top:78px;left:26px;width:340px;max-height:calc(100vh - 180px);overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:18px;background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow);scrollbar-width:thin;scrollbar-color:var(--ink-faint) transparent}.section-label{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:1.4px;color:var(--ink-faint);margin-bottom:9px}.spectrum-ends{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.6px;color:var(--ink-faint);margin-bottom:6px}.spectrum-stops{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;position:relative}.spectrum-stops:before{content:"";position:absolute;left:8%;right:8%;top:50%;height:2px;background:linear-gradient(90deg,#5b6cff,#ffb454,#ff5b7f);opacity:.4;border-radius:2px}.stop{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:9px 8px;border-radius:10px;border:1px solid var(--panel-border);background:#0a0c18d9;color:var(--ink-dim);cursor:pointer;text-align:center;transition:border-color .15s,color .15s,transform .12s}.stop:hover{transform:translateY(-1px);color:var(--ink)}.stop.active{border-color:var(--accent);color:var(--ink);box-shadow:0 0 0 1px var(--accent),0 6px 18px #ffb4542e}.stop-name{font-size:12.5px;font-weight:600}.stop-tag{font-size:9.5px;color:var(--ink-faint);line-height:1.2}.search{position:relative}.search-modes{display:flex;gap:4px;margin-bottom:8px;padding:3px;background:#0a0c18b3;border:1px solid var(--panel-border);border-radius:10px}.search-mode{flex:1;padding:6px 8px;font-family:inherit;font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--ink-faint);background:transparent;border:0;border-radius:7px;cursor:pointer;transition:color .15s,background .15s}.search-mode:hover{color:var(--ink)}.search-mode.active{color:#1a1205;background:var(--accent)}.search-input{width:100%;padding:11px 13px;font-size:14px;font-family:inherit;color:var(--ink);background:#0a0c18e6;border:1px solid var(--panel-border);border-radius:10px;outline:none;transition:border-color .15s}.search-input:focus{border-color:var(--accent)}.search-input::placeholder{color:var(--ink-faint)}.search-results{position:absolute;z-index:9;top:calc(100% + 6px);left:0;right:0;margin:0;padding:5px;list-style:none;max-height:260px;overflow-y:auto;background:#0c0f1e;border:1px solid var(--panel-border);border-radius:10px;box-shadow:var(--shadow)}.search-result,.search-empty{padding:8px 10px;font-size:13px;border-radius:7px;cursor:pointer;text-transform:capitalize}.search-empty{color:var(--ink-faint);cursor:default}.search-suggest-header{padding:8px 10px 4px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint);cursor:default}.search-result:hover{background:#ffb45424}.search-result.disabled{color:var(--ink-faint);cursor:default;opacity:.6}.search-result.disabled:hover{background:transparent}.recipe-count{display:inline-block;margin-top:4px;font-size:12px;color:var(--accent)}.detail{display:flex;flex-direction:column;gap:12px}.hint{margin:0;font-size:13px;line-height:1.55;color:var(--ink-dim)}.detail-head{display:flex;gap:14px;align-items:flex-start}.detail-head-text{min-width:0}.photo{position:relative;flex:0 0 auto;width:78px;height:78px;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#1a1e36,#11132440);border:1px solid var(--panel-border)}.photo-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:Fraunces,Georgia,serif;font-size:30px;color:var(--ink-faint)}.photo-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease}.photo.has-img .photo-img{opacity:1}.photo-cap{position:absolute;left:0;right:0;bottom:0;padding:2px 0;font-size:8.5px;text-align:center;background:#0000008c;opacity:0;transition:opacity .2s}.photo.has-img:hover .photo-cap{opacity:1}.photo-cap a{color:#cfd3ee;text-decoration:none}.photo.loading:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.08) 50%,transparent 70%);background-size:200% 100%;animation:shimmer 1.2s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.detail-name{margin:0;font-family:Fraunces,Georgia,serif;font-size:21px;line-height:1.15;font-weight:600;text-transform:capitalize;overflow-wrap:anywhere}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.chip{display:inline-flex;align-items:center;gap:6px;font-size:11px;padding:4px 9px;border-radius:999px;background:#ffffff0d;border:1px solid var(--panel-border);color:var(--ink-dim)}.chip-dot{width:8px;height:8px;border-radius:50%;background:var(--chip, var(--accent))}.neighbors-heading{font-size:11px;letter-spacing:.4px;color:var(--ink-faint);text-transform:uppercase}.neighbors-heading strong{color:var(--accent)}.neighbors{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.neighbor{display:grid;grid-template-columns:1fr 70px 34px;align-items:center;gap:9px;padding:6px 8px;border-radius:8px;cursor:pointer;transition:background .12s}.neighbor:hover{background:#ffffff0f}.nb-name{font-size:13px;text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nb-bar{height:5px;border-radius:3px;background:#ffffff14;overflow:hidden}.nb-fill{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#5b6cff,var(--accent))}.nb-score{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--ink-dim);text-align:right}.legend{border-top:1px solid var(--panel-border);padding-top:14px;display:flex;flex-direction:column;gap:9px}.legend-title{font-size:10.5px;text-transform:uppercase;letter-spacing:1.4px;color:var(--ink-faint)}.legend-tabs{display:flex;gap:5px}.legend-tab{flex:1;padding:6px 4px;font-size:11px;font-family:inherit;color:var(--ink-dim);background:#0a0c18cc;border:1px solid var(--panel-border);border-radius:8px;cursor:pointer;transition:color .15s,border-color .15s}.legend-tab:hover{color:var(--ink)}.legend-tab.active{color:var(--ink);border-color:var(--accent)}.legend-swatches{display:flex;flex-wrap:wrap;gap:6px 12px}.swatch{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--ink-dim)}.swatch-dot{width:9px;height:9px;border-radius:50%}.map-note{margin:0;padding-top:14px;border-top:1px solid var(--panel-border);font-size:11.5px;line-height:1.55;color:var(--ink-faint)}.map-note strong{color:var(--ink-dim);font-weight:600}.hover-card{position:absolute;z-index:20;display:flex;align-items:center;gap:9px;max-width:220px;padding:7px 12px 7px 7px;background:#0c0f1ceb;border:1px solid var(--panel-border);border-radius:10px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow);pointer-events:none}.hover-card[hidden]{display:none}.hover-thumb{position:relative;flex:0 0 auto;width:38px;height:38px;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,#1a1e36,#1113244d)}.hover-thumb-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:Fraunces,Georgia,serif;font-size:16px;color:var(--ink-faint)}.hover-thumb-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .2s}.hover-thumb.has-img .hover-thumb-img{opacity:1}.hover-name{font-size:13px;font-weight:600;color:var(--ink);text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attribution{position:absolute;z-index:5;bottom:14px;right:18px;max-width:46ch;text-align:right;font-size:11px;line-height:1.5;color:var(--ink-faint)}.attribution a{color:var(--ink-dim);text-decoration:none;border-bottom:1px solid var(--ink-faint)}.attribution a:hover{color:var(--accent);border-color:var(--accent)}.loading,.error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:var(--ink-dim);font-size:14px}.error{color:#f88;padding:0 24px;text-align:center}.loading-orb{width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--accent),#5b6cff 70%);box-shadow:0 0 40px #ffb45459;animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(.82);opacity:.7}50%{transform:scale(1.05);opacity:1}}@media(max-width:720px){.spine{width:auto;left:12px;right:12px;top:70px;max-height:56vh}.hints{display:none}.attribution{left:12px;right:12px;max-width:none}}