:root{--accent: #8c52ff;--like: #1e90ff;--dislike: #ff6348;--bookmark: #ffa502;--star-gold: #ffc747;--canvas: #0d0d12;--glass: rgba(22, 22, 30, .62);--glass-stroke: rgba(255, 255, 255, .18);--glass-stroke-strong: rgba(255, 255, 255, .35);--panel-stroke: rgba(255, 255, 255, .16);--panel-radius: 18px;--hud-control: 52px;--bar-height: 62px;--chip-ground: rgba(0, 0, 0, .65);--label-muted: rgba(255, 255, 255, .8);--label-faint: rgba(255, 255, 255, .7);--label-placeholder: rgba(255, 255, 255, .7);--card-scale: 1.5;--card-w: 198px;--card-h: 280px;--card-radius: 10.5px;--gutter: 16px}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0;overflow:hidden;background:var(--canvas);color:#fff;font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.sprite{position:absolute;width:0;height:0}.map{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;cursor:grab;touch-action:none;contain:strict}.map:active{cursor:grabbing}.field{position:absolute;top:0;left:0;transform-origin:0 0;will-change:transform}.card{position:absolute;top:0;left:0;width:var(--card-w);height:var(--card-h);padding:0;border:0;border-radius:var(--card-radius);background:#222;overflow:hidden;cursor:pointer;font:inherit;color:inherit;text-align:left;display:block;--tint: var(--accent);--s: .88;opacity:0;transform:translate(var(--x, 0),var(--y, 0)) scale(var(--s));transition-property:opacity,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.card.shown{--s: 1;opacity:1}.map.panning .card{pointer-events:none}.card img{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .22s ease}.card img.loaded{opacity:1}.card.disliked:not(.selected) img{filter:saturate(.15) brightness(.78)}.band{position:absolute;inset:0 0 auto 0;display:flex;flex-direction:column;gap:calc(2px * var(--card-scale));padding:calc(4px * var(--card-scale)) calc(5px * var(--card-scale)) calc(12px * var(--card-scale));background:linear-gradient(rgba(0,0,0,.78),transparent);pointer-events:none}.band-title{font-size:calc(9px * var(--card-scale));font-weight:600;line-height:1.2;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.band-stars{display:flex;align-items:center;gap:1px;color:var(--star-gold)}.star{width:calc(6.5px * var(--card-scale));height:calc(6.5px * var(--card-scale));flex:none;stroke-width:1.4}.band-score{font-size:calc(7.5px * var(--card-scale));font-weight:700;margin-left:calc(2px * var(--card-scale))}.card.selected{z-index:2;--s: 1.06;box-shadow:0 0 0 1.5px var(--tint),inset 0 0 14px 3px color-mix(in srgb,var(--tint) 55%,transparent),0 0 16px color-mix(in srgb,var(--tint) 65%,transparent),0 10px 20px #00000080}.actions{position:absolute;inset:auto 0 0 0;display:flex;padding:0 calc(4px * var(--card-scale)) calc(5px * var(--card-scale))}.chip{flex:1;height:44px;display:grid;place-items:center;padding:0;border:0;background:none;cursor:pointer}.chip svg{width:calc(11.5px * var(--card-scale));height:calc(11.5px * var(--card-scale));padding:calc(7px * var(--card-scale));box-sizing:content-box;fill:#fff;background:var(--chip-ground);border:1px solid rgba(255,255,255,.25);border-radius:50%;transition:background .14s ease}.chip:hover svg{background:#000000d9}.chip.on.like svg{background:var(--like)}.chip.on.dislike svg{background:var(--dislike)}.chip.on.bookmark svg{background:var(--bookmark)}.badges{position:absolute;inset:auto calc(5px * var(--card-scale)) calc(5px * var(--card-scale)) auto;display:flex;gap:4px;pointer-events:none}.badge{width:calc(20px * var(--card-scale));height:calc(20px * var(--card-scale));display:grid;place-items:center;border-radius:50%}.badge svg{width:calc(9px * var(--card-scale));height:calc(9px * var(--card-scale));fill:#fff}.badge.liked{background:var(--like)}.badge.disliked{background:var(--dislike)}.badge.bookmarked{background:var(--bookmark)}@media (prefers-reduced-motion: reduce){.card{transition-duration:1ms!important;transition-delay:0s!important}.card img{transition:none;opacity:1}}.hud{position:fixed;z-index:10;top:22px;left:var(--gutter);right:var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:10px;pointer-events:none}.hud>*{pointer-events:auto}.mark{flex:none;padding:0;border:0;background:none;cursor:pointer;line-height:0;transition:transform .16s ease}.mark img{height:58px;width:auto;display:block;filter:drop-shadow(0 3px 6px rgba(0,0,0,.55))}.mark:hover{transform:scale(1.06)}.mark:active{transform:scale(.96)}.lenses{display:flex;align-items:center;gap:10px}.hud-control{position:relative;flex:none;width:var(--hud-control);height:var(--hud-control);display:grid;place-items:center;padding:0;border-radius:50%;background:var(--glass);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);border:1px solid var(--glass-stroke);cursor:pointer;transition:background .16s ease,opacity .16s ease}.hud-control svg{width:19px;height:19px;fill:#fff}.hud-control.quiet{opacity:.9}.hud-control:hover{background:#30303ec7}.hud-control.active{border-color:var(--glass-stroke-strong)}.lens[data-lens=liked].active{background:var(--like)}.lens[data-lens=disliked].active{background:var(--dislike)}.lens[data-lens=bookmarked].active{background:var(--bookmark)}#home-map.active{background:#8c52ffd9}.count{position:absolute;top:-3px;right:-5px;min-width:18px;height:18px;padding:0 5px;display:grid;place-items:center;border-radius:999px;font-size:11px;font-weight:700;color:#000}.lens[data-lens=liked] .count{background:var(--like)}.lens[data-lens=disliked] .count{background:var(--dislike)}.lens[data-lens=bookmarked] .count{background:var(--bookmark)}.lens.active .count{background:#fff}.dock{position:fixed;z-index:10;left:var(--gutter);right:var(--gutter);bottom:var(--gutter);display:flex;flex-direction:column;gap:8px;pointer-events:none}.dock>*{pointer-events:auto}.results{align-self:center;width:100%;max-width:620px;max-height:46vh;overflow-y:auto;margin:0;padding:6px;list-style:none;background:var(--glass);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);border:1px solid var(--panel-stroke);border-radius:var(--panel-radius)}.results button{display:flex;align-items:center;gap:12px;width:100%;padding:7px 10px;border:0;border-radius:12px;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.results button:hover,.results button:focus-visible{background:#ffffff1a}.results img{width:34px;height:48px;flex:none;object-fit:cover;border-radius:5px;background:#222}.results strong{font-weight:600}.results .meta{color:var(--label-faint);font-size:13px;margin-left:auto;flex:none}.dock-row{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--label-faint);pointer-events:none}.dock-row>*{pointer-events:auto}.dock-row .status{margin-right:auto}.foot-links a{color:var(--label-faint);margin-left:16px}.pill{padding:5px 13px;border-radius:999px;border:1px solid var(--glass-stroke);background:var(--glass);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);color:#fff;font:inherit;font-size:13px;font-weight:600;cursor:pointer}.search{display:flex;align-items:center;gap:8px;height:var(--bar-height);padding:0 18px;border-radius:999px;background:var(--glass);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);border:1px solid var(--glass-stroke)}.search-icon{width:18px;height:18px;flex:none;fill:var(--label-placeholder)}.search input{flex:1;min-width:0;height:100%;border:0;background:none;color:#fff;font:inherit;font-size:17px}.search input::placeholder{color:var(--label-placeholder)}.search input:focus{outline:none}.search:focus-within{border-color:var(--glass-stroke-strong)}.search input::-webkit-search-cancel-button{filter:invert(1);opacity:.5}.detail{position:fixed;z-index:11;top:calc(22px + var(--hud-control) + 12px);right:var(--gutter);width:360px;max-width:calc(100vw - var(--gutter) * 2);max-height:calc(100vh - 22px - var(--hud-control) - var(--bar-height) - 70px);overflow-y:auto;padding:20px 22px 22px;background:var(--glass);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);border:1px solid var(--panel-stroke);border-radius:var(--panel-radius)}.detail h2{margin:0 36px 6px 0;font-size:19px;line-height:1.3}.detail .alt,.detail .facts{margin:2px 0;color:var(--label-faint);font-size:13px}.detail .summary{margin:14px 0 0;color:var(--label-muted)}.detail .links{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0}.detail .links a{padding:6px 12px;border:1px solid var(--glass-stroke);border-radius:999px;background:#8c52ff29;color:#fff;font-size:13px;font-weight:600;text-decoration:none}.detail .links a:hover{background:#8c52ff4d}.detail-close{position:absolute;top:14px;right:14px;width:28px;height:28px;border:0;border-radius:8px;background:none;color:var(--label-faint);font-size:20px;line-height:1;cursor:pointer}.detail-close:hover{color:#fff}@media (max-width: 720px){.mark img{height:44px}.lenses{gap:6px}:root{--hud-control: 44px}.detail{top:auto;left:var(--gutter);right:var(--gutter);bottom:calc(var(--gutter) + var(--bar-height) + 34px);width:auto;max-height:40vh}.dock-row .status{display:none}}.quickrate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;overflow-y:auto;touch-action:none}.qr-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000c7}.qr-sheet{position:relative;width:min(330px,calc(100vw - 32px));padding:24px 0;display:flex;flex-direction:column;align-items:center;gap:15px;outline:none;animation:qr-in .22s cubic-bezier(.2,.9,.3,1) both}@keyframes qr-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.qr-cover{height:clamp(220px,42vh,371px);aspect-ratio:262 / 371;object-fit:cover;border-radius:12px;box-shadow:0 12px 24px #0009;cursor:grab;-webkit-user-select:none;user-select:none}.qr-cover:active{cursor:grabbing}.qr-cover.settling{transition:transform .3s cubic-bezier(.2,1.5,.4,1)}.qr-title{margin:0;font-size:17px;font-weight:600;text-align:center;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.qr-starrow{display:flex;align-items:center;gap:2px;color:var(--star-gold)}.qr-starrow .star{width:13px;height:13px}.qr-starrow .band-score{font-size:14px;font-weight:700;margin-left:4px}.qr-summary{margin:0;width:100%;font-size:13px;line-height:1.5;color:#ffffffe6;cursor:pointer;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.qr-summary.expanded{-webkit-line-clamp:unset}.qr-summary:empty{display:none}.qr-chips{display:flex;gap:16px;padding-top:4px}.qr-chip{width:54px;height:54px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.22);border-radius:50%;cursor:pointer;transform:scale(var(--grow, 1));background:linear-gradient(to top,var(--tint) var(--fill, 0%),rgba(255,255,255,.1) var(--fill, 0%))}.qr-chip svg{width:22px;height:22px;fill:#fff}.qr-chip.like{--tint: var(--like)}.qr-chip.dislike{--tint: var(--dislike)}.qr-chip.bookmark{--tint: var(--bookmark)}.qr-chip.view{--tint: var(--accent)}.qr-chip.active{--fill: 100%}.qr-chip:hover{border-color:#ffffff80}.qr-hint{margin:0;font-size:12px;color:var(--label-faint);text-align:center}@media (prefers-reduced-motion: reduce){.qr-sheet{animation:none}.qr-cover.settling{transition:none}}