@import"https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600&family=Noto+Sans+TC:wght@300;400;500;700&family=Noto+Sans+SC:wght@300;400;500;700&display=swap";:root{color-scheme:dark;--bg: #000;--fg: #ece8df;--fg-dim: #8f8b84;--line: rgba(236, 232, 223, .12);--accent: #e8c07a;--accent-2: #ff9b6b;--danger: #e26d7a;--panel: rgba(12, 12, 18, .62);--font-display: "Sora", "Noto Sans TC", system-ui, sans-serif;--font-body: "Noto Sans TC", system-ui, -apple-system, sans-serif;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1)}:root:lang(zh-CN){--font-display: "Sora", "Noto Sans SC", system-ui, sans-serif;--font-body: "Noto Sans SC", system-ui, -apple-system, sans-serif}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-body);font-weight:300;overflow:hidden;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:1px solid var(--accent);outline-offset:3px}#field{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;transition:filter 1.4s var(--ease-in-out),transform 1.6s var(--ease-in-out);transform-origin:50% 50%}.exploring #field{filter:blur(6px) brightness(.55) saturate(.7);transform:scale(1.08)}#sky{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;z-index:5}.band{position:absolute;left:0;top:0;will-change:transform}#clearing{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(46% 40% at 50% 50%,#000000f7,#000000e0 45%,#0000);transition:opacity 1.2s}.exploring #clearing{opacity:0}#vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(90% 90% at 50% 50%,transparent 50%,rgba(0,0,0,.92) 100%)}#grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.055;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='160' height='160' filter='url(%23n)'/></svg>")}.top{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:calc(18px + env(safe-area-inset-top,0px)) 28px 0}.brand{font-family:var(--font-display);font-size:16px;font-weight:500;letter-spacing:.06em;color:var(--fg);display:flex;gap:14px;align-items:baseline;cursor:pointer}.brand small{font-family:var(--font-body);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim)}.avatar{width:34px;height:34px;border-radius:50%;border:1px solid rgba(232,192,122,.35);background:radial-gradient(circle at 35% 30%,#fff3d6,#e8c07a 35%,#6b4b22 70%,#1a1208);box-shadow:0 0 0 5px #e8c07a0f,0 6px 24px #e8c07a2e;transition:transform .4s var(--ease-out),box-shadow .4s}.avatar:hover{transform:translateY(-1px);box-shadow:0 0 0 7px #e8c07a14,0 10px 30px #e8c07a47}.stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;perspective:1400px;perspective-origin:50% 45%;display:grid;place-items:center;padding:0 16px}.hero{text-align:center;transform-style:preserve-3d;transition:transform .9s var(--ease-in-out),opacity .7s var(--ease-in-out);display:grid;gap:22px;justify-items:center}.hero h1{margin:0;font-family:var(--font-display);font-weight:400;font-size:clamp(38px,5.6vw,70px);line-height:1.1;letter-spacing:.02em;text-wrap:balance}.hero h1 em{font-style:normal;font-weight:500;color:var(--accent);margin:0 .18em}:root:lang(en) .hero h1 em{margin:0}.start{margin-top:10px;border:1px solid rgba(232,192,122,.55);border-radius:4px;background:linear-gradient(180deg,#e8c07a24,#e8c07a0a);color:var(--accent);font-size:15px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;padding:18px 34px 18px 38px;box-shadow:0 0 0 1px #e8c07a14 inset,0 18px 60px #e8c07a1f;transition:transform .5s var(--ease-out),box-shadow .5s,background .4s;animation:drift 7s ease-in-out infinite}.start:hover{transform:translateY(-3px);background:linear-gradient(180deg,#e8c07a38,#e8c07a0f);box-shadow:0 0 0 1px #e8c07a1f inset,0 26px 70px #e8c07a38}.start:disabled{opacity:.35;cursor:default;animation:none}@keyframes drift{0%,to{translate:0 0}50%{translate:0 -6px}}.exploring .hero{transform:translateZ(-600px) rotateX(18deg);opacity:0;pointer-events:none}.exploring .start{animation-play-state:paused}.explore{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:40px;align-items:center;padding:calc(84px + env(safe-area-inset-top,0px)) 48px 24px;perspective:1400px;pointer-events:none;opacity:0;transition:opacity .6s var(--ease-in-out)}.exploring.stage-on .explore{pointer-events:auto;opacity:1}.qcol{align-self:stretch;height:100%;min-height:0;overflow-y:auto;display:flex;flex-direction:column;scrollbar-width:none;padding:0 14px;margin:0 -14px}.qcol::-webkit-scrollbar{display:none}.qcol>:first-child{margin-top:auto}.qcol>:last-child{margin-bottom:auto}.qstage{position:relative;display:grid;transform-style:preserve-3d;margin-top:14px}.q{grid-area:1 / 1;min-width:0;min-height:380px;display:flex;flex-direction:column;justify-content:center;gap:24px;transform-origin:50% 50%;transition:transform .8s var(--ease-out),opacity .6s var(--ease-out)}.q.enter{transform:translateZ(-320px) rotateY(22deg) translate(-40px);opacity:0}.q.leave{transform:translateZ(220px) rotateY(-16deg) translate(40px);opacity:0;pointer-events:none}.q.enter.back{transform:translateZ(220px) rotateY(-16deg) translate(40px)}.q.leave.back{transform:translateZ(-320px) rotateY(22deg) translate(-40px)}.q .kicker{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--accent)}.q h2{font-weight:400;font-size:clamp(26px,2.9vw,38px);margin:0;line-height:1.25;letter-spacing:.02em;text-wrap:balance}.q .hint{color:var(--fg-dim);font-size:13px;margin:-10px 0 0;letter-spacing:.02em;max-width:52ch}.opts{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px}.opt{position:relative;border:1px solid var(--line);border-radius:6px;background:#ece8df08;padding:11px 16px;font-size:15px;font-weight:400;letter-spacing:.03em;display:inline-flex;align-items:center;gap:10px;transition:transform .35s var(--ease-out),border-color .3s,background .3s,box-shadow .3s;animation:pop .7s var(--ease-out) both;animation-delay:calc(var(--i) * 45ms)}.opt:hover{transform:translateY(-2px);border-color:#e8c07a73;background:#ece8df0f}.opt[aria-pressed=true]{border-color:var(--accent);background:#e8c07a1f;box-shadow:0 8px 28px #e8c07a1f;color:#fff}.opt .ico{width:34px;height:22px;border-radius:3px;flex:none;background:var(--thumb, #334);box-shadow:0 2px 8px #00000080}@keyframes pop{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.range{display:grid;gap:12px;max-width:420px}.range output{font-family:var(--font-display);font-size:26px;font-weight:500;color:var(--accent)}.dual{position:relative;height:28px}.dual .track{position:absolute;left:0;right:0;top:50%;height:2px;translate:0 -50%;background:var(--line);border-radius:1px}.dual .fill{position:absolute;top:0;height:100%;background:var(--accent);box-shadow:0 0 10px #e8c07a99}.dual input[type=range]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;margin:0;background:none;pointer-events:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.dual input[type=range]::-webkit-slider-runnable-track{background:transparent;height:28px}.dual input[type=range]::-moz-range-track{background:transparent;height:28px}.dual input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;width:16px;height:16px;margin-top:6px;border-radius:50%;background:#14100a;border:1.5px solid var(--accent);box-shadow:0 0 12px #e8c07a80;cursor:grab}.dual input[type=range]::-moz-range-thumb{pointer-events:auto;width:14px;height:14px;border-radius:50%;background:#14100a;border:1.5px solid var(--accent);box-shadow:0 0 12px #e8c07a80;cursor:grab}.range .ends{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.08em;color:var(--fg-dim)}.qactions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:4px}.next{border:1px solid var(--accent);border-radius:4px;padding:11px 22px;background:var(--accent);color:#14100a;font-weight:500;font-size:13px;letter-spacing:.18em;text-transform:uppercase;transition:transform .35s var(--ease-out),box-shadow .35s,opacity .3s;box-shadow:0 10px 30px #e8c07a38}.next:hover{transform:translateY(-2px)}.next:disabled{opacity:.3;box-shadow:none;cursor:default;transform:none}.ghost{border:1px solid var(--line);background:transparent;color:var(--fg-dim);font-size:13px;letter-spacing:.12em;border-radius:4px;padding:10px 16px;transition:color .25s,border-color .25s}.ghost:hover{color:var(--fg);border-color:#e8c07a73}.skip{border:0;background:none;color:var(--fg-dim);font-size:13px;letter-spacing:.08em}.skip:hover{color:var(--fg)}.progress{color:var(--fg-dim);font-size:11px;letter-spacing:.12em;margin-left:auto;font-variant-numeric:tabular-nums}.chips{display:flex;flex-wrap:wrap;gap:8px;min-height:26px}.chip{font-size:11px;letter-spacing:.08em;padding:5px 9px;border-radius:3px;border:1px solid var(--line);color:var(--fg-dim);background:#0c0c1280;animation:pop .5s var(--ease-out) both}.chip.soft{border-style:dashed}.chip.filter{border-color:#e8c07a80;color:#d9c7a3;cursor:pointer}.chip.filter:hover{background:#e8c07a1f}.cards-col{position:relative;align-self:stretch;min-height:0;height:100%}.cards{position:relative;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;transform-style:preserve-3d;min-height:0;height:100%;overflow-y:auto;padding:4px 4px 116px;scrollbar-width:none;-webkit-mask-image:linear-gradient(180deg,#000 86%,transparent);mask-image:linear-gradient(180deg,#000 86%,transparent)}.cards::-webkit-scrollbar{display:none}@media (max-width: 860px){.explore{top:calc(58px + env(safe-area-inset-top,0px));bottom:calc(40px + env(safe-area-inset-bottom,0px));grid-template-columns:minmax(0,1fr);grid-template-rows:none;align-content:start;gap:16px;padding:14px max(16px,env(safe-area-inset-right,0px)) 24px max(16px,env(safe-area-inset-left,0px));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-webkit-mask-image:linear-gradient(180deg,transparent,#000 12px,#000 calc(100% - 12px),transparent);mask-image:linear-gradient(180deg,transparent,#000 12px,#000 calc(100% - 12px),transparent)}.explore::-webkit-scrollbar{display:none}.fb button,.fb a{min-height:40px;display:inline-flex;align-items:center;padding:5px 12px}.qcol{align-self:start;height:auto;min-height:auto;overflow:visible;display:block;padding:0;margin:0}.qcol>:first-child{margin-top:0}.qcol>:last-child{margin-bottom:0}.qstage{z-index:2}.q{min-height:0;justify-content:flex-start}.q.leave{position:absolute;top:0;left:0;right:0}.cards-col{align-self:start;height:auto}.cards{height:auto;overflow:visible;padding-bottom:0;-webkit-mask-image:none;mask-image:none}.more{--more-x: 0px;position:sticky;left:auto;bottom:12px;display:block;width:fit-content;margin:14px auto 0;min-height:44px}.opt,.next,.ghost,.ghost.small,.skip{min-height:44px}.skip{padding:0 8px}}.cards-head{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--fg-dim);height:16px;transition:opacity .5s;flex:none}.card{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:8px 8px 12px;border-radius:8px;flex:none;border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 30px 60px #00000080,0 0 0 1px #0006;transform-origin:50% 50%;transition:transform .75s var(--ease-out),opacity .55s var(--ease-out),margin .55s var(--ease-out),max-height .55s var(--ease-out),padding .55s var(--ease-out),border-color .3s;max-height:600px;overflow:hidden;will-change:transform}.card.enter{transform:translateZ(-260px) rotateY(-28deg) translate(60px);opacity:0}.card.leave{transform:translateZ(180px) scale(.9) rotateX(-10deg);opacity:0;max-height:0;padding-top:0;padding-bottom:0;margin-top:-16px;border-color:transparent;pointer-events:none}.card:hover{border-color:#e8c07a59}.shot{position:relative;aspect-ratio:16 / 9;max-width:100%;border-radius:5px;overflow:hidden;background:linear-gradient(180deg,#14131c,#0a0a12)}.shot .track{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;transition:transform .6s var(--ease-out)}.shot .track img{width:100%;height:100%;object-fit:cover;flex:none;display:block}.shot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,transparent 60%,rgba(7,7,11,.75))}.shot .nav{position:absolute;top:50%;translate:0 -50%;width:30px;height:30px;padding:0;box-sizing:border-box;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:#07070b8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:16px;line-height:1;display:grid;place-items:center;opacity:0;transition:opacity .3s,transform .3s;z-index:2}.shot .nav.prev{left:8px}.shot .nav.next{right:8px}.shot:hover .nav{opacity:1}.shot .nav:hover{transform:scale(1.1)}.shot .dots{position:absolute;bottom:8px;left:0;right:0;display:flex;justify-content:center;gap:5px;z-index:2}.shot .dots i{width:4px;height:4px;border-radius:50%;background:#ffffff59;transition:background .3s,transform .3s}.shot .dots i.on{background:var(--accent);transform:scale(1.4)}.cover{position:absolute;left:10px;bottom:14px;width:42px;height:58px;border-radius:3px;overflow:hidden;box-shadow:0 8px 24px #000000b3;border:1px solid rgba(255,255,255,.15);z-index:2;background:linear-gradient(160deg,#3a3a4a,#0a0a12);font-size:7px;line-height:1.1;color:#ffffffe6;display:grid;place-items:end start;padding:4px;box-sizing:border-box}.cover img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.card .meta{min-width:0;display:flex;flex-direction:column;gap:6px;padding:0 6px}.card h3{margin:0;font-family:var(--font-display);font-weight:500;font-size:17px;letter-spacing:.01em;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.card h3 small{font-family:var(--font-body);font-weight:300;color:var(--fg-dim);font-size:12px;letter-spacing:.08em}.card .alt-title{margin-top:-4px;font-size:11px;letter-spacing:.04em;color:var(--fg-dim);overflow-wrap:anywhere}.card .plat{font-size:11px;letter-spacing:.08em;color:var(--fg-dim)}.card .plat b{font-weight:500;color:var(--fg)}.card .blurb{margin:2px 0 0;font-size:12px;line-height:1.55;color:var(--fg-dim);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.why{font-size:13px;line-height:1.55;margin:0}.why.good:before{content:"✓ ";color:var(--accent)}.why.bad:before{content:"! ";color:var(--accent-2);font-weight:700}.fb{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.fb button,.fb a{border:1px solid var(--line);background:transparent;border-radius:3px;font-size:11px;letter-spacing:.06em;padding:5px 9px;color:var(--fg-dim);transition:all .25s;text-decoration:none}.fb button:hover,.fb a:hover{color:var(--fg);border-color:#e8c07a73}.fb button.warm:hover{border-color:var(--accent-2);color:var(--accent-2)}.fb button.cold:hover{border-color:var(--danger);color:var(--danger)}.fb button.status.on.wishlist{border-color:#aaebbee6;color:#bef0cd;background:#6ec88c1f}.fb button.status.on.owned{border-color:#aacdffe6;color:#c3dcff;background:#6ea0eb1f}.fb button.status.on.played{border-color:var(--accent);color:#ffe9bf;background:#e8c07a24}.fb a,.fb .to-details{margin-left:auto}.fb .to-details+a{margin-left:0}.card.openable,.shot-reveal.openable{cursor:pointer}.slot-tag{font-size:10px;letter-spacing:.2em;color:var(--fg-dim)}.slot-tag.slot-explore{color:var(--accent)}.slot-tag.slot-explore:before{content:"◇ "}.played-gap{flex:none;align-self:flex-start;margin:-6px 0 0 10px;border:1px dashed var(--line);background:none;border-radius:3px;padding:4px 10px;font-size:11px;letter-spacing:.06em;color:var(--fg-dim);animation:pop .4s var(--ease-out) both;transition:color .25s,border-color .25s}.played-gap:hover{color:var(--fg);border-color:#e8c07a73}.more{--more-x: -50%;position:absolute;left:50%;bottom:40px;z-index:3;transform:translate(var(--more-x));border:1px solid rgba(232,192,122,.6);border-radius:4px;background:#14100af0;color:var(--accent);font-size:13px;letter-spacing:.3em;padding:11px 30px;box-shadow:0 14px 40px #0009;transition:background .3s;animation:more-bob 2.8s ease-in-out infinite}.more:hover{background:#302614f5;animation-play-state:paused}@keyframes more-bob{0%,to{transform:translate(var(--more-x))}50%{transform:translate(var(--more-x),-6px)}}@media (prefers-reduced-motion: reduce){.more{animation:none}}.slate-end{flex:none;display:grid;justify-items:center;gap:10px;padding:14px 18px;border:1px dashed var(--line);border-radius:6px;text-align:center;font-size:13px;color:var(--fg-dim)}.slate-end p{margin:0}.empty{color:var(--fg-dim);font-size:13px;padding:18px;border:1px dashed var(--line);border-radius:6px;text-align:center;flex:none}.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:20;translate:-50% 0;padding:10px 16px;border-radius:4px;font-size:12px;letter-spacing:.06em;background:#0c0c12d9;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;transform:translateY(12px);transition:opacity .4s,transform .4s var(--ease-out);pointer-events:none}.toast.show{opacity:1;transform:none}.toast.show.interactive{pointer-events:auto}@media (max-width: 860px){.toast{bottom:calc(48px + env(safe-area-inset-bottom,0px));width:max-content;max-width:calc(100vw - 32px)}}.toast-toggle{display:inline-flex;align-items:center;gap:6px;margin-left:14px;color:var(--accent);cursor:pointer}.toast-toggle input{accent-color:var(--accent);margin:0}.credit{position:fixed;left:28px;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:10;font-size:10px;letter-spacing:.1em;color:var(--fg-dim);opacity:.6}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}}.in-profile #clearing{opacity:0}.hero.dive-driven{transition:none}.in-profile .explore{opacity:0;pointer-events:none}.avatar.active{box-shadow:0 0 0 7px #e8c07a24,0 10px 30px #e8c07a59}.camera{position:fixed;top:0;right:0;bottom:0;left:0;z-index:7;pointer-events:none}.layer{position:absolute;top:0;right:0;bottom:0;left:0}.layer-profile{pointer-events:none}.in-profile .layer-profile{pointer-events:auto}.legend{opacity:0;transition:opacity .6s ease}.in-profile .legend{opacity:1;transition-delay:1.3s}.profile{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:minmax(0,1fr) auto;padding:calc(72px + env(safe-area-inset-top,0px)) 0 calc(44px + env(safe-area-inset-bottom,0px))}.profile-card{position:absolute;top:calc(84px + env(safe-area-inset-top,0px));width:min(380px,calc(100vw - 32px));max-height:calc(100vh - 160px);overflow-y:auto;scrollbar-width:none;perspective:1400px;pointer-events:none;opacity:0;transition:opacity .35s var(--ease-out)}.profile-card::-webkit-scrollbar{display:none}.profile-card.show{opacity:1}.profile-card.dock-right{right:40px}.profile-card.dock-left{left:40px}@media (max-width: 860px){.profile-card.dock-left{left:16px}}.profile-card.pinned{pointer-events:auto}.profile-card.hint{overflow:hidden;pointer-events:none}.profile-card.hint.clipped{-webkit-mask-image:linear-gradient(#000 calc(100% - 48px),transparent);mask-image:linear-gradient(#000 calc(100% - 48px),transparent)}@media (max-width: 860px){.profile-card.hint{display:none}}.profile-card .card{transition-duration:.5s,.4s}@media (max-width: 860px){.profile-card{right:16px;top:auto;bottom:calc(88px + env(safe-area-inset-bottom,0px));max-height:50vh}}@media (max-width: 860px){.profile{padding:calc(72px + env(safe-area-inset-top,0px)) 16px 24px}}.legend{display:flex;justify-content:center;gap:22px;align-items:center;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--fg-dim);pointer-events:auto}.legend button{border:0;background:none;padding:6px 2px;font:inherit;letter-spacing:inherit;color:var(--fg-dim);display:inline-flex;align-items:center;gap:8px;transition:color .3s,opacity .3s}.legend button:before{content:"";display:inline-block;width:14px;height:8px;border-radius:2px;border:1px solid;transition:box-shadow .3s,border-color .3s,background .3s}.legend button:hover{color:var(--fg)}.legend .played:before{border-color:#ffecc8e6;box-shadow:0 0 8px #e8c07ab3}.legend .owned:before{border-color:#aacdffe6;box-shadow:0 0 8px #6ea0eb99}.legend .wishlist:before{border-color:#aaebbee6;box-shadow:0 0 8px #6ec88c8c}.legend .removed:before{border-color:#ece8df38}.legend button.off{opacity:.4;text-decoration:line-through;text-decoration-color:#ece8df66}.legend button.off:before{box-shadow:none;border-color:var(--line)}.tastemap{position:relative;min-height:0}.tastemap canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}.tastemap .tip{position:absolute;z-index:2;pointer-events:none;max-width:300px;padding:10px 12px;border-radius:4px;border:1px solid var(--line);background:#0c0c12eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:12px;letter-spacing:.04em}.tastemap .tip b{font-family:var(--font-display);font-weight:400;font-size:16px;letter-spacing:.01em}.tastemap .tip small{color:var(--accent);margin-left:8px;letter-spacing:.12em}.tastemap .tip ul{list-style:none;margin:8px 0 0;padding:8px 0 0;border-top:1px solid var(--line);display:grid;gap:4px;color:var(--fg-dim)}.tastemap .tip li span{color:var(--fg);margin-right:8px}.profile .empty{align-self:start}.app.instant .layer-profile,.app.instant .legend,.app.instant .hero,.app.instant .explore,.app.instant #clearing{transition:none!important}.tastemap canvas{cursor:grab}.tastemap canvas.over-tile{cursor:pointer}.tastemap canvas.dragging{cursor:grabbing}.avatar-wrap{position:relative}.menu{position:absolute;right:0;top:calc(100% + 10px);min-width:140px;display:grid;padding:6px;border-radius:6px;background:#0c0c12eb;border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .25s,transform .25s var(--ease-out);z-index:20}.menu:before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}.avatar-wrap.open .menu{opacity:1;transform:none;pointer-events:auto}.menu button{text-align:left;border:0;background:none;padding:9px 12px;border-radius:4px;font-size:13px;letter-spacing:.06em;color:var(--fg)}.menu button:hover{background:#ece8df0f}.menu button.dim{color:var(--fg-dim)}.menu button:disabled{color:var(--fg-dim);opacity:.5;cursor:default}.menu-sep{height:1px;margin:6px 4px;background:var(--line)}.menu-group{display:grid}.menu-label{padding:4px 12px 2px;font-size:11px;letter-spacing:.12em;color:var(--fg-dim)}.menu button.lang{display:flex;justify-content:space-between;align-items:center;gap:16px}.menu button.lang[aria-checked=true]{color:var(--accent)}.menu button.lang[aria-checked=true]:after{content:"✓";font-size:12px}.veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:24px;background:#000000b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade .3s ease both}@keyframes fade{0%{opacity:0}to{opacity:1}}.dialog{width:min(440px,100%);display:grid;gap:18px;animation:pop .5s var(--ease-out) both}.dialog.wide{width:min(640px,100%)}.dialog h2{margin:0;font-weight:400;font-size:clamp(22px,2.4vw,30px);line-height:1.25;letter-spacing:.02em}.dialog form{display:grid;gap:18px}.dialog .hint{color:var(--fg-dim);font-size:13px;margin:-6px 0 0}.dialog .hint.error,.dialog small.error{color:var(--danger)}.field{display:grid;gap:8px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim)}.field input,.slug{width:100%;box-sizing:border-box;border:0;border-bottom:1px solid var(--line);background:none;color:var(--fg);font:inherit;font-size:16px;letter-spacing:.02em;text-transform:none;padding:8px 0;outline:none;transition:border-color .25s}.field input:focus,.slug:focus-within{border-color:var(--accent)}.slug{display:flex;align-items:baseline;gap:2px}.slug em{font-style:normal;color:var(--fg-dim);font-size:14px;white-space:nowrap}.slug input{border:0;padding:0;flex:1;min-width:0}.toggle{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:center;font-size:14px;cursor:pointer}.toggle input{accent-color:var(--accent);width:16px;height:16px;margin:0}.toggle small{grid-column:2;color:var(--fg-dim);font-size:12px}.toggle.small{font-size:12px;letter-spacing:.06em;color:var(--fg-dim);gap:8px}.actions{display:flex;gap:12px;align-items:center;margin-top:6px}.next.small{padding:7px 14px;font-size:11px}.link-actions{display:flex;gap:10px;flex-wrap:wrap}.links{list-style:none;margin:0;padding:0;display:grid;gap:10px}.links li{display:grid;grid-template-columns:1fr auto auto auto;gap:14px;align-items:center;padding:10px 0;border-top:1px solid var(--line);font-size:14px}.links .who{display:grid;gap:2px;min-width:0}.links .who b{font-weight:500;margin-right:8px}.links .who small{color:var(--fg-dim);font-size:11px;letter-spacing:.06em}.diff{display:grid;gap:16px;max-height:50vh;overflow-y:auto;padding-right:4px}.diff section{display:grid;gap:4px}.diff .group-head{display:flex;justify-content:space-between;align-items:baseline;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:4px}.diff .row{display:grid;grid-template-columns:auto 1fr auto;gap:4px 12px;align-items:center;padding:6px 0;font-size:13px;cursor:pointer}.diff .row input{accent-color:var(--accent);margin:0}.diff .row .status{color:var(--fg-dim);font-size:12px;letter-spacing:.04em;white-space:nowrap}.diff .row small{grid-column:2 / 4;color:var(--fg-dim);font-size:11px}.diff .row.manual{opacity:.55;cursor:default}.profile-title{position:absolute;left:0;right:0;top:calc(84px + env(safe-area-inset-top,0px));text-align:center;font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--fg-dim);pointer-events:none}.paste{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:4px;background:#ece8df08;color:var(--fg);font:inherit;font-size:14px;line-height:1.5;padding:12px;resize:vertical;outline:none}.paste:focus{border-color:var(--accent)}.import-row{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.file input{display:none}.field.inline{display:flex;align-items:center;gap:10px}.field.inline select{border:0;border-bottom:1px solid var(--line);background:none;color:var(--fg);font:inherit;font-size:14px;text-transform:none;letter-spacing:0;padding:4px 0}.hint.count{margin:0 0 0 auto;color:var(--accent)}.probe{position:relative;display:flex;flex-direction:column;gap:16px;padding:18px;border:1px dashed rgba(232,192,122,.5);border-radius:10px;background:linear-gradient(180deg,#e8c07a14,#e8c07a04)}.probe.badged:before{content:"?";position:absolute;top:-14px;right:18px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#14100a;border:1px solid var(--accent);color:var(--accent);font-family:var(--font-display);font-size:15px}.probe-body{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:16px;align-items:center}.probe-art{position:relative}.probe-family{position:absolute;z-index:3;left:8px;bottom:8px;padding:3px 9px;border-radius:999px;background:#07070bb8;border:1px solid rgba(232,192,122,.5);color:var(--accent);font-size:11px;letter-spacing:.16em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.probe-info{min-width:0;display:flex;flex-direction:column;gap:10px;align-items:flex-start}.probe-info h2{font-size:clamp(18px,1.8vw,24px)}.probe-info h2 small{font-size:12px;color:var(--fg-dim);letter-spacing:.08em;font-weight:300}.probe-info h2 small.alt-title{display:block;margin-top:2px;font-size:11px;letter-spacing:.04em}.probe-blurb{align-self:stretch;margin:0;font-size:12px;line-height:1.55;color:var(--fg-dim);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.probe-why,.probe-actions{display:flex;flex-wrap:wrap;gap:6px}.shot-reveal .probe-actions{align-self:stretch;width:100%;justify-content:flex-end}.probe-store{border:1px solid var(--line);background:transparent;border-radius:3px;font-size:11px;letter-spacing:.06em;padding:5px 9px;color:var(--fg-dim);transition:all .25s;text-decoration:none}.probe-store:hover{color:var(--fg);border-color:#e8c07a73}.probe-answers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.probe-answers button{border:1px solid var(--line);border-radius:6px;background:#ece8df08;padding:12px 8px;font-size:15px;font-weight:400;letter-spacing:.08em;transition:transform .35s var(--ease-out),border-color .3s,background .3s,color .3s}.probe-answers button:hover{transform:translateY(-2px)}.probe-answers .yes{border-color:#e8c07a99;background:#e8c07a1f;color:#fff}.probe-answers .yes:hover{background:#e8c07a38}.probe-answers .no:hover{border-color:var(--danger);color:#f0a9b2;background:#e26d7a1a}.probe-answers .unsure{color:var(--fg-dim)}.probe-answers .unsure:hover{color:var(--fg);border-color:#e8c07a73}.probe-loading .hint{margin:0}@media (max-width: 860px){.probe-body{grid-template-columns:minmax(0,1fr)}}.qhead{display:flex;align-items:center;justify-content:space-between;gap:12px}.ghost.small{padding:5px 10px;font-size:11px;letter-spacing:.1em}.summon{position:relative;flex:none}.summon-list{position:fixed;z-index:40;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;list-style:none;margin:0;padding:4px;min-width:150px;border:1px solid var(--line);border-radius:6px;background:#0c0c12f5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 12px 32px #00000080}.summon-list button{width:100%;display:flex;justify-content:space-between;gap:12px;border:0;background:transparent;padding:8px 10px;border-radius:4px;font-size:13px;letter-spacing:.06em;text-align:left}.summon-list button:hover{background:#e8c07a1f}.summon-list small{color:var(--accent);font-size:10px;letter-spacing:.1em;align-self:center}.livecount{margin:-10px 0 0;font-size:12px;letter-spacing:.06em;color:var(--fg-dim)}.livecount b{color:var(--accent);font-weight:500;font-variant-numeric:tabular-nums}.livecount .more{margin-left:10px;color:#d9c7a3}.pol-host{position:relative;display:inline-flex}.pol-host:hover,.pol-host.open{z-index:4}.pol-host>button{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}.pol{position:absolute;top:100%;left:50%;z-index:5;display:flex;padding-top:6px;opacity:0;visibility:hidden;transform:translate(calc(-50% + var(--pol-shift, 0px)),-4px);transition:opacity .2s,transform .2s,visibility 0s .2s}.pol button{border:1px solid var(--line);background:#0c0c12f5;color:var(--fg-dim);padding:6px 12px;font-size:12px;letter-spacing:.08em;white-space:nowrap}.pol button+button{border-left:0}.pol button:first-child{border-radius:4px 0 0 4px}.pol button:last-child{border-radius:0 4px 4px 0}.pol button:hover{color:var(--fg)}.pol button[aria-pressed=true].pol-prefer{background:#e8c07a33;color:#fff;border-color:#e8c07a99}.pol button[aria-pressed=true].pol-must{background:var(--accent);color:#14100a;border-color:var(--accent)}.pol button[aria-pressed=true].pol-exclude{background:#ece8df24;color:var(--fg);text-decoration:line-through}@media (hover: hover){.pol-host:hover .pol{opacity:1;visibility:visible;transform:translate(calc(-50% + var(--pol-shift, 0px)));transition-delay:.3s,.3s,0s}}.pol-host.open .pol,.pol-host:has(:focus-visible) .pol{opacity:1;visibility:visible;transform:translate(calc(-50% + var(--pol-shift, 0px)));transition-delay:0s}.ptag{position:absolute;top:-9px;left:8px;border:1px solid var(--accent);background:#14100a;color:var(--accent);font-size:10px;letter-spacing:.1em;border-radius:3px;padding:1px 6px;text-decoration:none}.pol-exclude .ptag,.pol-host>.pol-exclude .ptag{border-color:#ece8df66;color:var(--fg-dim)}.pol button:only-child{border-radius:4px}.opt.pol-must{border-color:var(--accent);background:#e8c07a33;box-shadow:inset 0 0 0 1px var(--accent),0 8px 28px #e8c07a29;color:#fff}.opt.pol-exclude{border-color:#ece8df4d;background:transparent;box-shadow:none;color:var(--fg-dim);text-decoration:line-through;opacity:.7}.chips{gap:6px 14px}.chip-group{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.chip-head{font-size:10px;letter-spacing:.2em;color:var(--accent)}button.chip{font-family:inherit}.chip.jump{cursor:pointer}.chip.jump:hover{background:#ece8df14;color:var(--fg);border-color:#e8c07a73}.chip.hard{border-color:#e8c07a99;color:#ffe9bf}.chip.exclude{border-color:#ece8df4d;color:var(--fg-dim);text-decoration:line-through}.probe.confirm h2{font-size:clamp(20px,2.1vw,28px)}.probe.confirm .hint{margin:0}.confirm-answers{grid-template-columns:repeat(2,minmax(0,1fr))}.probe-answers button:disabled{opacity:.5;cursor:default;transform:none}.qstage.tall .q{min-height:560px}.q:has(.lfam){gap:14px}.lfam{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.pol-host.tile{display:block}.pol-host.subtile .pol{padding-top:4px}.ltile{position:relative;display:flex;align-items:baseline;justify-content:space-between;gap:8px;width:100%;min-height:48px;padding:13px 12px;border:1px solid var(--line);border-radius:6px;background:#ece8df08;text-align:left;transition:transform .35s var(--ease-out),border-color .3s,box-shadow .3s,background .3s;animation:pop .7s var(--ease-out) both;animation-delay:calc(var(--i, 0) * 40ms)}.ltile .lname{font-size:14px;font-weight:400;letter-spacing:.05em;color:var(--fg)}.ltile .lcount{font-size:11px;color:var(--fg-dim);font-variant-numeric:tabular-nums}.ltile.touched{background:#e8c07a1f}.lsubs{display:flex;flex-direction:column;gap:8px;padding:4px 0 6px}.ltile:hover{transform:translateY(-2px);border-color:#e8c07a73}.ltile.empty{opacity:.45}.ltile.touched{border-color:var(--accent);box-shadow:0 8px 28px #e8c07a29}.ltile.pol-must{box-shadow:inset 0 0 0 1px var(--accent),0 8px 28px #e8c07a33}.ltile.pol-exclude{border-color:#ece8df4d;box-shadow:none}.ltile.pol-exclude .lname{text-decoration:line-through;color:var(--fg-dim)}.lsub{display:flex;flex-wrap:wrap;align-items:flex-start;gap:6px}.lsub-head{align-self:center}.lsub-head{font-size:10px;letter-spacing:.2em;color:var(--accent);margin-right:4px}.lkey{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:4px;background:#ece8df08;padding:5px 10px;font-size:12px;letter-spacing:.04em;transition:border-color .3s,background .3s}.lkey small{color:var(--fg-dim);font-size:10px;font-variant-numeric:tabular-nums}.lkey:hover{border-color:#e8c07a73}.lkey.empty{opacity:.45}.lkey[aria-pressed=true]{border-color:var(--accent);background:#e8c07a24;color:#fff}.lkey.pol-must{box-shadow:inset 0 0 0 1px var(--accent);background:#e8c07a38}.lkey.pol-exclude{text-decoration:line-through;color:var(--fg-dim);border-color:#ece8df4d;background:transparent}@media (max-width: 860px){.lfam{grid-template-columns:repeat(3,minmax(0,1fr))}.lkey{min-height:40px}.qstage.tall .q{min-height:0}}@media (min-width: 600px) and (max-width: 860px){.lfam{grid-template-columns:repeat(4,minmax(0,1fr))}}.aud-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.aud-card{position:relative;display:flex;flex-direction:column;gap:8px;align-items:flex-start;min-width:0;min-height:96px;padding:14px 16px;text-align:left;border:1px solid var(--line);border-radius:6px;background:#ece8df08;transition:transform .35s var(--ease-out),border-color .3s,background .3s,box-shadow .3s;animation:pop .7s var(--ease-out) backwards;animation-delay:calc(var(--i, 0) * 60ms)}.aud-card:hover{transform:translateY(-2px);border-color:#e8c07a73;background:#ece8df0f}.aud-card[aria-pressed=true]{border-color:var(--accent);background:#e8c07a1f;box-shadow:0 8px 28px #e8c07a1f;color:#fff}.aud-family{font-size:10px;letter-spacing:.2em;color:var(--accent)}.aud-pitch{font-size:14.5px;line-height:1.6;font-weight:400;letter-spacing:.02em}.shots{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.shot-tile{grid-column:span 3;min-width:0;perspective:1100px;animation:pop .7s var(--ease-out) backwards;animation-delay:calc(var(--i, 0) * 60ms);transition:opacity .5s var(--ease-out),filter .5s var(--ease-out)}.shot-tile .flip{position:relative;aspect-ratio:16 / 9;transform-style:preserve-3d;transition:transform .8s var(--ease-out)}.shot-tile .face{position:absolute;top:0;right:0;bottom:0;left:0;box-sizing:border-box;border-radius:6px;-webkit-backface-visibility:hidden;backface-visibility:hidden}.shot-tile .front{padding:0;overflow:hidden;border:1px solid var(--line);background:linear-gradient(180deg,#14131c,#0a0a12);transition:border-color .3s,box-shadow .3s}.shot-tile .front img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.shot-tile .front:not(:disabled):hover{border-color:#e8c07a8c;box-shadow:0 8px 28px #e8c07a24}.shot-tile .front:disabled{cursor:default}.shot-tile .back{transform:rotateY(180deg)}.shot-tile.flipped{grid-column:1 / -1;order:-1}.shot-tile.flipped .flip{transform:rotateY(180deg);aspect-ratio:auto}.shot-tile.flipped .back{position:relative;inset:auto}.shot-tile.flipped .front{position:absolute}.shot-tile.dim{grid-column:span 2;opacity:.5;filter:grayscale(.4)}.shot-tile.dim:hover,.shot-tile.dim:focus-within{opacity:1;filter:none}.shot-tile.was .front{border-color:var(--accent);box-shadow:0 8px 28px #e8c07a29}.shot-was{position:absolute;z-index:1;left:8px;top:8px;padding:2px 8px;border-radius:999px;background:#07070bb8;border:1px solid rgba(232,192,122,.6);color:var(--accent);font-size:11px;letter-spacing:.12em}.shot-reveal{background:linear-gradient(180deg,#14100aeb,#0c0c12e6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.shot-reveal .kicker{font-size:11px;letter-spacing:.28em;color:var(--accent)}.shot-reveal .probe-blurb{-webkit-line-clamp:3}.reveal-img{position:relative;aspect-ratio:16 / 9;overflow:hidden;border-radius:5px;background:linear-gradient(180deg,#14131c,#0a0a12)}.reveal-img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.meters{display:flex;flex-wrap:wrap;gap:6px 16px}.meter{display:inline-flex;align-items:center;gap:7px;font-size:11px;letter-spacing:.06em;color:var(--fg-dim)}.pips{display:inline-flex;gap:3px}.pips i{width:11px;height:4px;border-radius:2px;background:#ece8df2e}.pips i.on{background:var(--accent)}.meter-text{color:var(--fg);font-variant-numeric:tabular-nums}.vs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.vs-card{display:flex;flex-direction:column;gap:9px;min-width:0;padding:8px 8px 12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:border-color .3s,box-shadow .3s;animation:pop .7s var(--ease-out) backwards}.vs-card:nth-child(2){animation-delay:80ms}.vs-card.on{border-color:var(--accent);box-shadow:0 8px 28px #e8c07a29}.vs-card h3{margin:2px 4px 0;font-size:16px;font-weight:400;letter-spacing:.02em;line-height:1.35}.vs-pitch{margin:0 4px;font-size:12px;line-height:1.55;color:var(--fg-dim);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.vs-card .meter{margin:0 4px}.vs-pick{margin-top:auto;border:1px solid rgba(232,192,122,.6);border-radius:6px;background:#e8c07a1f;color:#fff;padding:11px 8px;font-size:14px;font-weight:400;letter-spacing:.08em;transition:transform .35s var(--ease-out),background .3s}.vs-pick:hover{transform:translateY(-2px);background:#e8c07a38}.vs-card.on .vs-pick{background:var(--accent);color:#14100a}.ghost.on{border-color:var(--accent);color:var(--fg)}@media (max-width: 860px){.aud-card,.vs-pick{min-height:44px}}@media (max-width: 560px){.aud-grid,.vs{grid-template-columns:minmax(0,1fr)}}@media (max-width: 399px){.shot-tile{grid-column:1 / -1}.shot-tile.dim{grid-column:span 2}}.interested{position:relative;margin-left:auto;margin-right:16px}.interested-toggle{display:inline-flex;align-items:baseline;gap:8px;white-space:nowrap;border:1px solid rgba(232,192,122,.55);border-radius:4px;background:#e8c07a1a;color:var(--accent);padding:6px 12px;font-size:12px;letter-spacing:.1em;transition:background .25s,border-color .25s}.interested-toggle:hover,.interested.open .interested-toggle{background:#e8c07a33;border-color:#e8c07ae6}.interested-toggle small{font-size:10px;letter-spacing:.08em;color:var(--fg-dim)}.interested-panel{position:absolute;right:0;top:calc(100% + 10px);z-index:12;width:min(360px,calc(100vw - 32px));max-height:min(70vh,560px);overflow-y:auto;padding:8px;border-radius:6px;border:1px solid var(--line);background:#0c0c12f0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 30px 60px #0009;animation:pop .3s var(--ease-out) both;scrollbar-width:thin}.interested-panel ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}.interested-panel li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:5px 6px;border-radius:4px}.interested-panel li:hover{background:#ece8df0d}.interested-panel li.il-dim{opacity:.6}.interested-panel .il-open{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:10px;min-width:0;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.interested-panel .il-open:hover .il-name{color:var(--accent)}.interested-panel .il-cover{width:30px;height:42px;border-radius:3px;overflow:hidden;background:linear-gradient(160deg,#3a3a4a,#0a0a12)}.interested-panel .il-cover img{width:100%;height:100%;object-fit:cover;display:block}.interested-panel .il-name{font-size:13px;letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.interested-panel a{font-size:11px;letter-spacing:.06em;color:var(--fg-dim);text-decoration:none;white-space:nowrap}.interested-panel a:hover{color:var(--accent)}.interested-panel .il-x{width:26px;height:26px;padding:0;border:1px solid transparent;border-radius:50%;background:none;color:var(--fg-dim);font-size:15px;line-height:1}.interested-panel .il-x:hover{border-color:#e26d7a99;color:#f0a9b2}.interested-panel .il-empty{margin:6px;font-size:12px;color:var(--fg-dim)}.interested-panel .prev-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 6px 4px;padding-top:8px;border-top:1px solid var(--line);font-size:11px;letter-spacing:.14em;color:var(--fg-dim)}.interested-panel .prev-head button{border:1px solid rgba(232,192,122,.5);background:transparent;color:var(--accent);border-radius:3px;padding:3px 9px;font-size:11px;letter-spacing:.1em}.interested-panel .prev-head button:hover{background:#e8c07a1f}@media (max-width: 480px){.top{padding-left:16px;padding-right:16px}.brand{white-space:nowrap}.brand small{display:none}}@media (max-width: 860px){.interested{margin-right:10px}.interested-toggle small{display:none}.interested-panel .il-x,.interested-toggle{min-height:36px}.interested-panel .il-x{width:36px}}.viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#050509e0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:viewer-in .28s var(--ease-out) both}.viewer.closing{animation:viewer-out .24s var(--ease-in-out) both;pointer-events:none}.viewer.closing .viewer-stage{animation:viewer-drop .24s var(--ease-in-out) both}@keyframes viewer-in{0%{opacity:0}to{opacity:1}}@keyframes viewer-out{0%{opacity:1}to{opacity:0}}@keyframes viewer-rise{0%{opacity:0;transform:translateY(26px) scale(.975)}to{opacity:1;transform:none}}@keyframes viewer-drop{0%{transform:none}to{transform:translateY(18px) scale(.985)}}.viewer-scroll{position:absolute;top:0;right:0;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:calc(28px + env(safe-area-inset-top,0px)) 92px calc(40px + env(safe-area-inset-bottom,0px));scrollbar-width:thin}.viewer-stage{display:grid;max-width:760px;margin:0 auto}.viewer-body{grid-area:1 / 1;min-width:0;display:grid;gap:14px;align-content:start}.viewer-body.in.open{animation:viewer-rise .42s var(--ease-out) both}.viewer-body.in.fwd{animation:viewer-in-fwd .38s var(--ease-out) both}.viewer-body.in.back{animation:viewer-in-back .38s var(--ease-out) both}.viewer-body.out{pointer-events:none}.viewer-body.out.fwd{animation:viewer-out-fwd .38s var(--ease-out) both}.viewer-body.out.back{animation:viewer-out-back .38s var(--ease-out) both}@keyframes viewer-in-fwd{0%{opacity:0;transform:translate(90px)}to{opacity:1;transform:none}}@keyframes viewer-in-back{0%{opacity:0;transform:translate(-90px)}to{opacity:1;transform:none}}@keyframes viewer-out-fwd{0%{opacity:1;transform:none}to{opacity:0;transform:translate(-90px)}}@keyframes viewer-out-back{0%{opacity:1;transform:none}to{opacity:0;transform:translate(90px)}}@media (prefers-reduced-motion: reduce){.viewer-body.in,.viewer-body.out{animation-duration:.01s}}.viewer .card{box-sizing:border-box;width:100%;max-height:none;overflow:visible;border-color:#e8c07a59}.viewer .card.enter{transform:none;opacity:1}.viewer .card h3{font-size:24px}.viewer .card .blurb{font-size:14px;-webkit-line-clamp:unset;display:block}.viewer .card .fb button,.viewer .card .fb a{font-size:12px;padding:7px 12px}.viewer .card .fb{justify-content:flex-end}.viewer .card .fb a,.viewer .card .fb .to-details{margin-left:0}.viewer-loading{margin:0;padding:60px 0;text-align:center;color:var(--fg-dim)}.viewer-nav{position:absolute;top:50%;z-index:3;width:52px;height:52px;padding:0;margin-top:-26px;border-radius:50%;border:1px solid var(--line);background:#0c0c12cc;color:var(--fg);display:grid;place-items:center;transition:transform .3s var(--ease-out),border-color .3s,background .3s}.viewer-nav:hover{transform:scale(1.08);border-color:#e8c07a99;background:#e8c07a1f}.viewer-nav.prev{left:20px}.viewer-nav.next{right:20px}.viewer-close{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));right:18px;z-index:3;width:44px;height:44px;padding:0;border:0;background:none;color:var(--fg-dim);display:grid;place-items:center;transition:color .25s,transform .3s var(--ease-out)}.viewer-close:hover{color:var(--fg);transform:scale(1.1)}.chev{display:block}.details{display:grid;gap:14px;padding:18px 20px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.details-group h4{margin:0 0 8px;font-size:11px;font-weight:400;letter-spacing:.26em;color:var(--accent);display:flex;align-items:baseline;gap:10px}.details-note{margin:10px 0 0;font-size:11px;letter-spacing:.04em;color:var(--fg-dim)}.details-similar{display:flex;flex-wrap:wrap;gap:4px 6px}.details-similar>*{font:inherit;font-size:13px;padding:3px 9px;border-radius:3px;border:1px solid var(--line);color:var(--fg-dim);background:none}.details-similar>button{color:var(--fg);border-color:#e8c07a73;cursor:pointer;transition:background .25s,border-color .25s}.details-similar>button:hover{background:#e8c07a1f;border-color:#e8c07ae6}.details .meters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 28px;margin-bottom:14px}.details .meter{display:flex;align-items:center;gap:10px;min-width:0}.details .meter-label{flex:none;min-width:4.6em}.details .meter{font-size:13px}.details-group+.details-group{padding-top:14px;border-top:1px solid var(--line)}.details dl{margin:0;display:grid;gap:7px}.details dl>div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;align-items:baseline}.details dt{font-size:12px;letter-spacing:.08em;color:var(--fg-dim)}.details dd{margin:0;font-size:14px;line-height:1.5;overflow-wrap:anywhere}@media (max-width: 860px){.viewer-scroll{padding:calc(60px + env(safe-area-inset-top,0px)) 12px calc(84px + env(safe-area-inset-bottom,0px))}.viewer-nav{top:auto;bottom:calc(18px + env(safe-area-inset-bottom,0px));margin-top:0;width:46px;height:46px}.viewer-nav.prev{left:14px}.viewer-nav.next{right:14px}.viewer-close{right:8px}.details{padding:14px}.details dl>div{grid-template-columns:84px minmax(0,1fr);gap:10px}.details .meters{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}}.fmg-coffee-top{margin-left:auto;margin-right:16px;white-space:nowrap;border:1px solid var(--line);border-radius:4px;background:#ece8df0a;color:var(--fg);padding:6px 12px;font-size:12px;letter-spacing:.1em;transition:background .25s,border-color .25s}.fmg-coffee-top:hover{background:#ece8df17;border-color:#ece8df66}.fmg-coffee-top+.interested{margin-left:0}.fmg-coffee-options{display:grid;gap:10px}.fmg-coffee-option{display:grid;gap:4px;text-align:left;padding:14px 16px;border:1px solid var(--line);border-radius:6px;background:#ece8df08;color:var(--fg);text-decoration:none;transition:border-color .25s,background .25s,transform .35s var(--ease-out)}.fmg-coffee-option:hover{border-color:#e8c07a99;background:#e8c07a14;transform:translateY(-2px)}.fmg-coffee-option strong{font-weight:500;font-size:16px;letter-spacing:.04em}.fmg-coffee-option small{color:var(--fg-dim);font-size:12px;letter-spacing:.04em}