:root{--water: #1e9a96;--white: #ffffff;--cream: #fbf6ec;--paper: #ffffff;--sea: #0b4f52;--sea-ink: #083f42;--lemon: #f5e24a;--lemon-ink: #4d4500;--lemon-pale: #fdf8cf;--sea-blue: #2f7de8;--sea-blue-ink: #071c40;--butter: #f7d046;--butter-ink: #5c4400;--lilac: #b9a2ff;--lilac-ink: #3b2391;--coral-pop: #ff8a6b;--coral-ink: #6e1f08;--coral: #f0674a;--ink: #13292b;--head: "Outfit", "Helvetica Neue", Arial, sans-serif;color-scheme:light}html,body{background:var(--water)}.ocean{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--water) url(/ocean2.webp) center / cover no-repeat;filter:none}.ocean:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#06343c4d,#06343c4d),linear-gradient(180deg,#031e2259,#031e2200 30%,#031e2200 75%,#031e224d)}body{margin:0;color:var(--white);font-family:var(--head);font-size:16px;line-height:1.5;-webkit-tap-highlight-color:transparent}.ic{display:block;flex:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}button:focus-visible{outline:3px solid var(--coral);outline-offset:3px}.marquee{position:relative;z-index:2;background:var(--cream);color:var(--sea-ink);overflow:hidden;white-space:nowrap;font-weight:900;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;padding-block:calc(env(safe-area-inset-top,0px) + 8px) 8px}.marquee .run{display:inline-block;animation:slide 45s linear infinite}.marquee span{padding-inline:10px}.marquee .sep{padding-inline:8px;font-size:1.15em;line-height:1}@media(max-width:560px){.marquee{font-size:.66rem;font-weight:700;letter-spacing:.07em;padding-block:calc(env(safe-area-inset-top,0px) + 6px) 6px}.marquee span{padding-inline:8px}.marquee .sep{padding-inline:6px}}@keyframes slide{0%{transform:translate(0)}to{transform:translate(-50%)}}.wrap{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding-inline:16px;padding-block:0 80px}html{scroll-behavior:smooth}.mast{display:grid;justify-items:center;text-align:center;padding-block:clamp(56px,13vh,120px) clamp(80px,15vh,150px);gap:clamp(52px,8vh,76px)}.mark{font-weight:800;color:var(--white);font-size:clamp(4.2rem,22vw,11rem);line-height:.8;letter-spacing:-.075em;margin:0;text-shadow:0 4px 40px rgba(0,40,45,.35)}.tag{display:inline-flex;align-items:center;gap:12px;font-weight:600;font-size:1.15rem;letter-spacing:-.02em;color:var(--lemon-ink);background:var(--cream);border:3px solid var(--lemon-ink);line-height:1;padding:11px 11px 11px 21px;border-radius:999px;box-shadow:none;transition:transform .25s cubic-bezier(.2,.8,.2,1)}.tag i{font-style:normal;width:34px;height:34px;border-radius:50%;background:var(--lemon);color:var(--lemon-ink);display:grid;place-items:center;font-size:1rem;transition:transform .3s cubic-bezier(.2,.8,.2,1)}.tag:hover{transform:scale(1.04)}.bar{position:sticky;top:calc(env(safe-area-inset-top,0px) + 10px);z-index:6;display:flex;justify-content:center;margin-bottom:8px;pointer-events:none}.seg{pointer-events:auto;display:flex;align-items:center;gap:2px;padding:4px;border-radius:999px;background:#0630346b;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);box-shadow:none;max-width:100%;overflow-x:auto;scrollbar-width:none}.seg::-webkit-scrollbar{display:none}.seg button{flex:none;font-weight:700;font-size:.82rem;letter-spacing:-.01em;color:#ffffffd9;padding:8px 13px;border-radius:999px;transition:background .25s,color .25s}.seg button[aria-pressed=true]{background:var(--white);color:var(--sea-ink)}.seg .sep{width:1px;height:18px;background:#ffffff4d;margin-inline:4px;flex:none}.seg #chartBtn{color:var(--lemon-pale)}.drift{display:grid;gap:18px;padding-top:64px;scroll-margin-top:70px}#sea>.drift:first-child{padding-top:22px}.drift-head{display:flex;align-items:end;justify-content:space-between;gap:12px}.drift-head{justify-content:center;text-align:center}.drift-head>div{display:grid;gap:4px;min-width:0;justify-items:center}.drift-head .kick{font-weight:700;font-size:.8rem;color:var(--lemon-pale);letter-spacing:0}.drift h2{font-weight:800;color:var(--white);font-size:clamp(1.9rem,7.5vw,3rem);line-height:.95;letter-spacing:-.025em;margin:0;text-wrap:balance;text-shadow:0 2px 20px rgba(0,40,45,.3)}.drift-head .count{flex:none;font-weight:700;font-size:.8rem;color:#ffffffd9;padding-bottom:3px}.sea{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(46%,230px),1fr));gap:8px 12px}.dir-swipe .sea{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-16px;padding-inline:16px;scroll-padding-inline:16px;scrollbar-width:none;overscroll-behavior-x:contain}.dir-swipe .sea::-webkit-scrollbar{display:none}.dir-swipe .tile{flex:0 0 min(64%,280px);scroll-snap-align:start}.dir-swipe .drift{padding-top:44px}.picker{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 14px);transform:translate(-50%);z-index:15;display:flex;gap:2px;padding:4px;border-radius:999px;background:#ffffffeb;box-shadow:none}.picker span{font-weight:700;font-size:.72rem;color:var(--coral);padding:8px 6px 8px 10px;align-self:center}.picker button{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:.8rem;color:var(--sea-ink);padding:8px 12px;border-radius:999px}.picker button[aria-pressed=true]{background:var(--sea-ink);color:var(--white)}.tile{display:grid;gap:2px;text-align:center;min-width:0;transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .5s ease-out;transition-delay:var(--rd, 0ms)}.tile>*{min-width:0}.tile .card{position:relative;aspect-ratio:1}.tile .float{position:absolute;top:4%;right:4%;bottom:4%;left:4%;will-change:transform;animation:bob 6s ease-in-out infinite;animation-delay:calc(var(--i) * -.7s);transition:transform .35s cubic-bezier(.2,.8,.2,1)}.tile canvas,.tile img{width:100%;height:100%;display:block;object-fit:contain}@keyframes bob{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-6px,0)}}.tile .card{transition:transform .35s cubic-bezier(.2,.8,.2,1)}.tile:hover .card{transform:scale(1.06) rotate(-3deg)}.tile:active .card{transform:scale(.95)}.sticker{text-align:center;position:absolute;top:2px;right:-10px;z-index:2;width:98px;height:65px;display:grid;place-items:center;font-weight:900;font-size:.66rem;line-height:1;text-transform:uppercase;color:var(--sea-ink);transform:rotate(12deg)}.sticker:before{content:none}.sticker svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.sticker svg path{fill:var(--stk, #f5e24a);stroke:currentColor;stroke-width:1.6px;vector-effect:non-scaling-stroke;stroke-linejoin:round}.sticker span{position:relative}.sticker{color:var(--sea-ink)}.sticker.rare{--stk: #13292b;color:#fff}.sticker.lemon{--stk: var(--lemon);color:var(--lemon-ink)}.sticker.coral{--stk: var(--coral-pop);color:var(--coral-ink)}.sticker.lilac{--stk: var(--lilac);color:#3b2391}.sticker.salt{--stk: #8fe3dc;color:#063a3c}.flag{position:absolute;top:8px;left:8px;z-index:2;transform:rotate(-6deg);background:var(--ink);color:var(--paper);font-weight:900;font-size:.62rem;text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:4px 9px}.tile .meta{font-weight:700;font-size:.68rem;color:var(--lemon-pale);text-shadow:0 1px 8px rgba(0,30,35,.6);letter-spacing:.05em;text-transform:uppercase}.tile .nm{font-weight:800;color:var(--white);text-transform:uppercase;font-size:1.15rem;line-height:1;letter-spacing:-.02em;text-shadow:0 2px 14px rgba(0,30,35,.55);padding-bottom:14px}.js-reveal .tile.below{transform:translateY(20px);opacity:0}.tile.away .float{animation-play-state:paused}.layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;background:linear-gradient(#06343c4d,#06343c4d),linear-gradient(180deg,#031e2259,#031e2200 30%,#031e2200 75%,#031e224d),var(--water) url(/ocean2.webp) center / cover no-repeat;color:var(--ink);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);animation:lift .4s cubic-bezier(.2,.8,.2,1)}@keyframes lift{0%{transform:translateY(40px);opacity:.3}to{transform:none;opacity:1}}.close{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:12px 16px}.round{width:44px;height:44px;border-radius:50%;background:var(--white);color:var(--sea-ink);box-shadow:none;display:grid;place-items:center;font-size:1.3rem;font-weight:900;line-height:1}.page{max-width:1060px;margin:0 auto;padding-inline:16px;padding-block:0 40px;display:grid;grid-template-columns:1fr 1fr;gap:0 32px;align-items:center}@media(max-width:760px){.page{grid-template-columns:1fr;padding-bottom:0}.page>.entry{margin-inline:-16px;border-radius:28px 28px 0 0;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 30px)}#sheet{padding-bottom:0}}.page>*{min-width:0}.shellbox{position:relative;aspect-ratio:1;margin-top:-30px;max-width:100%;touch-action:pan-y}.shell{position:absolute;top:5%;right:5%;bottom:5%;left:5%;animation:bob 6s ease-in-out infinite;will-change:transform}.shell canvas,.shell img{width:100%;height:100%;display:block;object-fit:contain}.shellbox .sticker{width:116px;height:77px;font-size:.8rem;top:14px;right:8px}.entry{display:grid;gap:22px;background:var(--cream);color:var(--ink);border-radius:28px;padding:26px 22px 30px}.entry h1{font-weight:800;color:var(--sea);text-transform:uppercase;font-size:clamp(2.1rem,8.8vw,3.5rem);line-height:.88;letter-spacing:-.03em;word-spacing:.12em;margin:0;text-wrap:balance}.latin{font-size:.9rem;color:#6a7676;margin-top:8px}.latin i{font-style:italic}.lbl{font-weight:700;font-size:.78rem;color:#6a7676;margin:0 0 8px}.sliders{display:grid;gap:16px;background:var(--paper);border-radius:20px;padding:18px 18px 16px}.sl{display:grid;gap:12px}.sl .top{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.sl .top b{font-weight:800;font-size:1.1rem;letter-spacing:-.015em;color:var(--sea)}.sl .top span{font-weight:700;font-size:.78rem;color:#6a7676}.sl .track{position:relative;height:14px;margin-inline:13px}.sl .track:before{content:"";position:absolute;top:0;right:-13px;bottom:0;left:-13px;border-radius:999px;background:#f1ece2}.sl .fill{position:absolute;top:0;bottom:0;left:-13px;border-radius:999px;box-sizing:content-box;padding-right:13px}.sl.salt .fill{background:var(--sea-blue);box-shadow:inset 0 0 0 1.5px var(--sea-blue-ink)}.sl.cream .fill{background:var(--lilac);box-shadow:inset 0 0 0 1.5px var(--lilac-ink)}.sl .knob{position:absolute;top:50%;width:44px;height:44px;object-fit:contain;transform:translate(-50%,-54%);pointer-events:none}.sl .ends{display:flex;justify-content:space-between;font-size:.78rem;font-weight:600;color:#8a9494}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips span{font-weight:700;font-size:.92rem;color:var(--sea-ink);background:var(--paper);border-radius:999px;padding:8px 14px}.about{margin:0;font-size:1.06rem;line-height:1.6;max-width:60ch;color:#263c3e}.facts{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#e9e0cd;border-radius:20px;overflow:hidden;margin:0}.facts div{background:var(--paper);padding:14px 16px;min-width:0}.facts dt{font-weight:700;font-size:.75rem;color:#6a7676}.facts dd{margin:3px 0 0;font-weight:800;font-size:.98rem;letter-spacing:-.02em;color:var(--sea-ink);overflow-wrap:anywhere}.aside{margin:0;background:var(--lemon-pale);border-radius:20px;padding:16px 18px;font-weight:500;line-height:1.5;color:var(--lemon-ink)}.aside:before{content:"Fun fact";display:block;font-weight:800;font-size:.78rem;margin-bottom:4px}.chartwrap{max-width:980px;margin:0 auto;padding-inline:16px;padding-block:0 48px;display:grid;gap:6px}.chartwrap h1{font-weight:800;color:var(--white);text-shadow:0 3px 30px rgba(0,40,45,.35);text-transform:uppercase;font-size:clamp(2.6rem,12vw,4.4rem);line-height:.9;margin:0 0 14px;letter-spacing:-.02em}.chart{position:relative;width:100%}.chart .mid{position:absolute;background:#ffffff59}.chart .mid.v{left:50%;top:40px;bottom:40px;width:1.5px}.chart .mid.h{top:50%;left:10px;right:10px;height:1.5px}.chart .ax{display:inline-flex;align-items:center;gap:4px;position:absolute;z-index:2;font-weight:800;font-size:.72rem;text-transform:uppercase;letter-spacing:.02em;background:var(--white);color:var(--sea-ink);padding:6px 10px 5px;border-radius:999px;box-shadow:none;white-space:nowrap}.chart .ax.t{top:0;left:50%;transform:translate(-50%)}.chart .ax.b{bottom:0;left:50%;transform:translate(-50%)}.chart .ax.l{top:0;left:0;background:#ffffff2e;color:var(--white);box-shadow:none}.chart .ax.r{top:0;right:0;background:#ffffff2e;color:var(--white);box-shadow:none}.chart .ax.l2{bottom:0;left:0;background:#ffffff2e;color:var(--white);box-shadow:none}.chart .ax.r2{bottom:0;right:0;background:#ffffff2e;color:var(--white);box-shadow:none}.chart .quad{position:absolute;z-index:2;font-weight:800;font-size:clamp(.95rem,4vw,1.3rem);line-height:.95;letter-spacing:-.02em;text-transform:uppercase;color:var(--sea-ink);background:var(--lemon);padding:9px 12px 8px;border-radius:16px;pointer-events:none;box-shadow:none}.chart .q1{left:0;top:46px;transform:rotate(-3deg);background:var(--lilac);color:var(--lilac-ink)}.chart .q2{right:0;top:46px;text-align:right;transform:rotate(3deg);background:var(--lemon);color:var(--lemon-ink)}.chart .q3{left:0;bottom:46px;transform:rotate(3deg);background:var(--coral-pop);color:var(--coral-ink)}.chart .q4{right:0;bottom:46px;text-align:right;transform:rotate(-3deg);background:#8fe3dc;color:#063a3c}.chart .node{position:absolute;z-index:1;width:92px;transform:translate(-50%,-40%);display:grid;justify-items:center;text-align:center;color:var(--white)}.chart .nv{animation:bob 6s ease-in-out infinite;animation-delay:calc(var(--i) * -.37s);will-change:transform}.chart .nv canvas,.chart .nv img{width:100%;height:100%;display:block;object-fit:contain;transition:transform .25s cubic-bezier(.2,.8,.2,1)}.chart .node:hover canvas,.chart .node:hover img{transform:scale(1.2) rotate(-4deg)}.chart .node span{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:-.01em;line-height:1.05;margin-top:1px;text-shadow:0 1px 6px rgba(0,30,35,.7),0 0 2px rgba(0,30,35,.5)}@media(prefers-reduced-motion:reduce){.chart .nv{animation:none}html{scroll-behavior:auto}.js-reveal .tile.below{transform:none;opacity:1}.tile,.layer,.marquee .run,.tile .float,.shell{animation:none}.tile .float{transition:none}}.quizcta{margin-top:18px;display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:.95rem;letter-spacing:-.01em;color:var(--sea-ink);background:var(--white);padding:12px 20px;border-radius:999px;box-shadow:none;transition:transform .2s}.quizcta:hover{transform:translateY(-2px) rotate(-1deg)}.quizcta b{width:22px;height:22px;border-radius:50%;background:var(--lemon);display:grid;place-items:center;font-size:.8rem}.seg #quizBtn{color:var(--lemon-pale)}.quizwrap{max-width:620px;margin:0 auto;padding-inline:16px;padding-block:0 60px;display:grid;gap:22px;text-align:center}.qtop{display:grid;gap:10px;justify-items:center}.qbar{width:min(220px,60%);height:6px;border-radius:999px;background:#ffffff40;overflow:hidden}.qbar i{display:block;height:100%;background:var(--lemon);border-radius:999px;transition:width .5s cubic-bezier(.2,.8,.2,1)}.qstep{font-weight:700;font-size:.85rem;color:var(--lemon-pale)}.quizwrap h1{font-weight:800;color:var(--white);font-size:clamp(2.5rem,11.5vw,4.2rem);line-height:.9;letter-spacing:-.03em;margin:0;text-wrap:balance;text-shadow:0 3px 30px rgba(0,40,45,.35)}.qbody{display:grid;gap:22px;animation:qin .45s cubic-bezier(.2,.8,.2,1) both}@keyframes qin{0%{transform:translate(30px);opacity:0}to{transform:none;opacity:1}}.answers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ans{display:grid;justify-items:center;gap:6px;background:var(--cream);color:var(--sea-ink);border-radius:24px;padding:14px 8px 16px;box-shadow:none;transition:transform .25s cubic-bezier(.2,.8,.2,1),background .2s;min-width:0}.ans:hover{transform:translateY(-4px) rotate(-1.5deg);background:var(--white)}.ans:active{transform:scale(.96)}.ans.picked{background:var(--lemon-pale);color:var(--lemon-ink);transform:scale(1.04)}.ans .art{width:100%;aspect-ratio:1;display:grid;place-items:center}.ans .art>div{width:86%;height:86%}.ans .art canvas,.ans .art img{width:100%;height:100%;object-fit:contain;display:block}.ans .art svg{width:74%;height:74%}@media(max-width:560px){.answers{grid-template-columns:1fr}.ans{grid-template-columns:76px 1fr;grid-template-rows:auto auto;justify-items:start;text-align:left;column-gap:14px;row-gap:2px;padding:10px 18px 10px 10px;align-items:center}.ans .art{grid-row:1 / 3;width:76px}.ans b{font-size:1.15rem}}.ans b{font-weight:800;font-size:1rem;letter-spacing:-.015em;line-height:1.05}.qback{justify-self:center;font-weight:700;font-size:.88rem;color:#ffffffe0;padding:6px 10px}.qback:hover{color:var(--white)}.match{display:grid;gap:16px;justify-items:center}.match .stage{position:relative;width:min(76vw,340px);aspect-ratio:1}.match .big{position:absolute;top:0;right:0;bottom:0;left:0;animation:surface 1.1s cubic-bezier(.16,1,.3,1) both}.match .big canvas,.match .big img{width:100%;height:100%;object-fit:contain;display:block}.match .ring{position:absolute;top:8%;right:8%;bottom:8%;left:8%;border-radius:50%;border:2px solid rgba(255,255,255,.6);animation:ripple 1.6s .2s ease-out both}.match .ring.r2{animation-delay:.5s}@keyframes ripple{0%{transform:scale(.4);opacity:.9}to{transform:scale(1.5);opacity:0}}@keyframes surface{0%{transform:translateY(80px) scale(.6) rotate(-10deg);opacity:0}to{transform:none;opacity:1}}.match .pct{font-weight:800;font-size:.85rem;color:var(--lemon-ink);background:var(--lemon);padding:7px 13px 6px;border-radius:999px;transform:rotate(-3deg);box-shadow:none}.match .vibe{margin:-6px 0 0;font-weight:800;font-size:1.25rem;letter-spacing:-.015em;line-height:1.2;color:var(--lemon-pale);max-width:26ch;text-wrap:balance;text-shadow:0 2px 14px rgba(0,30,35,.5)}.match .card{width:100%;background:var(--cream);color:var(--ink);border-radius:26px;padding:20px;display:grid;gap:14px;text-align:left}.match .card p{margin:0;line-height:1.55;color:#263c3e}.match .why{display:flex;flex-wrap:wrap;gap:8px}.match .why span{font-weight:700;font-size:.88rem;color:var(--sea-ink);background:var(--paper);border-radius:999px;padding:7px 12px}.match .row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.btn{font-weight:800;font-size:.95rem;padding:13px 20px;border-radius:999px;background:var(--white);color:var(--sea-ink);box-shadow:none}.also{display:grid;gap:10px;justify-items:center;width:100%}.also>span{font-weight:700;font-size:.85rem;color:var(--lemon-pale)}.also .alts{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.also .alts button{display:grid;justify-items:center;gap:4px;color:var(--white);font-weight:800;font-size:.9rem;text-transform:uppercase;letter-spacing:-.02em;text-shadow:0 1px 10px rgba(0,30,35,.6)}.also .alts .pv{width:64%;aspect-ratio:1}.also .alts canvas,.also .alts img{width:100%;height:100%;object-fit:contain;display:block}.pearl{width:100%;background:var(--cream);color:var(--ink);border-radius:26px;padding:20px;display:grid;gap:12px;justify-items:center;text-align:center}.pearl h2{margin:0;font-weight:800;font-size:1.6rem;letter-spacing:-.025em;color:var(--sea);text-transform:uppercase;line-height:.95}.pearl p{margin:0;color:#4c5c5d;max-width:34ch}.pearl .orb{width:64px;height:64px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#fff 0,#fff 12%,#f4eef6 30%,#d9d1e3 62%,#b9b0c8);box-shadow:none}.pearl img.made{width:min(100%,360px);border-radius:22px;box-shadow:none;display:block}.pearl .row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.pearl .note{font-size:.85rem;font-weight:600;color:#6a7676}@media(prefers-reduced-motion:reduce){.qbody,.match .big,.match .ring{animation:none}.match .ring{display:none}}.marquee .qlink{background:var(--lemon-ink);color:var(--lemon);border-radius:999px;padding:3px 10px;margin-inline:4px}.marquee:hover .run{animation-play-state:paused}.hearted{position:absolute;left:8px;bottom:8px;z-index:2;width:30px;height:30px;border-radius:50%;background:var(--white);color:var(--coral);display:grid;place-items:center;box-shadow:none}.hearted svg,.heartbtn svg{width:16px;height:16px}.heartbtn{width:auto;padding-inline:14px 16px;gap:7px;display:inline-flex;align-items:center;font-weight:800;font-size:.85rem;border-radius:999px}.heartbtn[aria-pressed=true]{background:var(--coral);color:var(--white)}.heartbtn[aria-pressed=true] svg{animation:thump .45s cubic-bezier(.2,1.6,.4,1)}@keyframes thump{0%{transform:scale(.6)}60%{transform:scale(1.35)}to{transform:scale(1)}}.navs{display:flex;gap:8px}.lid{position:absolute;top:7%;right:9%;bottom:9%;left:7%;z-index:3;pointer-events:none;border-radius:50% 46% 52% 48%/60% 58% 42% 40%;background:repeating-radial-gradient(ellipse at 52% 2%,#ffffff29 0,#ffffff29 3px,#0000 3px,#0000 12px),radial-gradient(ellipse at 42% 28%,#ddd6cf 0,#ab9fa1 32%,#74666d,#463b43);box-shadow:none;transform-origin:30% 12%;animation:shuck 1s .3s cubic-bezier(.6,0,.3,1) forwards}@keyframes shuck{0%{transform:none;opacity:1}30%{transform:rotate(-4deg) translateY(-2%);opacity:1}to{transform:translate(38%,-70%) rotate(38deg) scale(.9);opacity:0}}.pair{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#e9e0cd;border-radius:20px;overflow:hidden}.pair div{background:var(--paper);padding:14px 16px;min-width:0}.pair dt{font-weight:700;font-size:.75rem;color:#6a7676}.pair dd{margin:3px 0 0;font-weight:800;font-size:.98rem;letter-spacing:-.02em;color:var(--sea)}.mapview{display:grid;gap:14px;padding-top:10px}.regions{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.regions button{font-weight:700;font-size:.82rem;color:var(--white);padding:8px 13px;border-radius:999px;background:#0630346b;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.regions button[aria-pressed=true]{background:var(--white);color:var(--sea-ink)}.mapbox{position:relative;width:100%;aspect-ratio:1 / 1.05;overflow:hidden;border-radius:28px;background:#04323759;box-shadow:inset 0 0 0 1.5px #ffffff40;touch-action:pan-y}@media(min-width:760px){.mapbox{aspect-ratio:16 / 9}}.mapinner{position:absolute;left:0;top:0;transform-origin:0 0;transition:transform .9s cubic-bezier(.65,0,.25,1)}.mapinner.snap,.mapinner.snap .pin{transition:none}.mapinner svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.mapinner .landp{fill:#fbf6ec;fill-opacity:.9;stroke:#0b4f5240;stroke-width:.6;vector-effect:non-scaling-stroke}.pin{position:absolute;z-index:1;transform:translate(-50%,-50%) scale(calc(1 / var(--k, 1)));display:grid;justify-items:center;width:90px;transition:transform .9s cubic-bezier(.65,0,.25,1)}.pin .pv{width:38px;height:38px;transition:transform .2s}.pin .pv canvas,.pin .pv img{width:100%;height:100%;object-fit:contain;display:block}.pin:hover .pv{transform:scale(1.25)}.pin .pl{font-weight:800;font-size:.68rem;text-transform:uppercase;letter-spacing:-.01em;color:var(--sea-ink);background:var(--white);border-radius:999px;padding:3px 7px;margin-top:-2px;white-space:nowrap;opacity:0;transition:opacity .3s}.zoomed .pin .pl{opacity:1}.pin.hot .pv{width:46px;height:46px}.zoomed .pin .pl.off{opacity:0}.pin:hover .pl,.pin:focus-visible .pl{opacity:1!important;z-index:3}.pin:hover{z-index:4}.bar[hidden]{display:none}@media(prefers-reduced-motion:reduce){.lid{display:none}.mapinner,.pin{transition:none}}.quizwrap h1.long{font-size:clamp(1.9rem,8vw,3rem);line-height:.95}.answers.many{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}@media(max-width:560px){.answers.many{grid-template-columns:1fr;gap:8px}.answers.many .ans{padding-block:6px}.answers.many .ans .art{width:60px;max-height:60px}.answers.many .ans .art>div{max-height:56px}}.ick{width:100%;display:grid;grid-template-columns:84px 1fr;gap:14px;align-items:center;text-align:left;background:#fffffff0;color:var(--ink);border-radius:24px;padding:12px 16px 12px 12px;box-shadow:none;transition:transform .2s}.ick:hover{transform:translateY(-2px)}.ick .pv{width:84px;aspect-ratio:1}.ick .pv canvas,.ick .pv img{width:100%;height:100%;object-fit:contain;display:block}.ick .tx{display:grid;gap:2px;min-width:0}.ick small{font-weight:800;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--coral)}.ick b{font-weight:800;font-size:1.3rem;letter-spacing:-.02em;color:var(--sea-ink);text-transform:uppercase;line-height:1}.ick em{font-style:normal;font-size:.85rem;color:#5d6b6e;line-height:1.35}.pearl img.made{width:min(100%,300px)}#quizSheet *,#quizSheet *:before,#quizSheet *:after{box-sizing:border-box}.quizwrap{max-width:560px;gap:26px;padding-block:4px 72px}.qtop{gap:8px}.qbar{height:5px;width:min(200px,56%)}.qstep{font-size:.8rem;color:#ffffffd9}.quizwrap h1{font-size:clamp(2.2rem,9.5vw,3.6rem);line-height:.94}.quizwrap h1.long{font-size:clamp(1.8rem,7.4vw,2.8rem);line-height:.98}.qbody{gap:24px}.answers,.answers.many{display:grid;grid-template-columns:1fr;gap:10px}.ans{display:grid;grid-template-columns:64px 1fr;grid-template-rows:auto auto;column-gap:16px;row-gap:2px;align-items:center;justify-items:start;text-align:left;padding:12px 20px 12px 14px;min-height:84px;border-radius:22px;background:var(--cream);box-shadow:none;transition:transform .25s cubic-bezier(.2,.8,.2,1),background .2s,box-shadow .25s}.ans:hover{transform:translateY(-3px);background:var(--white);box-shadow:none}.ans:active{transform:scale(.98)}.ans.picked{background:var(--lemon-pale);color:var(--lemon-ink);transform:none}.ans .art,.answers.many .ans .art{grid-row:1 / 3;width:64px;height:64px;max-height:none;display:grid;place-items:center;overflow:hidden;border-radius:16px;background:#0b4f520f}.ans .art .emo{font-size:36px;line-height:1}.ans .art>div,.answers.many .ans .art>div{width:54px;height:54px;max-height:none}.ans .art canvas,.ans .art img{width:100%;height:100%;object-fit:contain}.ans .art svg{width:42px;height:42px}.ans .art img.ico{width:56px;height:56px;filter:none}.ans.picked .art{background:#ffffff8c}.ans b{font-size:1.08rem;line-height:1.15}.ans{grid-template-rows:auto}.ans .art,.answers.many .ans .art{grid-row:1}.qback{color:#ffffffe6}.match{gap:14px}.kicker{display:inline-block;font-weight:800;font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;color:var(--lemon-ink);background:var(--lemon-pale);padding:7px 13px 6px;border-radius:999px;transform:rotate(-3deg);box-shadow:none}.kicker.light{background:#ffffffeb;transform:rotate(2deg)}.match .stage{width:min(68vw,300px);margin-top:4px}.match .pct{position:absolute;right:-6px;top:10%;z-index:2;width:78px;height:78px;border-radius:50%;display:grid;place-content:center;text-align:center;font-weight:800;font-size:1.35rem;line-height:1;letter-spacing:-.02em;color:var(--sea-ink);background:var(--white);transform:rotate(10deg);box-shadow:none;padding:0}.match .pct small{display:block;font-size:.62rem;letter-spacing:.04em;text-transform:uppercase;margin-top:3px;color:var(--coral)}.match h1{margin-top:2px}.match .vibe{margin:-4px 0 6px;font-size:1.15rem;color:var(--lemon-pale)}.rcard{width:100%;background:var(--cream);color:var(--ink);border-radius:28px;padding:22px;display:grid;gap:16px;text-align:left;box-shadow:none}.rcard .where{display:inline-flex;align-items:center;gap:6px;justify-self:start;font-weight:700;font-size:.85rem;color:var(--sea-ink);background:var(--paper);border-radius:999px;padding:7px 12px 7px 9px}.rcard .where svg{width:14px;height:14px;color:var(--coral)}.rcard .about{margin:0;line-height:1.6;color:#263c3e}.rcard .row{display:grid;grid-template-columns:1.4fr 1fr;gap:10px}.rcard .btn{white-space:nowrap;padding-inline:14px}.rcard .btn{width:100%;text-align:center;box-shadow:none}.btn.ghost{background:transparent;border:2px solid rgba(11,79,82,.18);color:var(--sea-ink)}.btn.hot{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--cream);color:var(--lemon-ink);border:3px solid var(--lemon-ink);text-decoration:none}.btn.hot .bi{flex:none;width:30px;height:30px;border-radius:50%;background:var(--lemon);color:var(--lemon-ink);display:grid;place-items:center;transition:transform .25s cubic-bezier(.2,.8,.2,1)}.btn.hot:hover .bi{transform:translate(3px)}.ick{width:100%;display:grid;grid-template-columns:68px 1fr 18px;gap:14px;align-items:center;text-align:left;background:var(--paper);border-radius:20px;padding:12px 14px 12px 12px;box-shadow:none;border:1.5px solid rgba(240,103,74,.25)}.ick:hover{transform:none;border-color:var(--coral)}.ick .pv{width:68px;height:68px;aspect-ratio:auto}.ick b{font-size:1.15rem}.ick em{font-size:.82rem}.ick>i{font-style:normal;font-size:1.6rem;color:var(--coral);line-height:1}.pearl.rcard{justify-items:center;text-align:center;gap:12px;padding:26px 22px 22px}.pearl .orb{width:56px;height:56px}.pearl h2{font-size:1.5rem}.pearl p{margin:0;max-width:32ch}.pearl .row{width:100%}.pearl img.made{width:min(100%,280px);border-radius:20px}.pearl .note{font-size:.85rem}.also{gap:12px;margin-top:8px}.also .alts{grid-template-columns:1fr 1fr;gap:10px}.also .alts button{background:#ffffff24;border:1.5px solid rgba(255,255,255,.35);border-radius:22px;padding:14px 10px;gap:8px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .2s,background .2s;text-shadow:none}.also .alts button:hover{transform:translateY(-2px);background:#ffffff38}.also .alts .pv{width:70%;max-width:120px;aspect-ratio:1}.also .alts b{font-weight:800;font-size:.88rem;text-transform:uppercase;letter-spacing:-.02em;color:var(--white)}@media(min-width:720px){.quizwrap{max-width:600px}}.leftnav{display:flex;gap:8px;align-items:center}.backres{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:.88rem;letter-spacing:-.01em;color:var(--white);background:none;height:44px;padding-inline:6px;border-radius:999px;box-shadow:none;text-shadow:0 1px 10px rgba(0,40,45,.55)}.backres[hidden]{display:none}.entry>*{min-width:0}.entry h1{overflow-wrap:normal}.match{gap:0}.match .hero{display:grid;justify-items:center;gap:12px;width:100%}.match.morphing .hero{display:none}.match:not(.morphing)>.pearl{display:none}.match .hero h1{margin-top:4px}.match .vibe{margin:-2px 0 0}.wherechip{font-weight:700;font-size:.85rem;color:#ffffffeb;background:#ffffff24;border:1.5px solid rgba(255,255,255,.3);border-radius:999px;padding:6px 12px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.ctas{display:grid;gap:12px;justify-items:center;width:min(100%,340px);margin-top:14px}.btn.xl{width:100%;padding:12px 18px;font-size:1.08rem;box-shadow:none}.linkrow{width:100%;display:flex;align-items:center;gap:8px;background:var(--cream);border:3px solid var(--lemon-ink);border-radius:999px;padding:6px 6px 6px 18px}.linkurl{flex:1;min-width:0;border:0;background:none;font:inherit;font-weight:600;font-size:.95rem;color:var(--lemon-ink);text-overflow:ellipsis;outline:none}.linkcopy{flex:none;display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:1.02rem;color:var(--lemon-ink);padding:4px 4px 4px 10px;border-radius:999px}.linkcopy .bi{width:30px;height:30px;border-radius:50%;background:var(--lemon);color:var(--lemon-ink);display:grid;place-items:center}.textlink{font-weight:700;font-size:.9rem;color:#ffffffe0;padding:6px 10px}.textlink:hover{color:var(--white)}.pearl{width:100%;display:grid;justify-items:center;gap:16px;background:none;box-shadow:none;padding:0;text-align:center}.pearl h2{margin:0;font-weight:800;color:var(--white);font-size:clamp(1.8rem,7vw,2.6rem);letter-spacing:-.025em;line-height:.95;text-transform:none;text-shadow:0 3px 24px rgba(0,40,45,.35);text-wrap:balance}.pearl img.made{width:min(100%,320px);border-radius:22px;box-shadow:none}.pearl .note,.ctas .note{color:#ffffffe0;font-weight:600;font-size:.88rem}.example{display:grid;justify-items:center;gap:4px;margin-top:10px}.example img{width:108px;height:auto;transform:rotate(-6deg);animation:bob 5s ease-in-out infinite}.example span{font-weight:800;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--sea-ink);background:var(--white);padding:6px 11px 5px;border-radius:999px;transform:rotate(3deg);margin-top:-10px;box-shadow:none}.jenny{position:fixed;right:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 14px);z-index:16;display:grid;justify-items:end;gap:10px}.jbtn{width:84px;height:84px;background:none;display:grid;place-items:center;transition:transform .25s cubic-bezier(.2,.8,.2,1);animation:bob 5s ease-in-out infinite}.jbtn:hover{transform:scale(1.08) rotate(-6deg)}.jbtn img{width:84px;height:84px;object-fit:contain}.jbtn[aria-expanded=true]{transform:scale(1.06) rotate(-6deg)}.jbubble{position:relative;width:min(290px,calc(100vw - 32px));background:var(--white);color:var(--ink);border-radius:24px 24px 6px;padding:18px 20px 16px;box-shadow:none;display:grid;gap:8px;transform-origin:bottom right;animation:pop .35s cubic-bezier(.2,1.4,.4,1)}.jbubble[hidden]{display:none}@keyframes pop{0%{transform:scale(.6);opacity:0}to{transform:none;opacity:1}}.jbubble p{margin:0;font-size:.95rem;line-height:1.5;color:#263c3e}.jbubble .jhi{font-weight:800;font-size:1.15rem;letter-spacing:-.015em;color:var(--sea-ink);padding-right:22px}.jbubble .jciao{font-weight:800;color:var(--coral)}.jclose{display:grid;place-items:center;position:absolute;top:10px;right:12px;width:28px;height:28px;border-radius:50%;font-size:1.1rem;font-weight:800;color:#6a7676}.jclose:hover{background:#0b4f5214}body:has(.layer:not([hidden])) .jenny{display:none}@media(max-width:560px){.jenny{right:10px;bottom:calc(env(safe-area-inset-bottom,0px) + 10px)}.jbtn,.jbtn img{width:52px;height:52px}}@media(max-width:370px){.jenny{right:8px;bottom:calc(env(safe-area-inset-bottom,0px) + 13px)}.jbtn,.jbtn img{width:46px;height:46px}}@media(prefers-reduced-motion:reduce){.jbtn,.example img,.jbubble{animation:none}}.jscrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;box-sizing:border-box;padding:16px;background:transparent;animation:none}.jscrim[hidden]{display:none}@keyframes fadein{0%{opacity:0}to{opacity:1}}.jscrim .jbubble{box-shadow:0 0 0 6px var(--lemon);rotate:-1.5deg;animation:pop .45s cubic-bezier(.2,1.5,.4,1);position:relative;width:min(380px,100%);box-sizing:border-box;border-radius:28px;padding:96px 26px 28px;text-align:center;justify-items:center;gap:10px;transform-origin:center;margin:70px auto 0}.jface{position:absolute;top:-84px;left:calc(50% - 75px);width:150px;rotate:-6deg;animation:bob 5s ease-in-out infinite}.jscrim .jhi{padding-right:0;font-size:1.45rem;margin-top:8px}.jscrim .jclose{top:14px;right:14px}.jscrim .jbubble p{font-size:1.02rem}.jscrim .jciao{font-size:1.1rem}.page.slide-l{animation:slidel .38s cubic-bezier(.2,.8,.2,1)}.page.slide-r{animation:slider .38s cubic-bezier(.2,.8,.2,1)}@keyframes slidel{0%{transform:translate(40px);opacity:0}to{transform:none;opacity:1}}@keyframes slider{0%{transform:translate(-40px);opacity:0}to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){.page.slide-l,.page.slide-r{animation:none}}.tile .nm{padding-bottom:6px}.tile .taste{font-weight:500;font-size:.82rem;letter-spacing:-.005em;line-height:1.2;color:var(--white);white-space:nowrap;text-shadow:0 1px 8px rgba(0,30,35,.6);padding-bottom:16px;margin-top:2px;pointer-events:none}.tile .taste i{font-style:normal;opacity:.45;margin:0 .35em}.tile .tags{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;padding-bottom:16px;margin-top:-1px;pointer-events:none}.tile .tg{font-weight:700;font-size:.7rem;letter-spacing:-.01em;line-height:1;padding:4px 8px 3px;border-radius:6px;white-space:nowrap;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.tile .tg.s1{background:#e3f6f3;color:#0b4f52}.tile .tg.s2{background:#bfe9e4;color:#0b4f52}.tile .tg.s3{background:#7fd0cb;color:#073a3c}.tile .tg.s4{background:#2a8f93;color:#fff}.tile .tg.s5{background:#0b4f52;color:#fff}.tile .tg.c1{background:#f2efe8;color:#5a4a2c}.tile .tg.c2{background:#efe3c9;color:#5a4a2c}.tile .tg.c3{background:#f2d79a;color:#4a3a18}.tile .tg.c4{background:#f5c25c;color:#3e2e0c}.tile .tg.c5{background:#f0a531;color:#2e2108}.tile .tg{font-weight:700;font-size:.72rem;letter-spacing:-.01em;line-height:1;padding:5px 9px 4px;border-radius:999px;white-space:nowrap}.tile .tg.salt{color:var(--white);background:#06303473;border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.tile .tg.cream{color:var(--sea-ink);background:#fffaf0e0}.match .stage{width:min(64vw,280px)}.match .hero h1{font-size:clamp(2.6rem,12vw,4.2rem);margin-top:0}.rsum{width:100%;max-width:380px;background:var(--cream);color:var(--ink);border-radius:24px;padding:18px 18px 6px;text-align:left;box-shadow:none;margin-top:4px}.rsum .rline{margin:0 0 12px;font-weight:700;font-size:1.02rem;line-height:1.35;letter-spacing:-.02em;color:var(--sea-ink);text-align:center;text-wrap:balance}.rfacts{display:grid;grid-template-columns:1fr 1fr;margin:0;border-top:1px solid #ebe2cf}.rfacts div{padding:11px 4px;min-width:0;border-bottom:1px solid #ebe2cf}.rfacts div:nth-child(odd){padding-right:10px;border-right:1px solid #ebe2cf}.rfacts div:nth-child(2n){padding-left:12px}.rfacts div:nth-last-child(-n+2){border-bottom:0}.rfacts dt{font-weight:700;font-size:.72rem;color:#7a8585}.rfacts dd{margin:4px 0 0;font-weight:800;font-size:.92rem;letter-spacing:-.02em;color:var(--sea-ink);overflow-wrap:anywhere;line-height:1.25}.rfacts .tg{display:inline-block;font-weight:700;font-size:.78rem;line-height:1;padding:5px 9px 4px;border-radius:6px}.rfacts .tg.s1{background:#e3f6f3;color:#0b4f52}.rfacts .tg.s2{background:#bfe9e4;color:#0b4f52}.rfacts .tg.s3{background:#7fd0cb;color:#073a3c}.rfacts .tg.s4{background:#2a8f93;color:#fff}.rfacts .tg.s5{background:#0b4f52;color:#fff}.rfacts .tg.c1{background:#f2efe8;color:#5a4a2c}.rfacts .tg.c2{background:#efe3c9;color:#5a4a2c}.rfacts .tg.c3{background:#f2d79a;color:#4a3a18}.rfacts .tg.c4{background:#f5c25c;color:#3e2e0c}.rfacts .tg.c5{background:#f0a531;color:#2e2108}.match .ctas{width:min(100%,380px);gap:10px;margin-top:18px}.becomebtn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 20px;font-size:1rem;background:#ffffff1f;color:var(--white);border:2px solid rgba(255,255,255,.8);box-shadow:none}.becomebtn:hover{background:#fff3}.textlink.small{font-size:.85rem;font-weight:700;color:#ffffffd9}.match .hero.tc{gap:0}.tc .kicker{margin-bottom:18px}.tcard{width:min(100%,420px);background:var(--cream);color:var(--sea-ink);border-radius:30px;padding:16px 16px 22px;text-align:center;rotate:-2deg;box-shadow:none;animation:surface 1s cubic-bezier(.16,1,.3,1) both}.tcard .win{position:relative;border-radius:20px;background:#ff9ccb;height:clamp(230px,34vh,300px);overflow:hidden;display:grid;place-items:center}.tcard .win .big{position:absolute;top:22px;right:40px;bottom:22px;left:40px;animation:none}.tcard .win .big canvas,.tcard .win .big img{width:100%;height:100%;object-fit:contain}.tcard .pct{position:absolute;right:14px;top:14px;left:auto;width:68px;height:68px;border-radius:50%;background:#fff;color:var(--sea-ink);display:grid;place-content:center;text-align:center;font-weight:900;font-size:1.2rem;line-height:1;padding:0;transform:rotate(10deg);box-shadow:none}.tcard .pct small{display:block;font-size:.56rem;letter-spacing:.08em;text-transform:uppercase;color:var(--coral);margin-top:3px}.match .tcard h1{color:var(--sea-ink);text-shadow:none;font-size:clamp(2.3rem,10vw,2.9rem);line-height:1;letter-spacing:-.03em;margin:22px 6px 8px}.tcard .rline{font-weight:600;font-size:1rem;line-height:1.35;color:#4d5d5e;margin:0 8px 20px;text-wrap:balance}.tstats{display:grid;grid-template-columns:repeat(3,1fr);margin:0 6px;border-top:1.5px solid #ebe2cf;padding-top:14px}.tstats div{display:grid;gap:4px;min-width:0}.tstats div+div{border-left:1.5px solid #ebe2cf}.tstats dt{font-size:.7rem;font-weight:700;color:#8b9292}.tstats dd{margin:0;font-size:.95rem;font-weight:800;letter-spacing:-.02em}.match .tc+.ctas,.tc .ctas{margin-top:64px;width:min(100%,360px)}.ans.multi{position:relative}.ans.multi:after{content:"";position:absolute;right:16px;top:50%;width:22px;height:22px;margin-top:-11px;border-radius:7px;border:2px solid rgba(8,63,66,.25);background:#fff center / 14px no-repeat}.ans.multi.on{background:var(--lemon-pale);color:var(--lemon-ink)}.ans.multi.on:after{border-color:var(--lemon-ink);background-color:var(--lemon-ink);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5 6.5 12 13 4.5' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.ans.multi{padding-right:52px}.qnext{width:fit-content;margin:18px auto 0;display:flex;gap:14px;padding:10px 10px 10px 24px;font-size:1.05rem}.qnext:disabled{opacity:.45;cursor:default}.tcard .pctstk{position:absolute;top:8px;right:2px;width:132px;height:87px;font-size:.82rem;transform:rotate(10deg)}.tcard .pctstk span{font-size:.78rem}.tcard .pctstk span:first-line{font-size:1.15rem}.layer.swap>*{animation:fadein .25s ease both}.latin i{display:inline-block;margin-left:-.02em;padding-right:.05em}.tcard .win:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.2;pointer-events:none}.tcard .win .pctstk{--stk: var(--lemon-pale);z-index:2}.tcard .win.p-waves{background:#7b68ee}.tcard .win.p-stars,.tcard .win.p-bubbles{background:#5fa8ec}.tcard .win.p-gingham{background:#e8432a}.tcard .win.p-shells{background:#66702a}.tcard .win.p-squiggle,.tcard .win.p-lemons{background:#2c5fc0}.tcard .win.p-scribble{background:#e8432a}.drift{position:relative}.prop{position:absolute;z-index:1;pointer-events:none;width:clamp(64px,8vw,104px);top:34px;animation:bob 7s ease-in-out infinite}.prop.l{left:max(4%,calc(50% - 360px));rotate:-18deg}.prop.r{right:max(4%,calc(50% - 360px));rotate:24deg;animation-delay:-3s}@media(max-width:560px){.prop{top:18px}.prop.l{left:2%}.prop.r{right:2%}}.pair .haslemon{position:relative;padding-right:64px}.pprop{position:absolute;right:10px;top:50%;width:50px;translate:0 -50%;rotate:18deg}.tcard{position:relative}@media(prefers-reduced-motion:reduce){.prop{animation:none}}.prop.p-salt{width:clamp(110px,12vw,160px);rotate:0deg;top:52px}.prop.p-mignonette{width:clamp(64px,7vw,88px);rotate:0deg;top:4px}.pprop.pp-salt{width:64px;rotate:0deg}.pprop.pp-mignonette{width:43px;rotate:0deg}.shellbox{position:relative}.markwrap{position:relative;display:inline-block}.hp{position:absolute;pointer-events:none}.hp-lemon{width:13%;left:-7%;bottom:-20%;rotate:0deg;scale:-1 1;z-index:0}.hp-mig{width:11%;right:-8%;top:-14%;z-index:0}.hp-fork{height:62%;left:-5%;top:-26%;rotate:-38deg;z-index:0}.mark{position:relative;z-index:1}.certified{position:absolute;z-index:2;width:max(29%,104px);height:auto;left:-7%;bottom:76%;rotate:-7deg;pointer-events:none}.mark{white-space:nowrap;font-size:clamp(3.1rem,14.5vw,9rem);font-weight:700;letter-spacing:-.045em}.garnish{position:absolute;right:2%;bottom:4%;width:34%;aspect-ratio:1;pointer-events:none;z-index:2}.garnish img{position:absolute}.g-lemon{width:52%;right:6%;bottom:0;rotate:18deg}.g-fork{height:112%;right:46%;bottom:-6%;rotate:32deg}.gstage{position:relative;width:min(82vw,340px);aspect-ratio:1;touch-action:none}.gstage canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}.gstage.moving canvas{cursor:grabbing}.gitem{position:absolute;translate:-50% -50%;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;transition:scale .15s}.gitem.held{cursor:grabbing;scale:1.08}.gitem.leaving{opacity:.45}.gghost{position:fixed;z-index:100;translate:-50% -50%;pointer-events:none;scale:1.08}.tray{display:flex;gap:14px;justify-content:center;align-items:center}.gpick{touch-action:none;cursor:grab;width:58px;height:58px;display:grid;place-items:center;border-radius:50%;transition:transform .2s cubic-bezier(.2,.8,.2,1)}.gpick img{max-width:52px;max-height:52px;object-fit:contain;display:block}.gpick:active{transform:scale(.9)}.minirow{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:100%}.minibtn{flex:1 0 auto;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:800;font-size:.92rem;color:var(--cream);background:#ffffff1f;border:2px solid rgba(251,246,236,.75);padding:10px 12px;border-radius:999px}.minibtn:hover{background:#fff3}.quiet{font-weight:700;font-size:.92rem;color:#ffffffe0;padding:6px 10px}.quiet:hover{color:var(--white)}.quietrow{display:flex;gap:8px;justify-content:center}a.minibtn{text-decoration:none}.pearl img.made{width:min(100%,300px);border-radius:20px;border:4px solid var(--cream);rotate:-1.5deg;box-sizing:border-box}@media(min-width:761px){.page{align-items:start}.shellbox{position:sticky;top:64px;margin-top:0}}.pearl h2.finding{animation:finding 1.4s ease-in-out infinite alternate}@keyframes finding{0%{opacity:.45}to{opacity:1}}@media(prefers-reduced-motion:reduce){.pearl h2.finding{animation:none}}.pearl>h2,.pearl>.note,.pearl>.gstage,.pearl>img.made,.pearl>.ctas{animation:pearlin .5s cubic-bezier(.2,.8,.2,1) both}.pearl>.gstage,.pearl>img.made{animation-delay:.08s}.pearl>.ctas{animation-delay:.32s}.pearl>.tray .gpick{animation:pop .4s cubic-bezier(.2,.8,.2,1) both}.pearl>.tray .gpick:nth-child(1){animation-delay:.18s}.pearl>.tray .gpick:nth-child(2){animation-delay:.23s}.pearl>.tray .gpick:nth-child(3){animation-delay:.28s}.pearl>.tray .gpick:nth-child(4){animation-delay:.33s}@keyframes pearlin{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.pearl>*,.pearl>.tray .gpick{animation:none}}