:root{--water: #1e9a96;--white: #ffffff;--sea-ink: #083f42;--cream: #fbf6ec;--paper: #fffaf2;--oat: #ece3d1;--lemon: #f5e24a;--lemon-ink: #4d4500;--lemon-pale: #fdf8cf;--denim: #3b6aa8;--denim-ink: #0e2242;--lavender: #b9a9e8;--lavender-ink: #33266b;--peach: #f6a07f;--peach-ink: #5a1c0a;--sea-glass: #a9d6cb;--sea-glass-ink: #0b3b37;--tomato: #e0573c;--olive: #6b7430;--plum: #7a5c8f;--mustard: #d9a530;--rare: #13292b;--cobalt: #2d3eff;--vermilion: #ff593d;--acid: #b9ee43;--lilac-pop: #b9a2ff;--tangerine: #ff711f;--muted: #4a6a6b;--sea: var(--sea-ink);--ink: var(--sea-ink);--sea-blue: var(--denim);--sea-blue-ink: var(--denim-ink);--lilac: var(--lavender);--lilac-ink: var(--lavender-ink);--coral-pop: var(--peach);--coral-ink: var(--peach-ink);--coral: var(--tomato);--pearl: radial-gradient(70% 130% at 18% 0%, rgba(255,255,255,.9), rgba(255,255,255,0) 55%), linear-gradient(110deg, #ffd9ec, #dccfff, #c6f0f2, #fff0c4, #ffd3ea, #cfe2ff, #ffd9ec) 0 0 / 300% 100%;--pearl-soft: radial-gradient(70% 130% at 18% 0%, rgba(255,255,255,.95), rgba(255,255,255,.35) 60%), linear-gradient(110deg, #ffe6f2, #e9e0ff, #daf5f6, #fff6d9, #ffe3f0, #e2ecff);--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}:is(a,button,input,[tabindex]):focus-visible{outline:3px solid var(--white);outline-offset:3px}:is(.entry,.sendbox,.jbubble,.tcard,.guide-card,.firsttime,.opick) :focus-visible{outline-color:var(--sea-ink)}[tabindex="-1"]:focus{outline:none}.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(--sea-ink);background:var(--pearl);border:2px solid var(--white);line-height:1;padding:13px 12px 13px 24px;border-radius:999px;box-shadow:none;transition:transform .25s cubic-bezier(.2,.8,.2,1),background-position 1.4s ease}.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);background-position:0 0,100% 0}.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 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)}.sea{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(46%,230px),1fr));gap:8px 12px}.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-ink);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)}a.tile{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}.tile{display:grid;align-content:start;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, var(--lemon));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: var(--rare);color:var(--white)}.sticker.lemon{--stk: var(--lemon);color:var(--lemon-ink)}.sticker.coral{--stk: var(--coral-pop);color:var(--coral-ink)}.sticker.lilac{--stk: var(--lavender);color:var(--lavender-ink)}.sticker.salt{--stk: var(--sea-glass);color:var(--sea-glass-ink)}.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{box-sizing:border-box;width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(8,63,66,.16);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:var(--muted);margin-top:8px}.latin i{font-style:italic}.lbl{font-weight:700;font-size:.78rem;color:var(--muted);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:var(--muted)}.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:var(--oat)}.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:var(--muted)}.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:var(--sea-ink)}.facts{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--oat);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:var(--muted)}.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 .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:var(--sea-glass);color:var(--sea-glass-ink)}.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}}.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(--pearl-soft);color:var(--sea-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 .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}@keyframes surface{0%{transform:translateY(80px) scale(.6) rotate(-10deg);opacity:0}to{transform:none;opacity:1}}.btn{font-weight:800;font-size:.95rem;padding:13px 20px;border-radius:999px;background:var(--white);color:var(--sea-ink);box-shadow:none}.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:var(--muted);max-width:34ch}.pearl img.made{width:min(100%,360px);border-radius:22px;box-shadow:none;display:block}.pearl .note{font-size:.85rem;font-weight:600;color:var(--muted)}@media(prefers-reduced-motion:reduce){.qbody,.match .big{animation:none}}.marquee:hover .run{animation-play-state:paused}.navs{display:flex;gap:8px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--oat);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:var(--muted)}.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:var(--cream);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){.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}}.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:var(--white);text-shadow:0 1px 8px rgba(0,30,35,.6)}.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(--pearl-soft);color:var(--sea-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:var(--white);text-shadow:0 1px 8px rgba(0,30,35,.6)}.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}.match h1{margin-top:2px}.btn.hot{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--pearl);color:var(--sea-ink);font-weight:600;border:2px solid var(--white);text-decoration:none;transition:transform .25s cubic-bezier(.2,.8,.2,1),background-position 1.4s ease}.btn.hot:not(:disabled):hover{background-position:0 0,100% 0}.btn.hot:disabled{opacity:.45;cursor:default}.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)}.pearl h2{font-size:1.5rem}.pearl p{margin:0;max-width:32ch}.pearl img.made{width:min(100%,280px);border-radius:20px}.pearl .note{font-size:.85rem}@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}.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}.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}.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:var(--sea-ink)}.jbubble .jhi{font-weight:800;font-size:1.15rem;letter-spacing:-.015em;color:var(--sea-ink);padding-right:22px}.jclose{display:grid;place-items:center;position:absolute;top:6px;right:6px;width:44px;height:44px;border-radius:50%;font-size:1.1rem;font-weight:800;color:var(--muted)}.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,.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:8px;right:8px}.jscrim .jbubble p{font-size:1.02rem;text-wrap:balance}.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:.75;margin:0 .35em}.match .hero h1{font-size:clamp(2.6rem,12vw,4.2rem);margin-top:0}.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}.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:var(--denim);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}.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:var(--muted);margin:0 8px 20px;text-wrap:balance}.tstats{display:grid;grid-template-columns:repeat(3,1fr);margin:0 6px;border-top:1.5px solid var(--oat);padding-top:14px}.tstats div{display:grid;gap:4px;min-width:0}.tstats div+div{border-left:1.5px solid var(--oat)}.tstats dt{font-size:.7rem;font-weight:700;color:var(--muted)}.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:var(--paper) center / 14px no-repeat}.ans.multi.on{background:var(--pearl-soft);color:var(--sea-ink)}.ans.multi.on:after{border-color:var(--sea-ink);background-color:var(--sea-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:var(--lilac-pop)}.tcard .win.p-stars,.tcard .win.p-bubbles{background:var(--tangerine)}.tcard .win.p-gingham{background:var(--vermilion)}.tcard .win.p-shells{background:var(--acid)}.tcard .win.p-squiggle,.tcard .win.p-lemons{background:var(--cobalt)}.tcard .win.p-scribble{background:var(--vermilion)}.drift{position:relative}@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}.pprop.pp-salt{width:64px;rotate:0deg}.pprop.pp-mignonette{width:43px;rotate:0deg}.shellbox{position:relative}.markwrap{position:relative;display:inline-block}.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}.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:var(--white);text-shadow:0 1px 8px rgba(0,30,35,.6);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}}.nowtag{display:inline-block;font-weight:700;font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;line-height:1;color:var(--lemon-ink);background:var(--lemon-pale);border-radius:999px;padding:5px 8px 4px;white-space:nowrap}dd.hasnow{display:flex;flex-wrap:wrap;align-items:center;gap:7px 8px}.firsttime{width:min(100%,420px);box-sizing:border-box;margin:34px auto 0;background:var(--lemon-pale);color:var(--lemon-ink);border-radius:26px;padding:22px 22px 18px;text-align:left}.firsttime h2{margin:0 0 12px;font-weight:800;font-size:1.3rem;letter-spacing:-.02em;line-height:1.1;color:var(--lemon-ink)}.firsttime ol{margin:0;padding:0;list-style:none;counter-reset:ft;display:grid;gap:10px}.firsttime li{counter-increment:ft;display:grid;grid-template-columns:26px 1fr;gap:10px;align-items:baseline;font-size:.98rem;line-height:1.45}.firsttime li:before{content:counter(ft);display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--lemon);font-weight:800;font-size:.85rem;align-self:start}.firsttime b{font-weight:800}.match.morphing .firsttime{display:none}.friendline{display:flex;align-items:center;gap:12px;width:min(100%,420px);box-sizing:border-box;margin:26px auto 0;padding:10px 18px 10px 10px;border-radius:999px;background:#ffffff1f;border:1.5px solid rgba(255,255,255,.3);color:var(--white);text-align:left;font-weight:600;font-size:.95rem;line-height:1.3}.friendline:hover{background:#fff3}.friendline b{font-weight:800;color:var(--lemon-pale)}.friendline .fv{flex:none;width:46px;height:46px;position:relative}.friendline .fv>*,.friendline .fv canvas,.friendline .fv img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;object-fit:contain}.match.morphing .friendline{display:none}.jsite{justify-self:center;display:inline-flex;align-items:center;gap:6px;margin-top:6px;padding:8px 14px;border-radius:999px;background:var(--lemon-pale);color:var(--lemon-ink);font-weight:800;font-size:.92rem;text-decoration:none}.jsite:hover{background:var(--lemon)}.jsite[hidden]{display:none}.guide-body{min-height:100vh}.guide-top{position:relative;z-index:2;max-width:760px;margin:0 auto;padding:calc(env(safe-area-inset-top,0px) + 18px) 16px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}.guide-home{font-weight:700;font-size:1.6rem;letter-spacing:-.045em;color:var(--white);text-decoration:none;text-shadow:0 2px 16px rgba(0,40,45,.35)}.guide-back{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:.88rem;color:var(--white);text-decoration:none;text-shadow:0 1px 10px rgba(0,40,45,.55)}.guide{position:relative;z-index:1;max-width:760px;margin:0 auto;padding:18px 16px calc(env(safe-area-inset-bottom,0px) + 48px)}.guide-card{background:var(--cream);color:var(--ink);border-radius:28px;padding:30px 24px 26px;display:grid;gap:26px}.guide-card .kicker{justify-self:start;margin:0}.guide-card h1{margin:-12px 0 0;font-weight:800;color:var(--sea-ink);font-size:clamp(2rem,6.4vw,3rem);line-height:.98;letter-spacing:-.03em;text-wrap:balance}.guide-lead{margin:-10px 0 0;font-size:1.12rem;line-height:1.5;color:var(--muted)}.guide-card section{display:grid;gap:12px}.guide-card h2{margin:0;font-weight:800;color:var(--sea-ink);font-size:1.45rem;letter-spacing:-.02em;line-height:1.1}.guide-card p{margin:0;font-size:1.02rem;line-height:1.62}.guide-card a:not(.btn){color:var(--sea-ink);font-weight:700;text-decoration:none;background:var(--lemon-pale);border-radius:6px;padding:0 4px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.guide-card a:not(.btn):hover{background:var(--lemon)}.guide-list{margin:0;padding-left:20px;display:grid;gap:6px;line-height:1.55}.guide-kinds{margin:0;display:grid;gap:10px}.guide-kinds>div{background:var(--white);border-radius:18px;padding:14px 16px}.guide-kinds dt{font-weight:800;color:var(--sea-ink);font-size:1.05rem;margin-bottom:4px}.guide-kinds dd{margin:0;line-height:1.55}.guide-steps{margin:0;padding:0;list-style:none;counter-reset:gs;display:grid;gap:10px}.guide-steps li{counter-increment:gs;display:grid;grid-template-columns:28px 1fr;gap:12px;line-height:1.55}.guide-steps li:before{content:counter(gs);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--lemon);color:var(--lemon-ink);font-weight:800;font-size:.88rem}.guide-cta{display:grid;justify-items:center;gap:12px;padding-top:4px}.guide-cta .btn.xl{width:min(100%,380px)}.guide-cta a.btn{text-decoration:none}.guide-cta .guide-all{background:none!important;color:var(--muted)!important;font-weight:700}.guide-sources{border-top:1px solid var(--oat);padding-top:18px}.guide-sources h2{font-size:1rem;color:var(--muted);margin-bottom:8px}.guide-sources ul{margin:0;padding-left:18px;display:grid;gap:6px;font-size:.9rem}.guide-sources a{background:none!important;color:var(--muted)!important;font-weight:600!important;padding:0!important}@media(min-width:700px){.guide-card{padding:44px 48px 36px}.guide-kinds{grid-template-columns:1fr 1fr}}.more101{display:flex;flex-direction:column;align-items:center;gap:14px;margin:40px 0 120px}.factsnote{font-weight:600;font-size:.82rem;color:var(--white);text-align:center;text-shadow:0 1px 8px rgba(0,30,35,.6);max-width:34ch}.more101 a,a.read101{display:inline-flex;justify-self:start;align-items:center;font-weight:800;font-size:.95rem;color:var(--lemon-ink);background:var(--lemon-pale);padding:10px 16px;border-radius:999px;text-decoration:none}.more101 a:hover,a.read101:hover{background:var(--lemon)}.more101 a{gap:8px;font-weight:700;font-size:1rem;color:var(--white);background:#ffffff1f;border:2px solid rgba(255,255,255,.8);padding:12px 18px 12px 22px;transition:background .2s,transform .25s cubic-bezier(.2,.8,.2,1)}.more101 a:hover{background:#fff3;transform:scale(1.03)}.more101 a svg{flex:none;transition:transform .25s cubic-bezier(.2,.8,.2,1)}.more101 a:hover svg{transform:translate(3px)}.firsttime a.read101{margin-top:6px;gap:6px;font-size:.95rem;background:none;padding:12px 0}.firsttime a.read101:hover{background:none}.firsttime a.read101 svg{transition:transform .25s cubic-bezier(.2,.8,.2,1)}.firsttime a.read101:hover svg{transform:translate(3px)}.guide-note{background:var(--lemon-pale);color:var(--lemon-ink);border-radius:20px;padding:16px 18px;line-height:1.55;font-size:.98rem}.new101{justify-self:start;display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:.95rem;color:var(--muted);text-decoration:none;padding:4px 0}.new101 b{font-weight:800;color:var(--sea-ink)}.new101:hover b{color:var(--sea)}.sendscrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:16px;box-sizing:border-box;background:#04282c73;overflow-y:auto}.sendscrim[hidden]{display:none}.sendbox{position:relative;width:min(380px,100%);box-sizing:border-box;background:var(--white);color:var(--ink);border-radius:28px;padding:26px 22px 22px;display:grid;gap:14px;box-shadow:0 0 0 6px var(--lemon);rotate:-1deg;animation:pop .4s cubic-bezier(.2,1.5,.4,1)}.sendbox h2{margin:0;font-weight:800;font-size:1.45rem;letter-spacing:-.02em;color:var(--sea-ink);padding-right:30px}.sendbox .jclose{top:8px;right:8px}.sendpick{display:grid;place-items:center;gap:8px;min-height:120px;border-radius:20px;background:var(--cream);border:2px dashed var(--oat);cursor:pointer;padding:12px;font-weight:800;color:var(--sea-ink)}.sendpick input{position:absolute;opacity:0;width:1px;height:1px}.sendpick img{max-width:100%;max-height:200px;border-radius:12px}.opick{position:relative}.opick-field{position:relative;display:grid}.opick-field .ic{position:absolute;left:13px;top:50%;translate:0 -50%;color:var(--muted);pointer-events:none}.opick-field input{padding-left:40px!important}.opick-field input.chosen{font-weight:800;color:var(--sea-ink);border-color:var(--sea-ink)}.opick-list{list-style:none;margin:0;padding:6px;max-height:232px;overflow-y:auto;overscroll-behavior:contain;border-radius:16px;background:var(--white);border:2px solid var(--oat)}.opick-list li{padding:9px 12px;border-radius:10px;font-weight:600;font-size:.95rem;color:var(--ink);cursor:pointer}.opick-list li[data-id]:hover,.opick-list li.on{background:var(--pearl-soft)}.opick-list li[aria-selected=true]{font-weight:800;color:var(--sea-ink)}.opick-list .opick-r{cursor:default;padding:10px 12px 4px;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.opick-list .opick-none{cursor:default;color:var(--muted)}.sendpick-i{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--white);color:var(--sea-ink)}.sendpick:has(img:not([hidden])) .sendpick-i{display:none}.guide-photos .sendopen{font:inherit;font-weight:800;color:var(--lemon-ink);background:var(--lemon-pale);border-radius:6px;padding:0 4px;cursor:pointer}.guide-photos .sendopen:hover{background:var(--lemon)}.sendname{display:grid;gap:6px;font-weight:700;font-size:.9rem;color:var(--sea-ink)}.sendname input{font:inherit;font-weight:600;padding:11px 14px;border-radius:14px;border:2px solid var(--oat);background:var(--cream);color:var(--ink)}.sendname input:focus{outline:none;border-color:var(--sea-ink);background:var(--white)}.sendpick:has(input:focus-visible){border-color:var(--sea-ink)}.sendsmall{margin:0;font-size:.8rem;line-height:1.45;color:var(--muted)}.sendmsg{margin:0;min-height:1em;font-weight:700;color:var(--sea-ink);text-align:center}.sendbox .btn.xl{width:100%}.guide-photos{margin:0;padding-top:16px;border-top:1px solid var(--oat);font-size:.92rem!important;color:var(--muted)}.guide-photos a{background:none!important;color:inherit!important;font-weight:600!important;padding:0!important}.seg button,.picker button,.regions button{position:relative}.seg button:after,.picker button:after,.regions button:after{content:"";position:absolute;top:-4px;right:-1px;bottom:-4px;left:-1px}.quiet,.qback{min-height:44px;display:inline-flex;align-items:center;justify-content:center}@media(max-width:560px){.regions{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;margin-inline:-16px;padding:4px 16px}.regions::-webkit-scrollbar{display:none}.regions button{flex:none}}@media(prefers-reduced-motion:reduce){.tag,.btn.hot,.jbtn{transition:none}.tag:hover{transform:none}}.lost{position:relative;z-index:1;display:grid;justify-items:center;text-align:center;gap:18px;padding:clamp(24px,8vh,72px) 16px calc(env(safe-area-inset-bottom,0px) + 48px)}.lost-stage{position:relative;width:min(90vw,420px);aspect-ratio:1.15}.lost-shell{position:absolute;left:0;bottom:0;width:60%;aspect-ratio:1;rotate:-14deg;animation:bob 6s ease-in-out infinite}.escapee{position:absolute;right:0;top:8%;width:44%;animation:swim 2.6s ease-in-out infinite alternate}.escapee svg{display:block;width:100%;overflow:visible}.escapee .wake{animation:wake 1.3s ease-in-out infinite alternate}.bye{position:absolute;right:4%;top:-34%;rotate:7deg;font-weight:800;font-size:clamp(1rem,4.4vw,1.25rem);letter-spacing:-.02em;color:var(--sea-ink);background:var(--cream);padding:7px 14px 6px;border-radius:18px 18px 18px 4px}@keyframes swim{0%{transform:translate(-6px,4px) rotate(4deg)}to{transform:translate(8px,-6px) rotate(-5deg)}}@keyframes wake{0%{opacity:.35;transform:translate(4px)}to{opacity:1;transform:none}}.lost h1{margin:0;font-weight:800;color:var(--white);font-size:clamp(2.4rem,11vw,4.2rem);line-height:.92;letter-spacing:-.03em;text-wrap:balance;text-shadow:0 3px 30px rgba(0,40,45,.35)}.lost .ctas{margin-top:18px}.lost a.btn,.lost a.quiet{text-decoration:none}@media(prefers-reduced-motion:reduce){.lost-shell,.escapee,.escapee .wake{animation:none}}.ans{touch-action:manipulation;transition:transform .16s cubic-bezier(.2,.8,.2,1),background .12s}.ans:hover{transform:none;background:var(--cream)}@media(hover:hover){.ans:hover{transform:translateY(-3px);background:var(--white)}}.ans:active{transform:scale(.97);transition-duration:.06s}.ans.picked,.ans.picked:hover{background:var(--pearl-soft);animation:picked .2s cubic-bezier(.2,1.4,.4,1)}.ans.multi.on,.ans.multi.on:hover{background:var(--pearl-soft)}@keyframes picked{0%{transform:scale(.97)}60%{transform:scale(1.03)}to{transform:none}}@media(prefers-reduced-motion:reduce){.ans.picked{animation:none}}
