@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-vietnamese-standard-normal-Br4FGdAc.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-latin-ext-standard-normal-qp-RdZgh.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-latin-standard-normal-C5Lc8Qmc.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--sun:#f7c044;--mustard:#d8ad47;--umber:#7c5600;--cream:#f3ebd5;--paper:#fbf7ec;--ink:#242424;--teal:#608581;--teal-deep:#34514e;--sage:#93aa89;--peach:#fcb985;--cream-soft:#d9d1bb;--cream-mute:#e9e2cd;--text-soft:#4a4434;--bg:var(--cream);--text:var(--ink);--focus:var(--ink);--field:var(--mustard);--on-field:var(--ink);--btn-bg:var(--ink);--btn-fg:var(--cream);--font:"Bricolage Grotesque Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--t-label:.95rem;--t-body:1.125rem;--t-lead:clamp(1.2rem, 1.05rem + .6vw, 1.45rem);--t-quote:clamp(1.4rem, 1rem + 1.4vw, 2.1rem);--t-title:clamp(1.8rem, 1rem + 3vw, 3.4rem);--t-headline:clamp(2rem, 1.2rem + 3.2vw, 4rem);--t-display:clamp(3.2rem, 1.4rem + 8vw, 9.5rem);--t-numeral:clamp(5rem, 3rem + 8vw, 11rem);--gutter:clamp(16px, 4vw, 56px);--max:1280px;--rule:3px solid var(--ink);--r-pill:999px;--r-sm:12px;--ease-out:cubic-bezier(.2, 0, 0, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.band--personality,.quiz--personality,.result--personality,.next__item--personality{--field:var(--peach);--on-field:var(--ink)}.band--trivia,.quiz--trivia,.result--trivia,.next__item--trivia{--field:var(--sage);--on-field:var(--ink)}.band--visual,.quiz--visual,.result--visual,.next__item--visual{--field:var(--teal-deep);--on-field:var(--cream)}.quiz--visual .intro,.result--visual .spread,.band--visual,.next__item--visual{--btn-bg:var(--sun);--btn-fg:var(--ink);--focus:var(--cream)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--t-body);font-optical-sizing:auto;text-rendering:optimizelegibility;margin:0;line-height:1.55;overflow-x:hidden}img{max-width:100%;height:auto;display:block}h1,h2,h3{letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:800;font-stretch:78%;line-height:.95}p{text-wrap:pretty;margin:0}a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:2px}a:hover{text-decoration-thickness:3px}button{font:inherit;color:inherit}[tabindex="-1"]:focus{outline:none}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:6px}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.skip-link{left:var(--gutter);z-index:50;background:var(--sun);color:var(--ink);border-radius:var(--r-pill);padding:10px 16px;font-weight:700;position:absolute;top:-100px}.skip-link:focus{top:12px}.noscript{padding:24px var(--gutter);font-weight:600}.btn{border-radius:var(--r-pill);border:3px solid var(--btn-bg);min-height:52px;font-weight:700;font-size:var(--t-body);white-space:nowrap;cursor:pointer;transition:transform .12s var(--ease-out), box-shadow .12s var(--ease-out);justify-content:center;align-items:center;gap:.5em;padding:.7em 1.55em;line-height:1.1;text-decoration:none;display:inline-flex}.btn--ink{background:var(--btn-bg);color:var(--btn-fg)}.btn--line{color:var(--ink);border-color:var(--ink);background:0 0}.btn:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(-2px,-2px)}.btn--ink:hover{box-shadow:4px 4px 0 var(--umber)}.btn:active{box-shadow:none;transform:translate(0)}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.btn-text{cursor:pointer;text-underline-offset:.2em;background:0 0;border:0;min-height:44px;padding:10px 2px;font-weight:700;text-decoration:underline;text-decoration-thickness:2px}.btn-text:hover{text-decoration-thickness:3px}.block-title{font-size:var(--t-title);font-stretch:80%}.site-header{padding:14px var(--gutter);background:var(--ink);color:var(--cream);--focus:var(--sun);justify-content:space-between;align-items:center;gap:16px;display:flex}.site-header__brand{border-radius:10px;display:block}.site-header__brand img{width:clamp(124px,16vw,176px)}.site-header__link{min-height:44px;color:var(--cream);align-items:center;padding:0 4px;font-weight:700;text-decoration:underline;display:inline-flex}.site-footer{background:var(--ink);color:var(--cream);padding:clamp(48px, 7vw, 88px) var(--gutter) 48px;--focus:var(--sun)}.site-footer__inner{max-width:var(--max);gap:18px;margin:0 auto;display:grid}.site-footer__mark{width:clamp(200px,30vw,360px);margin-bottom:8px}.site-footer p{color:var(--cream-soft);font-size:var(--t-label);max-width:60ch}.site-footer a{color:var(--cream)}.site-footer__links{flex-wrap:wrap;gap:24px;font-weight:700;display:flex}.site-footer__links a{align-items:center;min-height:44px;display:inline-flex}.hero{background:var(--sun);border-bottom:var(--rule);overflow:hidden}.hero__inner{max-width:var(--max);padding:clamp(36px, 6vw, 80px) var(--gutter) 0;grid-template-columns:1fr;align-items:end;gap:12px;margin:0 auto;display:grid}.hero__copy{padding-bottom:clamp(20px,5vw,88px)}.hero__title{font-size:var(--t-display);letter-spacing:-.03em;max-width:11ch;font-stretch:75%;line-height:.86}.hero__sub{font-size:var(--t-lead);max-width:30ch;margin-top:26px;font-weight:500;line-height:1.4}.hero__actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:32px;display:flex}.magnet{display:inline-block;position:relative}.magnet__inner{will-change:transform}.odd-hero{justify-self:center;width:min(82vw,360px);margin:0 auto;position:relative}.odd-hero__img{width:100%}.odd-hero__eye{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.odd-hero__eye g{transition:transform 90ms linear}.odd-hero__lid{transform-box:fill-box;transform-origin:top;transform:scaleY(0)}.odd-hero__lid.is-blinking{animation:.3s ease-in-out blink}@keyframes blink{0%,to{transform:scaleY(0)}45%,55%{transform:scaleY(1)}}.odd-hero__poke{cursor:pointer;background:0 0;border:0;border-radius:45% 45% 30% 30%;position:absolute;inset:0 10% 8%}.odd-hero__bubble{background:var(--paper);border:var(--rule);max-width:13em;font-weight:700;font-size:var(--t-label);box-shadow:4px 4px 0 var(--ink);border-radius:18px 18px 18px 4px;padding:8px 14px;position:absolute;top:3%;left:-6%}.odd-hero__bubble.is-empty{visibility:hidden}@media (min-width:900px){.hero__inner{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:24px}.odd-hero{width:min(100%,540px);margin-bottom:-4px}}.index__head{max-width:var(--max);padding:clamp(48px, 7vw, 96px) var(--gutter) clamp(20px, 3vw, 32px);margin:0 auto}.index__title{font-size:var(--t-headline);font-stretch:75%}.bands{border-top:var(--rule)}.band{background:var(--field);color:var(--on-field);border-bottom:var(--rule);--focus:var(--ink);position:relative}.band--visual{--focus:var(--cream)}.band__inner{max-width:var(--max);padding:clamp(28px, 4vw, 56px) var(--gutter);align-items:center;min-height:clamp(250px,26vw,340px);margin:0 auto;display:flex}.band__text{z-index:1;gap:12px;max-width:min(62%,720px);display:grid;position:relative}.band__kind{font-weight:700;font-size:var(--t-label)}.band__title{font-size:var(--t-title);font-stretch:78%}.band__link{text-decoration:none}.band__link:after{content:"";z-index:2;position:absolute;inset:0}.band__link:focus-visible{outline:none}.band:has(.band__link:focus-visible){outline:4px solid var(--focus);outline-offset:-10px}.band:hover .band__link{text-underline-offset:.12em;text-decoration:underline;text-decoration-thickness:4px}.band__desc{max-width:40ch;font-size:var(--t-body)}.band__meta{font-weight:700;font-size:var(--t-label)}.band__odd{right:max(var(--gutter), calc((100vw - var(--max)) / 2 + var(--gutter)));pointer-events:none;width:clamp(130px,22vw,260px);transition:transform .2s var(--ease-out);position:absolute;bottom:0;transform:translateY(16%)}.band:hover .band__odd,.band:focus-within .band__odd{transform:translateY(4%)}.manifesto{background:var(--teal-deep);color:var(--cream);border-bottom:var(--rule);--focus:var(--cream)}.manifesto__inner{max-width:var(--max);padding:clamp(56px, 8vw, 112px) var(--gutter);align-items:center;gap:48px;margin:0 auto;display:grid}@media (min-width:900px){.manifesto__inner{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px}}.manifesto__title{font-size:var(--t-display);color:var(--sun);letter-spacing:-.03em;font-stretch:75%;line-height:.86}.manifesto__lede{font-size:var(--t-lead);max-width:34ch;margin-top:24px}.principles{gap:20px;max-width:52ch;margin:36px 0 0;padding:0;list-style:none;display:grid}.principles li{border-left:4px solid var(--sun);color:var(--cream-mute);padding-left:22px}.principles strong{color:var(--cream);font-size:var(--t-lead);font-stretch:85%;display:block}.moods{--disc:var(--sun);justify-items:center;gap:18px;margin:0;display:grid}.moods--peach{--disc:var(--peach)}.moods--sage{--disc:var(--sage)}.moods--cream{--disc:var(--cream)}.moods__stage{aspect-ratio:524/712;width:min(100%,320px);margin-top:52px;position:relative}.moods__disc{aspect-ratio:1;background:var(--disc);border:3px solid var(--ink);transition:background-color .42s var(--ease-out);border-radius:50%;position:absolute;top:8%;left:-6%;right:-6%}.moods__stage img{object-fit:contain;opacity:0;transform-origin:50% 96%;width:100%;height:100%;position:absolute;inset:0}.moods__stage img.is-on{opacity:1;animation:.62s cubic-bezier(.34,1.56,.64,1) both mood-pop,5.5s ease-in-out .7s infinite odd-sway}.moods__marks{pointer-events:none;z-index:1;position:absolute;inset:0}.moods__marks i{color:var(--cream);font-size:clamp(1.6rem,1rem + 2vw,2.4rem);font-style:normal;font-weight:800;animation:.9s cubic-bezier(.34,1.56,.64,1) both mark-float;position:absolute}.moods__marks i:first-child{animation-delay:80ms;top:14%;left:0;rotate:-12deg}.moods__marks i:nth-child(2){font-size:clamp(2rem,1.2rem + 2.6vw,3.1rem);animation-delay:.16s;top:4%;right:0}.moods__marks i:nth-child(3){animation-delay:.24s;top:30%;right:2%;rotate:10deg}.moods__bubble{z-index:2;white-space:nowrap;background:var(--paper);color:var(--ink);border:3px solid var(--ink);font-weight:800;font-size:var(--t-label);border-radius:18px;margin:0;padding:8px 14px;animation:.48s cubic-bezier(.34,1.56,.64,1) .12s both bubble-in;position:absolute;top:0;left:50%;translate:-50% -100%}.moods__bubble:after{content:"";background:var(--paper);border:3px solid var(--ink);border-top:0;border-left:0;width:16px;height:16px;position:absolute;bottom:-11px;left:calc(50% - 8px);transform:rotate(45deg)}.moods__control{border:0;width:min(100%,420px);min-width:0;margin:0;padding:0}.moods__control legend{text-align:center;margin:0 auto 10px;padding:0;font-weight:700}.moods__options{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.moods__option{border:2px solid var(--cream);border-radius:var(--r-pill);min-height:44px;font-weight:700;font-size:var(--t-label);cursor:pointer;transition:background-color .12s var(--ease-out), transform .2s cubic-bezier(.34, 1.56, .64, 1);align-items:center;padding:0 14px;display:inline-flex;position:relative}.moods__option:hover{border-color:var(--sun);transform:translateY(-2px)}.moods__option input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.moods__option.is-on{background:var(--disc);border-color:var(--disc);color:var(--ink)}.moods__option:has(input:focus-visible){outline:3px solid var(--cream);outline-offset:3px}@keyframes mood-pop{0%{transform:translateY(18px)scale(1.08,.86)}45%{transform:translateY(-14px)scale(.95,1.07)}75%{transform:translateY(0)scale(1.03,.97)}to{transform:none}}@keyframes mark-float{0%{opacity:0;translate:0 24px;scale:.4}to{opacity:1;translate:0;scale:1}}@keyframes bubble-in{0%{opacity:0;scale:.6}to{opacity:1;scale:1}}.page{max-width:var(--max);padding:clamp(28px, 5vw, 64px) var(--gutter) clamp(64px, 9vw, 112px);margin:0 auto}.intro{background:var(--field);color:var(--on-field);border-bottom:var(--rule);overflow:hidden}.intro__inner{max-width:var(--max);padding:clamp(40px, 7vw, 96px) var(--gutter) 0;align-items:end;gap:20px;margin:0 auto;display:grid}@media (min-width:800px){.intro__inner{grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:32px}}.intro__copy{padding-bottom:clamp(40px,6vw,96px)}.intro__kind{font-weight:700;font-size:var(--t-label);margin-bottom:14px}.intro__title{font-size:var(--t-display);letter-spacing:-.03em;max-width:11ch;font-stretch:75%;line-height:.88}.intro__desc{font-size:var(--t-lead);max-width:34ch;margin-top:24px}.intro__meta{margin:18px 0 30px;font-weight:700}.intro__odd{justify-self:center;width:min(70vw,360px);margin-bottom:-4px}.question{gap:0 clamp(24px,4vw,64px);animation:.24s ease-out rise;display:grid}@media (min-width:900px){.question{grid-template-columns:minmax(0,3fr) minmax(0,9fr)}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.question__rail{display:none}@media (min-width:900px){.question__rail{align-content:start;align-self:start;justify-items:start;gap:24px;display:grid;position:sticky;top:24px}}.question__num{font-weight:800;font-stretch:75%;line-height:.8}.question__n{font-size:var(--t-numeral);color:#0000;-webkit-text-stroke:4px var(--ink);letter-spacing:-.04em}.question__of{font-size:var(--t-title);margin-left:4px}.question__odd{width:min(100%,200px)}.question__main{min-width:0}.question__bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.question__count{font-weight:700}.progress{gap:6px;margin-top:10px;display:flex}.progress__seg{border:2px solid var(--ink);border-radius:var(--r-pill);height:12px;transition:background-color .2s var(--ease-out);background:0 0;flex:1}.progress__seg.is-done{background:var(--ink)}.progress__seg.is-current{background:var(--sun)}.question__prompt{font-size:var(--t-headline);max-width:20ch;margin-top:clamp(28px,4vw,48px);font-stretch:78%}.question__spark{margin-top:clamp(24px,3vw,36px);position:relative}.click-spark{position:relative}.click-spark__canvas{pointer-events:none;z-index:3;width:100%;height:100%;position:absolute;inset:0}.options{gap:12px;margin:0;padding:0;list-style:none;display:grid}.options--visual{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}@media (min-width:700px){.options--visual.options--n3{grid-template-columns:repeat(3,minmax(0,1fr))}.options--visual.options--n4{grid-template-columns:repeat(4,minmax(0,1fr))}.options--visual.options--n5{grid-template-columns:repeat(5,minmax(0,1fr))}}.options li{display:flex}.option{isolation:isolate;text-align:left;cursor:pointer;background:var(--paper);border:var(--rule);border-radius:var(--r-sm);width:100%;min-height:68px;font-size:var(--t-body);flex-direction:column;justify-content:center;padding:14px 18px;font-weight:600;line-height:1.25;display:flex;position:relative;overflow:hidden}.option:before{content:"";z-index:-1;background:var(--sun);transform-origin:0;transition:transform .16s ease-out;position:absolute;inset:0;transform:scaleX(0)}.option:hover:before{transform:scaleX(1)}.option[aria-disabled=true]{cursor:default}.option[aria-disabled=true]:hover:before{transform:scaleX(0)}.option__row{align-items:center;gap:14px;width:100%;display:flex}.option__key{border:2px solid var(--ink);width:36px;height:36px;font-weight:800;font-size:var(--t-label);background:var(--paper);border-radius:50%;flex:none;place-items:center;display:grid}.option__eye{flex:none;width:36px;height:36px}.option__eye-white{fill:var(--paper);stroke:var(--ink);stroke-width:2.5px}.option__eye-pupil{fill:var(--ink)}.option__glyph{font-size:1.6rem;line-height:1}.option__label{flex:1}.option.is-chosen{background:var(--field);color:var(--on-field)}.option.is-chosen:before{transform:scaleX(0)}.option.is-right,.option.is-right-chosen{background:var(--sage);color:var(--ink)}.option.is-wrong-chosen{background:var(--peach);color:var(--ink)}.option.is-dim{opacity:.6}.option__verdict{font-size:var(--t-label);border-radius:var(--r-pill);background:var(--ink);color:var(--cream);flex:none;padding:4px 12px;font-weight:800}.option--visual{text-align:center;justify-content:flex-start;padding:10px 10px 14px}.option__media{aspect-ratio:1;width:100%;margin-bottom:10px;display:block}.option--visual img{object-fit:contain;width:100%;height:100%}.option__swatch{aspect-ratio:1;border:2px solid var(--ink);border-radius:8px;width:100%;margin-bottom:10px;display:block}.option--visual .option__row{justify-content:center;gap:8px}.option--visual .option__label{flex:initial}.option--visual .option__key,.option--visual .option__eye{width:30px;height:30px}.question__after{min-height:8px}.reveal{border-left:8px solid var(--ink);background:var(--paper);justify-items:start;gap:12px;margin-top:24px;padding:clamp(20px,3vw,32px);animation:.22s ease-out rise;display:grid}.reveal.is-right{border-left-color:var(--sage)}.reveal.is-wrong{border-left-color:var(--peach)}.reveal__verdict{font-size:var(--t-lead);font-weight:600}.reveal__word{font-size:var(--t-headline);font-weight:800;font-stretch:75%;line-height:.95;display:block}.reveal__why{max-width:60ch}.reveal .btn{margin-top:6px}.question__hint{font-size:var(--t-label);color:var(--text-soft);margin-top:22px}@media (hover:none){.question__hint{display:none}}.spread{background:var(--field);color:var(--on-field);border-bottom:var(--rule);overflow:hidden}.spread__inner{max-width:var(--max);padding:clamp(40px, 7vw, 96px) var(--gutter) 0;align-items:end;gap:16px;margin:0 auto;display:grid}@media (min-width:860px){.spread__inner{grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:32px}}.spread__copy{padding-bottom:clamp(40px,6vw,96px)}.result__kicker{font-weight:700;font-size:var(--t-label)}.result__score{font-size:var(--t-lead);margin-top:10px}.result__score strong{font-size:var(--t-headline);margin-right:6px;font-weight:800;font-stretch:75%}.result__title{font-size:var(--t-display);letter-spacing:-.03em;margin-top:10px;font-stretch:75%;line-height:.86;animation:.42s ease-out both unveil}@keyframes unveil{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0 0 -10%)}}.result__line{font-size:var(--t-quote);border-left:6px solid var(--sun);max-width:26ch;margin-top:26px;padding-left:20px;font-weight:600;font-stretch:90%;line-height:1.15}.result__desc{max-width:52ch;margin-top:20px}.spread__copy .btn{margin-top:28px}.result__odd{justify-self:center;width:min(70vw,380px);margin-bottom:-4px;animation:.3s ease-out .12s both rise}.result__body{max-width:var(--max);padding:clamp(48px, 7vw, 88px) var(--gutter);gap:clamp(48px,6vw,72px);margin:0 auto;display:grid}@media (min-width:1000px){.result__body{grid-template-columns:minmax(0,6fr) minmax(0,6fr);column-gap:72px}}.traits__list{gap:18px;margin:24px 0 0;padding:0;list-style:none;display:grid}.trait{grid-template-columns:7em 1fr auto;align-items:center;gap:16px;font-weight:700;display:grid}.trait__meter{grid-template-columns:repeat(10,1fr);gap:4px;display:grid}.trait__notch{border:2px solid var(--ink);border-radius:4px;height:22px}.trait__notch.is-on{background:var(--ink)}.trait.is-lead .trait__notch.is-on{background:var(--teal);border-color:var(--ink)}.trait__value{font-size:var(--t-title);font-variant-numeric:tabular-nums;text-align:right;min-width:2.6em;font-weight:800;font-stretch:75%;line-height:1}.traits__note{font-size:var(--t-label);color:var(--text-soft);max-width:46ch;margin-top:18px}.review{border-top:var(--rule);border-bottom:var(--rule);margin-top:20px}.review summary{cursor:pointer;font-weight:800;font-size:var(--t-lead);min-height:44px;padding:16px 0}.review summary:hover{text-decoration:underline}.review ol{gap:18px;margin:0 0 20px;padding-left:1.4em;display:grid}.review li::marker{font-weight:800}.review li.is-ok::marker{color:var(--teal)}.review__q{font-weight:700}.review__why{color:var(--text-soft);font-size:var(--t-label)}.share__body{align-items:start;gap:28px;margin-top:24px;display:grid}@media (min-width:560px){.share__body{grid-template-columns:minmax(0,300px) 1fr}}.share__preview{border:var(--rule);background:var(--field);aspect-ratio:4/5;box-shadow:8px 8px 0 var(--ink);border-radius:6px;place-items:center;display:grid;overflow:hidden;transform:rotate(-1.5deg)}.share__preview img{object-fit:cover;width:100%;height:100%}.share__wait{text-align:center;color:var(--on-field);padding:24px;font-weight:700}.share__actions{justify-items:start;gap:14px;display:grid}.share__note{color:var(--text-soft)}.share__status{min-height:1.5em;font-weight:700}.next{border-top:var(--rule)}.next__inner{max-width:var(--max);padding:clamp(48px, 7vw, 88px) var(--gutter);margin:0 auto}.next__grid{gap:12px;margin-top:24px;display:grid}.next__item{background:var(--field);min-height:92px;color:var(--on-field);border:var(--rule);border-radius:var(--r-sm);text-align:left;cursor:pointer;transition:transform .12s var(--ease-out), box-shadow .12s var(--ease-out);align-content:center;gap:2px;padding:16px 140px 16px 22px;text-decoration:none;display:grid;position:relative;overflow:hidden}.next__item:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(-2px,-2px)}.next__label{font-size:var(--t-lead);font-weight:800;font-stretch:80%}.next__sub{font-size:var(--t-label);font-weight:600}.next__odd{width:96px;transition:transform .2s var(--ease-out);position:absolute;bottom:-36px;right:18px}.missing{background:var(--cream);border-bottom:var(--rule);overflow:hidden}.missing__inner{max-width:var(--max);padding:clamp(48px, 8vw, 112px) var(--gutter) 0;align-items:end;gap:24px;margin:0 auto;display:grid}@media (min-width:800px){.missing__inner{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}.missing__copy{padding-bottom:clamp(40px,7vw,112px)}.missing__title{font-size:var(--t-display);letter-spacing:-.03em;max-width:10ch;font-stretch:75%;line-height:.86}.missing__text{font-size:var(--t-lead);max-width:32ch;margin:22px 0 30px}.missing__odd{justify-self:center;width:min(70vw,340px);margin-bottom:-4px}.page--doc{padding-top:clamp(40px,7vw,96px)}.doc{max-width:68ch;margin:0 auto}.doc h1{font-size:var(--t-display);letter-spacing:-.03em;font-stretch:75%;line-height:.86}.doc h2{font-size:var(--t-title);margin:56px 0 14px;font-stretch:80%}.doc p,.doc ul{margin:0 0 14px}.doc ul{padding-left:1.2em}.doc li{margin-bottom:6px}.doc__date{color:var(--text-soft);margin-top:18px;font-weight:600}.doc__lead{font-size:var(--t-lead);margin-top:8px;line-height:1.45}.doc__draft{border-left:8px solid var(--ink);background:var(--peach);margin:28px 0;padding:16px 20px;font-weight:600}.doc__fill.is-missing,.doc__draft .doc__fill{background:var(--sun);border-radius:4px;padding:0 4px;font-weight:700}.doc code{background:var(--paper);overflow-wrap:anywhere;border-radius:4px;padding:1px 5px;font-size:.92em}.index__more{max-width:var(--max);padding:clamp(28px, 4vw, 48px) var(--gutter) clamp(48px, 6vw, 80px);margin:0 auto}.catalogue__head{background:var(--cream);border-bottom:var(--rule)}.catalogue__inner{max-width:var(--max);padding:clamp(40px, 7vw, 96px) var(--gutter) clamp(28px, 4vw, 48px);margin:0 auto}.catalogue__title{font-size:var(--t-display);letter-spacing:-.03em;max-width:12ch;font-stretch:75%;line-height:.86}.catalogue__lede{font-size:var(--t-lead);max-width:40ch;margin-top:20px}.catalogue__status{margin-top:22px;font-weight:700}.catalogue__empty{max-width:var(--max);padding:48px var(--gutter) 96px;font-size:var(--t-lead);justify-items:start;gap:20px;margin:0 auto;display:grid}.topics{margin-top:32px}.topics ul,.kinds{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.kinds{margin-top:14px}.chip{border:2px solid var(--ink);border-radius:var(--r-pill);min-height:44px;color:var(--ink);font-weight:700;font-size:var(--t-label);cursor:pointer;transition:background-color .12s var(--ease-out);background:0 0;align-items:center;gap:8px;padding:0 16px;text-decoration:none;display:inline-flex}.chip:hover{background:var(--sun)}.chip[aria-current=page],.chip[aria-pressed=true]{background:var(--ink);color:var(--cream)}.chip:disabled{opacity:.45;cursor:not-allowed;background:0 0}.chip__count{font-variant-numeric:tabular-nums;opacity:.85}.chip--personality,.chip--trivia,.chip--visual{--chip-mark:var(--peach)}.chip--trivia{--chip-mark:var(--sage)}.chip--visual{--chip-mark:var(--teal-deep)}.chip--personality:before,.chip--trivia:before,.chip--visual:before{content:"";background:var(--chip-mark);border:2px solid var(--ink);border-radius:3px;width:12px;height:12px}.crumbs{font-weight:700;font-size:var(--t-label);margin-bottom:18px}.crumbs ol{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.crumbs li+li:before{content:"/";opacity:.7;margin-right:6px}.crumbs a{align-items:center;min-height:44px;display:inline-flex}.question__nav{flex-wrap:wrap;gap:4px 20px;display:flex}.leave{border-left:8px solid var(--ink);background:var(--paper);grid-template-columns:auto 1fr;align-items:center;gap:14px 18px;margin-top:16px;padding:18px 20px;animation:.2s ease-out rise;display:grid}.leave__odd{grid-row:span 2;width:72px;height:auto}.leave__title{font-weight:700;font-size:var(--t-lead);max-width:48ch}.leave__actions{flex-wrap:wrap;gap:12px;display:flex}.reveal__source,.review__source{font-size:var(--t-label);color:var(--text-soft);font-weight:600}.next__lede{color:var(--text-soft);margin-top:10px}.next__all{align-items:center;min-height:44px;margin-top:18px;font-weight:700;display:inline-flex}@media (max-width:520px){.band__inner{align-items:flex-start;padding-bottom:150px}.band__text{max-width:100%}.band__odd{width:132px;transform:translateY(10%)}.band:hover .band__odd,.band:focus-within .band__odd{transform:translateY(2%)}.trait{grid-template-columns:1fr auto}.trait__meter{grid-area:2/1/auto/-1}.next__item{padding-right:110px}.next__odd{width:80px}}@media (max-width:420px){.btn{white-space:normal;text-align:center;padding-inline:1.15em}.hero__actions .btn{flex:auto}}.odd-hero{transform-origin:50% 100%;animation:.9s cubic-bezier(.34,1.56,.64,1) both odd-pop,5.5s ease-in-out 1s infinite odd-sway}.odd-hero:has(.odd-hero__lid.is-blinking){animation:.42s cubic-bezier(.34,1.56,.64,1) odd-hop}.question__odd{transform-origin:50% 100%;animation:3.2s ease-in-out infinite odd-bob}.result__odd{transform-origin:50% 100%;animation:1s cubic-bezier(.34,1.56,.64,1) .2s both odd-cheer}.next__odd,.intro__odd{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.next__item:hover .next__odd{transform:rotate(-5deg)translateY(-6px)}@keyframes odd-pop{0%{opacity:0;transform:translateY(40px)scale(.9,.8)}60%{opacity:1;transform:translateY(-10px)scale(.97,1.05)}to{transform:none}}@keyframes odd-sway{0%,to{transform:rotate(-1.4deg)scale(1)}50%{transform:rotate(1.4deg)scale(1.012,.99)}}@keyframes odd-hop{0%,to{transform:none}40%{transform:translateY(-22px)scale(.96,1.05)}75%{transform:translateY(0)scale(1.05,.95)}}@keyframes odd-bob{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-6px)rotate(-1.5deg)}}@keyframes odd-cheer{0%{opacity:0;transform:translateY(30px)scale(.85)}55%{opacity:1;transform:translateY(-16px)rotate(-4deg)scale(1.04)}80%{transform:translateY(0)rotate(2deg)}to{transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.btn:hover,.next__item:hover{transform:none}}.btn--sun{--btn-bg:var(--sun);--btn-fg:var(--ink);background:var(--sun);color:var(--ink);border-color:var(--sun)}.btn--sun:hover{box-shadow:4px 4px 0 var(--cream)}.btn--cream-line{color:var(--cream);border-color:var(--cream);background:0 0}.btn--cream-line:hover{box-shadow:4px 4px 0 var(--sun)}.oddgame{background:var(--ink);color:var(--cream);border-bottom:var(--rule);--focus:var(--sun);min-height:calc(100dvh - 74px)}.oddgame__inner{max-width:var(--max);padding:clamp(28px, 5vw, 72px) var(--gutter) clamp(40px, 6vw, 88px);align-items:center;gap:clamp(16px,3vw,40px);margin:0 auto;display:grid}@media (min-width:900px){.oddgame__inner{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px}}.oddgame__stage{justify-items:center;gap:14px;display:grid;position:relative}.oddgame__odd{width:clamp(150px,36vw,360px);height:auto;animation:odd-pop .52s var(--ease-out) both}.oddgame--intro .oddgame__odd{width:clamp(190px,44vw,420px)}.oddgame__stage.is-thinking .oddgame__odd{animation:.9s ease-in-out infinite odd-bob}.oddgame--won .oddgame__odd{animation:odd-cheer .7s var(--ease-out) both}.oddgame__say{background:var(--cream);max-width:30ch;color:var(--ink);font-weight:700;font-size:var(--t-label);text-align:center;text-wrap:balance;border-radius:18px;padding:12px 18px;position:relative}.oddgame__say:before{content:"";background:var(--cream);border-radius:3px;width:18px;height:18px;position:absolute;top:-9px;left:50%;transform:translate(-50%)rotate(45deg)}@media (max-width:899px){.oddgame__stage{grid-template-columns:auto 1fr;place-items:center start}.oddgame__odd{width:clamp(110px,30vw,170px)}.oddgame__say:before{top:50%;left:-8px;transform:translateY(-50%)rotate(45deg)}.oddgame__stage .hunch{grid-column:1/-1}.oddgame--intro .oddgame__stage{grid-template-columns:1fr;justify-items:center}.oddgame--intro .oddgame__odd{width:clamp(170px,48vw,260px)}}.oddgame__title{font-size:var(--t-display);color:var(--sun);font-stretch:75%;line-height:.88}.oddgame__lede{font-size:var(--t-lead);max-width:34ch;color:var(--cream);margin:18px 0 28px}.oddgame__start{font-size:var(--t-lead);min-height:60px}.oddgame__how{max-width:58ch;color:var(--cream-soft);font-size:var(--t-label);margin-top:28px}.oddgame__how summary{cursor:pointer;color:var(--cream);align-items:center;min-height:44px;font-weight:700;display:flex}.oddgame__how p{margin-top:10px}.oddgame__error{color:var(--peach);margin:12px 0;font-weight:700}.oddgame__alert{border:2px solid var(--peach);border-radius:var(--r-sm);color:var(--cream);flex-wrap:wrap;align-items:center;gap:8px 16px;margin-bottom:20px;padding:12px 16px;display:flex}.oddgame__alert .btn-text{color:var(--sun)}.hunch{width:min(100%,340px);color:var(--cream-soft);font-size:.9rem}.hunch__row{justify-content:space-between;gap:12px;margin-bottom:6px;font-weight:600;display:flex}.hunch__bar{border-radius:var(--r-pill);background:#f3ebd529;height:10px;overflow:hidden}.hunch__fill{background:var(--sun);transform-origin:0;height:100%;transition:transform .42s var(--ease-out);display:block}.oddq,.oddguess,.oddend{animation:oddq-in .26s var(--ease-out) both}@keyframes oddq-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.oddq__count{color:var(--sun);font-variant-numeric:tabular-nums;font-weight:700}.oddq__text{font-size:var(--t-headline);max-width:18ch;margin-top:8px;font-stretch:80%;line-height:1}.oddq__help{border-left:4px solid var(--sun);background:#f3ebd514;max-width:60ch;margin-top:18px;padding:12px 16px}.oddq__help p+p{color:var(--cream-soft);margin-top:6px}.oddq__answers{grid-template-columns:1fr;gap:10px;margin-top:clamp(22px,3vw,36px);display:grid}@media (min-width:560px){.oddq__answers{grid-template-columns:repeat(2,minmax(0,1fr))}.answer--dk{grid-column:1/-1}}@media (min-width:1100px){.oddq__answers{grid-template-columns:repeat(5,minmax(0,1fr))}.answer--dk{grid-column:auto}}.answer{border:3px solid var(--cream);border-radius:var(--r-sm);min-height:58px;color:var(--cream);font-weight:800;font-size:var(--t-body);cursor:pointer;touch-action:manipulation;transition:background-color .12s var(--ease-out), color .12s var(--ease-out), transform .12s var(--ease-out);background:0 0;justify-content:space-between;align-items:center;gap:10px;padding:0 18px;display:flex}.answer--y,.answer--n{border-width:3px}.answer:hover:not(:disabled){background:var(--sun);border-color:var(--sun);color:var(--ink);transform:translateY(-2px)}.answer:active:not(:disabled){transform:none}.answer:disabled{opacity:.5;cursor:progress}.answer__key{opacity:.7;font-variant-numeric:tabular-nums;border:2px solid;border-radius:6px;place-items:center;min-width:24px;height:24px;font-size:.8rem;font-weight:700;display:inline-grid}@media (hover:none){.answer__key,.oddq__keys{display:none}}.oddq__tools{flex-wrap:wrap;gap:4px 22px;margin-top:18px;display:flex}.oddq__tools .btn-text{color:var(--cream)}.oddq__tools .btn-text:disabled{opacity:.4;cursor:not-allowed}.oddq__confirm{flex-wrap:wrap;align-items:center;gap:4px 14px;font-weight:700;display:inline-flex}.oddq__keys{color:var(--cream-soft);margin-top:8px;font-size:.85rem}.oddguess__intro{font-size:var(--t-lead);color:var(--sun);font-weight:700}.oddguess__name{font-size:var(--t-display);overflow-wrap:anywhere;margin-top:6px;font-stretch:75%;line-height:.9}.oddguess__meta{color:var(--cream-soft);max-width:52ch;margin-top:14px}.oddguess__why{min-height:1.6em;font-size:var(--t-lead);max-width:46ch;margin-top:16px}.oddguess__ask{margin-top:26px;font-weight:700}.oddguess__actions,.oddend__actions{flex-wrap:wrap;gap:12px;margin-top:14px;display:flex}.oddend__title{font-size:var(--t-headline);color:var(--sun);overflow-wrap:anywhere;font-stretch:78%}.oddend__line{font-size:var(--t-lead);max-width:44ch;margin-top:12px}.oddend__note{color:var(--cream-soft);max-width:56ch;margin-top:10px;font-size:.9rem}.oddend__more{margin-top:18px;font-weight:700}.oddend__alts{margin-top:24px}.oddend__alts p{font-weight:700}.oddend__alts ul{flex-wrap:wrap;gap:8px;margin:10px 0 0;padding:0;list-style:none;display:flex}.oddend__alts .chip{border-color:var(--cream);color:var(--cream)}.oddend__alts .chip:hover:not(:disabled){background:var(--sun);border-color:var(--sun);color:var(--ink)}.oddend__form{max-width:560px;margin-top:24px}.oddend__form label{margin-bottom:8px;font-weight:700;display:block}.oddend__row{flex-wrap:wrap;gap:10px;display:flex}.oddend__row input{border:3px solid var(--cream);border-radius:var(--r-sm);min-height:52px;color:var(--cream);font:inherit;background:0 0;flex:220px;padding:0 16px;font-weight:600}.oddend__row input:focus-visible{outline:3px solid var(--sun);outline-offset:2px}.oddend__thanks{font-size:var(--t-lead);border-left:4px solid var(--sun);background:#f3ebd514;max-width:50ch;margin-top:22px;padding:14px 18px}.oddpromo{background:var(--ink);color:var(--cream);border-bottom:var(--rule);--focus:var(--sun)}.oddpromo__inner{max-width:var(--max);padding:clamp(32px, 5vw, 64px) var(--gutter);align-items:center;gap:20px 40px;margin:0 auto;display:grid}@media (min-width:760px){.oddpromo__inner{grid-template-columns:auto minmax(0,1fr) auto}}.oddpromo__odd{width:clamp(96px,14vw,150px)}.oddpromo__title{font-size:var(--t-title);color:var(--sun)}.oddpromo__text{max-width:46ch;color:var(--cream-soft);margin-top:8px}@media (prefers-reduced-motion:reduce){.oddgame__stage.is-thinking .oddgame__odd{animation:none!important}.hunch__fill{transition:none!important}}.site-header nav{flex-wrap:wrap;justify-content:flex-end;gap:0 18px;display:flex}@media (max-width:420px){.site-header{gap:10px}.site-header__brand img{width:108px}.site-header nav{gap:0 12px}.site-header__link{font-size:.92rem}}.modes-pick{gap:12px;max-width:560px;margin:0;padding:0;list-style:none;display:grid}.modes-pick__btn{text-align:left;cursor:pointer;border:3px solid var(--cream);border-radius:var(--r-sm);width:100%;min-height:64px;color:var(--cream);transition:background-color .12s var(--ease-out), color .12s var(--ease-out), transform .12s var(--ease-out);touch-action:manipulation;background:0 0;gap:4px;padding:16px 20px;display:grid}.modes-pick li:first-child .modes-pick__btn{border-color:var(--sun)}.modes-pick__btn:hover:not(:disabled){background:var(--sun);border-color:var(--sun);color:var(--ink);transform:translateY(-2px)}.modes-pick__btn:disabled{opacity:.5;cursor:progress}.modes-pick__name{font-weight:800;font-size:var(--t-lead);font-stretch:85%;line-height:1.1}.modes-pick__desc{font-size:var(--t-label);opacity:.85}.oddgame__waking{color:var(--sun);margin-top:12px;font-weight:700}.spotlight-card{isolation:isolate;position:relative;overflow:hidden}.spotlight-card__light,.spotlight-card__edge{border-radius:inherit;pointer-events:none;opacity:0;position:absolute;inset:0}.spotlight-card__light{z-index:-1}.spotlight-card__edge{z-index:1;-webkit-mask-composite:xor;padding:2px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}