: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;--shell: 1100px}*{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 2px var(--tint),0 0 0 5px color-mix(in srgb,var(--tint) 32%,transparent),inset 0 0 16px 4px color-mix(in srgb,var(--tint) 60%,transparent),0 0 28px color-mix(in srgb,var(--tint) 75%,transparent),0 10px 24px #0000008c}.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)}.state{display:contents}.actions.on-hover{opacity:0;pointer-events:none;transition:opacity .12s ease}.card:not(.selected):hover .actions.on-hover{opacity:1;pointer-events:auto}.card:not(.selected):hover .badges{opacity:0}.map.panning .actions.on-hover{opacity:0}.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:0;right:0;margin-inline:auto;width:min(var(--shell),calc(100vw - var(--gutter) * 2));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:0;right:0;margin-inline:auto;width:min(var(--shell),calc(100vw - var(--gutter) * 2));bottom:var(--gutter);display:flex;flex-direction:column;gap:8px;pointer-events:none}.dock>*{pointer-events:auto}.results{align-self:stretch;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}.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}.search-field{flex:1;min-width:0;height:100%;display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none}.search-field::-webkit-scrollbar{display:none}.search-field input{min-width:90px}.staged{display:contents}.token{flex:none;height:26px;padding:0 9px;border:0;border-radius:999px;background:#ffffff29;color:#fff;font:inherit;font-size:12px;font-weight:600;white-space:nowrap;cursor:pointer}.token:after{content:"✕";margin-left:5px;font-size:9px;opacity:.7}.token:hover{background:#ffffff42}.run-filters{flex:none;width:40px;height:40px;margin-right:-8px;padding:0;border:0;background:none;cursor:pointer}.run-filters svg{width:30px;height:30px;fill:#fff}.run-filters:hover svg{opacity:.85}.discover,.no-results{align-self:stretch;max-height:52vh;overflow-y:auto;padding:10px 14px 12px;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)}.discover h3{margin:8px 0 4px;font-size:11px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase;color:var(--label-muted)}.discover h3:first-child{margin-top:0}.pill-row{display:flex;gap:8px;padding:4px 0;overflow-x:auto;scrollbar-width:thin;scrollbar-color:transparent transparent}.pill-row:hover{scrollbar-color:rgba(255,255,255,.25) transparent}.pill-row::-webkit-scrollbar{height:6px}.pill-row::-webkit-scrollbar-thumb{background:transparent;border-radius:3px}.pill-row:hover::-webkit-scrollbar-thumb{background:#ffffff40}.filter-pill{flex:none;padding:7px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff14;color:#fff;font:inherit;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer}.filter-pill:hover{background:#ffffff29}.filter-pill.on{background:#ffffff47;border-color:#ffffff80}.filter-pill.capped{opacity:.35}.no-results{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 14px;text-align:center}.no-results span{color:var(--label-faint);font-size:13px}.results .studio-icon{width:34px;height:34px;flex:none;border-radius:8px;background:#ffffff1a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='white' fill-opacity='.85'%3E%3Cpath d='M3 18V4.5L10 2v4l7 2.5V18h-5v-4H8v4z'/%3E%3C/svg%3E") center / 16px no-repeat}.results .kind{margin-left:auto;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--label-muted)}.detail{position:relative;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr) 32px;gap:24px;align-items:start;max-height:42vh;overflow-y:auto;padding:20px 16px 20px 24px;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-head,.detail-main{min-width:0}.detail h2{margin:0 0 4px;font-size:21px;font-weight:700;line-height:1.25}.detail .alt,.detail .facts{margin:2px 0;color:var(--label-faint);font-size:13px}.detail .alt:empty,.detail .facts:empty,.detail .summary:empty,.detail-rating:empty{display:none}.detail-rating{margin-top:12px}.detail-rating .band-stars{gap:3px}.detail-rating .star{width:18px;height:18px}.detail-rating .band-score{font-size:20px;font-weight:800;margin-left:8px;color:var(--star-gold)}.detail .summary{margin:0;color:var(--label-muted);font-size:14px;line-height:1.55}.detail .links{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.detail .links:empty{display:none}.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:sticky;top:0;width:32px;height:32px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:#ffffff14;cursor:pointer}.detail-close svg{width:14px;height:14px;fill:var(--label-faint)}.detail-close:hover{background:#ffffff29}.detail-close:hover svg{fill:#fff}@media (max-width: 720px){:root{--hud-control: 44px}.mark img{height:44px}.lenses{gap:6px}.detail{grid-template-columns:minmax(0,1fr) 32px;gap:12px;max-height:38vh}.detail-main{grid-column:1;grid-row:2}.detail-close{grid-column:2;grid-row:1}}html{-webkit-tap-highlight-color:transparent;overscroll-behavior:none}.map,.hud,.quickrate{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}button,a,input{touch-action:manipulation}.top-scrim,html[data-platform=android] .get-app{display:none}.get-app svg{width:20px;height:20px;margin-top:-2px}html.phone{--hud-control: 46px;--gutter: 16px}html.phone .top-scrim{display:block;position:fixed;z-index:9;inset:0 0 auto 0;height:calc(96px + env(safe-area-inset-top));pointer-events:none;background:linear-gradient(rgba(13,13,18,.92),rgba(13,13,18,.8) 45%,transparent)}html.phone .hud{top:calc(env(safe-area-inset-top) + 14px);width:min(460px,calc(100vw - 32px));gap:8px}html.phone .mark img{height:46px}html.phone .mark:hover{transform:none}html.phone .lenses{gap:8px}html.phone .lens{display:none}html.phone .hud.menu-open .lens{display:grid;animation:lens-in .4s cubic-bezier(.2,.9,.3,1.15) both}html.phone .hud.menu-open .lens[data-lens=bookmarked]{animation-delay:60ms}html.phone .hud.menu-open .lens[data-lens=liked]{animation-delay:.12s}html.phone .hud-control.quiet{opacity:.55}html.phone .hud-control:hover{background:var(--glass)}@keyframes lens-in{0%{opacity:0;transform:translate(-26px)}to{opacity:1;transform:none}}html.phone .dock{width:min(420px,calc(100vw - 32px));bottom:calc(var(--keyboard, 0px) + max(6px,env(safe-area-inset-bottom)));gap:10px}html.phone .discover,html.phone .results,html.phone .no-results{align-self:stretch;width:auto;max-height:calc(var(--vvh, 100dvh) - var(--bar-height) - 150px - env(safe-area-inset-top))}html.phone .results img{width:28px;height:40px}html.touch .pill-row{scrollbar-width:none}html.touch .pill-row::-webkit-scrollbar{display:none}html.phone .results .meta{display:none}html.phone .dock-row .status:empty{display:none}html.phone .search input{font-size:17px}html.phone .qr-chip{width:46px;height:46px}html.phone .qr-chip svg{width:18px;height:18px}html.phone .qr-sheet{padding-top:calc(24px + env(safe-area-inset-top))}.qr-chip.skip{--tint: rgba(189, 189, 189, .9)}.qr-chip.skip svg{fill:#ffffffbd}.qr-watch{align-self:flex-start;display:flex;align-items:center;gap:6px;min-height:44px;margin-top:-8px;padding:0;border:0;background:none;color:#c2a8ff;font:inherit;font-size:13px;font-weight:600;cursor:pointer}.qr-watch svg{width:16px;height:16px;fill:currentColor}.qr-watch:hover{color:#d8c8ff}.qr-cover.handover{animation:qr-handover .32s cubic-bezier(.2,.9,.3,1.1)}@keyframes qr-handover{0%{opacity:.2;transform:scale(.9)}to{opacity:1;transform:none}}.notice{position:fixed;z-index:20;left:50%;transform:translate(-50%);max-width:calc(100vw - 32px);padding:10px 16px;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);font-size:13px;font-weight:600;text-align:center;pointer-events:none}.first-hint{bottom:calc(96px + env(safe-area-inset-bottom))}.offline{top:calc(76px + env(safe-area-inset-top));font-size:12px;padding:8px 14px;animation:notice-down .25s ease-out both}@keyframes notice-down{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}.watch{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center}.watch-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080}.watch-sheet{position:relative;width:min(440px,calc(100vw - 32px));max-height:80vh;overflow-y:auto;padding:8px 16px 18px;border-radius:22px;background:#1c1c24f5;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid var(--panel-stroke);outline:none;animation:qr-in .22s cubic-bezier(.2,.9,.3,1) both}.watch-grabber{display:none}.watch-sheet header{display:flex;align-items:center;gap:12px;padding:10px 2px 12px}.watch-sheet h2{flex:1;min-width:0;margin:0;font-size:17px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.watch-done{border:0;background:none;color:#c2a8ff;font:inherit;font-size:16px;font-weight:600;cursor:pointer;min-height:44px}.watch-list{margin:0 0 14px;padding:0;list-style:none;border-radius:12px;background:#ffffff0f;overflow:hidden}.watch-list:empty{display:none}.watch-list li+li{border-top:1px solid rgba(255,255,255,.08)}.watch-row{display:flex;align-items:center;gap:12px;min-height:48px;padding:8px 14px;color:#fff;text-decoration:none;font-size:15px}.watch-row:hover{background:#ffffff0f}.watch-label{flex:1;min-width:0}.watch-arrow{color:var(--label-faint)}.watch-glyph{width:28px;height:28px;flex:none;border-radius:50%;background:#8c52ff59 center / 14px no-repeat}.watch-row.tiktok .watch-glyph{background-color:#000;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M12.5 2v9.3a3.2 3.2 0 1 1-2.4-3.1V10a1.5 1.5 0 1 0 1 1.4V2z' fill='%2325F4EE' transform='translate(-.7 -.5)'/%3E%3Cpath d='M12.5 2v9.3a3.2 3.2 0 1 1-2.4-3.1V10a1.5 1.5 0 1 0 1 1.4V2z' fill='%23FE2C55' transform='translate(.7 .5)'/%3E%3Cpath d='M12.5 2v9.3a3.2 3.2 0 1 1-2.4-3.1V10a1.5 1.5 0 1 0 1 1.4V2zM12.5 2c.3 1.9 1.6 3 3.5 3.1' fill='%23fff' stroke='%23fff' stroke-width='.4'/%3E%3C/svg%3E");background-size:18px}.watch-row.youtube .watch-glyph{background-color:#f03;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7 5l8 5-8 5z' fill='white'/%3E%3C/svg%3E")}.watch-row.web .watch-glyph{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='white'%3E%3Cpath d='M8.75 1.9a6.85 6.85 0 1 1-4.4 12.09l-2.83 2.83a1 1 0 0 1-1.42-1.42l2.83-2.83A6.85 6.85 0 0 1 8.75 1.9zm0 2a4.85 4.85 0 1 0 0 9.7 4.85 4.85 0 0 0 0-9.7z'/%3E%3C/svg%3E")}.watch-row.service .watch-glyph{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='white'%3E%3Cpath d='M3 4.5h14a1.5 1.5 0 0 1 1.5 1.5v8a1.5 1.5 0 0 1-1.5 1.5H3A1.5 1.5 0 0 1 1.5 14V6A1.5 1.5 0 0 1 3 4.5zm5 3v5l4.5-2.5z'/%3E%3C/svg%3E")}.discover-foot{margin:10px 0 0;text-align:center;font-size:12px;color:var(--label-faint)}.discover-foot a{color:var(--label-faint)}.watch-foot{margin:0 4px;font-size:12px;color:var(--label-faint)}html.phone .watch{place-items:end stretch}html.phone .watch-sheet{width:100%;max-height:75dvh;border-radius:22px 22px 0 0;padding-bottom:calc(18px + env(safe-area-inset-bottom));animation:sheet-up .3s cubic-bezier(.2,.9,.3,1) both}html.phone .watch-grabber{display:block;width:36px;height:5px;margin:2px auto 0;border-radius:3px;background:#ffffff4d}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:none}}@media (prefers-reduced-motion: reduce){.watch-sheet,html.phone .watch-sheet,.qr-cover.handover,html.phone .hud.menu-open .lens,.offline{animation: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}}