@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/archivo-vietnamese-wght-normal.3cb37nm8mowb2.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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/archivo-latin-ext-wght-normal.3m-fabn93du09.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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/archivo-latin-wght-normal.1_q0qa17ptz5n.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}
@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url(../media/dm-mono-latin-ext-400-normal.0_-sohr84qyir.woff2)format("woff2"),url(../media/dm-mono-latin-ext-400-normal.17hicw0t-pj96.woff)format("woff");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:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url(../media/dm-mono-latin-400-normal.3--he8xuwzehy.woff2)format("woff2"),url(../media/dm-mono-latin-400-normal.20yxb24gp-vsx.woff)format("woff");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}
@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:500;src:url(../media/dm-mono-latin-ext-500-normal.3a8zr77el0ebr.woff2)format("woff2"),url(../media/dm-mono-latin-ext-500-normal.18ptt7gd5u8o6.woff)format("woff");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:DM Mono;font-style:normal;font-display:swap;font-weight:500;src:url(../media/dm-mono-latin-500-normal.03h2ib040oua6.woff2)format("woff2"),url(../media/dm-mono-latin-500-normal.3kj_vp6qk8arx.woff)format("woff");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{--bg:#f4f1ea;--fg:#12100e;--accent:#efc63b;--accent-alt:#d8452f;--hairline:#12100e24;--hairline-strong:#12100e38;--hover:#12100e0f;--accent-fg:#12100e;--pad-x:clamp(20px, 5vw, 56px);--max:1180px;--font-archivo:"Archivo Variable", Archivo;--font-mono:"DM Mono";--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-mood=chill]{--bg:#e4efe8;--fg:#1c2620;--accent:#1c2620;--accent-fg:#e4efe8;--hairline:#1c262033;--hairline-strong:#1c262057;--hover:#1c262017}[data-mood=chaos]{--bg:#fbf0c4;--fg:#2a2412;--accent:#2a2412;--accent-fg:#fbf0c4;--hairline:#2a241233;--hairline-strong:#2a241257;--hover:#2a241217}[data-mood=confession]{--bg:#f8dfd8;--fg:#2e1a15;--accent:#2e1a15;--accent-fg:#f8dfd8;--hairline:#2e1a1533;--hairline-strong:#2e1a1557;--hover:#2e1a1517}[data-mood=deep]{--bg:#dfe6f3;--fg:#1a2030;--accent:#1a2030;--accent-fg:#dfe6f3;--hairline:#1a203033;--hairline-strong:#1a203057;--hover:#1a203017}[data-mood=nostalgia]{--bg:#f1e7d6;--fg:#2b2216;--accent:#2b2216;--accent-fg:#f1e7d6;--hairline:#2b221633;--hairline-strong:#2b221657;--hover:#2b221617}[data-mood=spicy]{--bg:#f7dde7;--fg:#2c1822;--accent:#2c1822;--accent-fg:#f7dde7;--hairline:#2c182233;--hairline-strong:#2c182257;--hover:#2c182217}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;margin:0;padding:0;overflow-x:hidden}body{font-family:var(--font-archivo), Helvetica, Arial, sans-serif;transition:background .35s,color .35s}a{color:inherit;text-decoration:none}a:hover{color:var(--accent-alt)}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--accent-alt);outline-offset:3px}.mono{font-family:var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace}.shell{width:100%;max-width:var(--max);padding-left:var(--pad-x);padding-right:var(--pad-x);margin:0 auto}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.rise{animation:.32s cubic-bezier(.2,.8,.2,1) both rise}.pop{animation:.3s cubic-bezier(.2,.8,.2,1) both pop}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.site-header{z-index:20;background:var(--bg);border-bottom:1px solid var(--hairline);flex:none}.site-header .row{justify-content:space-between;align-items:center;gap:clamp(12px,3vw,28px);padding-top:clamp(8px,1.2vh,14px);padding-bottom:clamp(8px,1.2vh,14px);display:flex}.brand{cursor:pointer;background:0 0;border:none;flex:none;align-items:center;gap:10px;min-height:44px;margin-left:-2px;padding:0 10px 0 0;display:flex}.brand .brand-mark{flex:none;width:auto;height:26px;display:block}.brand .name{letter-spacing:-.03em;text-transform:uppercase;font-size:20px;font-weight:900}.progress-track{background:var(--hairline);border-radius:3px;flex:auto;max-width:420px;height:3px;overflow:hidden}.progress-fill{background:var(--fg);height:100%;transition:width .3s cubic-bezier(.2,.8,.2,1);display:block}.btn-pill{border:1px solid var(--hairline-strong);cursor:pointer;letter-spacing:.1em;background:0 0;border-radius:100px;flex:none;align-items:center;min-height:44px;padding:0 20px;font-size:11px;transition:background .16s;display:flex}.btn-pill:hover{background:var(--hover)}.btn-hero{cursor:pointer;background:var(--fg);color:var(--bg);letter-spacing:-.03em;text-transform:uppercase;border:none;border-radius:22px;justify-content:space-between;align-items:center;gap:18px;width:100%;padding:clamp(16px,3vh,34px) clamp(20px,3vw,32px);font-size:min(clamp(24px,4.2vw,44px),5.4vh);font-weight:900;transition:transform .16s cubic-bezier(.2,.8,.2,1);display:flex}.btn-hero:hover{transform:translateY(-3px)}.btn-hero:active{transform:scale(.98)}.btn-accent{cursor:pointer;background:var(--accent);color:var(--accent-fg);letter-spacing:-.03em;text-transform:uppercase;border:none;border-radius:20px;justify-content:space-between;align-items:center;gap:18px;width:100%;padding:clamp(16px,2.6vh,30px) clamp(20px,3vw,32px);font-size:min(clamp(24px,4vw,42px),5.2vh);font-weight:900;transition:transform .16s cubic-bezier(.2,.8,.2,1);display:flex}.btn-accent:hover{transform:translateY(-3px)}.btn-accent:active{transform:scale(.985)}.btn-ghost{border:1px solid var(--hairline-strong);cursor:pointer;background:0 0;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;width:100%;padding:16px 20px;font-size:clamp(11px,1.3vw,13px);transition:background .16s;display:flex}.btn-ghost:hover{background:var(--hover)}.eyebrow{letter-spacing:.16em;text-transform:uppercase;opacity:.5;font-size:clamp(10px,1.4vw,12px)}.hero-col{min-width:0;container-type:inline-size}.h-display{letter-spacing:-.045em;text-transform:uppercase;text-wrap:balance;overflow-wrap:break-word;margin:clamp(8px,1.6vh,22px) 0 0;font-size:min(clamp(36px,14cqi,108px),17vh);font-weight:900;line-height:.86}@supports not (container-type:inline-size){.h-display{font-size:min(clamp(36px,6.4vw,92px),17vh)}}.h-step{letter-spacing:-.045em;text-transform:uppercase;margin:8px 0 0;font-size:min(clamp(34px,8vw,88px),11vh);font-weight:900;line-height:.9}.mark{background:var(--accent);color:var(--accent-fg);margin-top:.06em;padding:0 .07em .06em;display:inline-block;transform:rotate(-1.2deg)}.pick-row{border:none;border-bottom:1px solid var(--hairline);cursor:pointer;text-align:left;width:100%;min-height:0;padding:clamp(8px, 1.6vh, 26px) var(--pad-x);background:0 0;flex:1 1 0;align-items:center;gap:clamp(14px,3vw,32px);transition:background .18s,color .18s,padding-left .18s;display:flex}.pick-row:hover{background:var(--fg);color:var(--bg);padding-left:clamp(28px,6vw,68px)}.pick-row .title{letter-spacing:-.035em;text-transform:uppercase;font-size:min(clamp(22px,4vw,44px),6vh);font-weight:800;line-height:1;display:block}.pick-row .sub{opacity:.6;margin-top:5px;font-size:clamp(10px,1.3vw,13px);display:block}.mood-grid{flex:auto;grid-template-columns:repeat(auto-fit,minmax(min(46%,230px),1fr));grid-auto-rows:minmax(56px,1fr);gap:clamp(6px,1.4vh,18px);min-height:0;display:grid;overflow:hidden}@media (max-width:760px){.mood-grid{grid-auto-rows:minmax(56px,132px);align-content:center}}.mood-card{border:1px solid var(--hairline-strong);cursor:pointer;text-align:left;background:0 0;border-radius:18px;flex-direction:column;justify-content:space-between;gap:clamp(8px,1.4vh,18px);min-height:84px;padding:clamp(10px,1.6vh,22px) clamp(12px,1.8vw,20px);transition:background .18s,color .18s,transform .18s;display:flex;position:relative}.mood-card:hover{background:var(--fg);color:var(--bg);transform:translateY(-3px)}.mood-card .title{letter-spacing:-.035em;text-transform:uppercase;font-size:min(clamp(20px,3.2vw,34px),4.4vh);font-weight:800;line-height:1;display:block}.mood-card .sub{opacity:.62;margin-top:6px;font-size:clamp(10px,1.2vw,12px);line-height:1.45;display:block}.lock-badge{letter-spacing:.1em;background:var(--accent);color:var(--accent-fg);border-radius:100px;padding:3px 9px;font-size:10px;font-weight:500;position:absolute;top:10px;right:12px}.question{letter-spacing:-.04em;text-wrap:pretty;overflow-wrap:break-word;max-width:22ch;font-size:min(clamp(34px,9.5vw,84px),13vh);font-weight:800;line-height:1.05}.question.len-m{max-width:26ch;font-size:min(clamp(29px,7.6vw,64px),10vh)}.question.len-l{max-width:30ch;font-size:min(clamp(25px,6vw,50px),8vh)}.question.len-xl{max-width:34ch;font-size:min(clamp(21px,4.8vw,40px),6.4vh)}.prose{max-width:68ch;font-size:16px;line-height:1.7}.prose h2{letter-spacing:-.035em;text-transform:uppercase;margin:48px 0 12px;font-size:clamp(24px,4vw,40px);font-weight:900}.prose h3{letter-spacing:-.02em;margin:28px 0 8px;font-size:clamp(17px,2.2vw,22px);font-weight:800}.prose p{opacity:.78;margin:0 0 14px}.prose ul{opacity:.78;padding-left:20px}.prose li{margin-bottom:8px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:12px;display:grid}.link-card{border:1px solid var(--hairline);border-radius:16px;padding:18px 20px;transition:background .16s,transform .16s,border-color .16s;display:block}.link-card:hover{background:var(--hover);border-color:var(--hairline-strong);color:inherit;transform:translateY(-2px)}.link-card .t{letter-spacing:-.03em;text-transform:uppercase;font-size:20px;font-weight:800}.link-card .d{opacity:.6;margin-top:6px;font-size:12px;line-height:1.5}.site-footer{border-top:1px solid var(--hairline);margin-top:clamp(48px,8vh,96px);padding-top:clamp(28px,5vh,48px);padding-bottom:clamp(24px,4vh,40px)}.footer-grid{grid-template-columns:minmax(0,1fr) auto auto;align-items:start;gap:clamp(28px,7vw,88px);display:grid}.footer-brand{flex-direction:column;gap:10px;max-width:34ch;display:flex}.footer-brand .brand{min-height:0;margin:0;padding:0}.footer-slogan{opacity:.62;margin:0;font-size:14px;line-height:1.5}.footer-group{flex-direction:column;align-items:flex-start;gap:8px;min-width:0;font-size:14px;display:flex}.footer-heading{letter-spacing:.14em;text-transform:uppercase;opacity:.45;margin:0 0 2px;font-size:11px;font-weight:500}.footer-group a{opacity:.82;padding:3px 0}.footer-group a:hover{opacity:1}.footer-bottom{border-top:1px solid var(--hairline);letter-spacing:.1em;text-transform:uppercase;opacity:.45;flex-wrap:wrap;justify-content:space-between;gap:6px 20px;margin-top:clamp(24px,4vh,40px);padding-top:16px;font-size:11px;display:flex}.modal-backdrop{z-index:100;background:#12100eb8;justify-content:center;align-items:center;padding:20px;animation:.2s both pop;display:flex;position:fixed;inset:0}.modal{color:#12100e;background:#f4f1ea;border-radius:22px;width:100%;max-width:420px;padding:clamp(22px,4vw,34px)}.modal h3{letter-spacing:-.04em;text-transform:uppercase;margin:10px 0;font-size:clamp(26px,6vw,36px);font-weight:900;line-height:.95}.modal p{opacity:.7;margin:0 0 20px;font-size:13px;line-height:1.6}.modal-actions{gap:10px;display:flex}.modal-actions button{cursor:pointer;letter-spacing:.08em;text-transform:uppercase;border-radius:14px;flex:1 1 0;min-height:50px;font-size:13px;font-weight:500}.btn-solid{color:#f4f1ea;background:#12100e;border:none}.btn-outline{color:#12100e;background:0 0;border:1px solid #12100e38}.screen{overscroll-behavior:none;background:var(--bg);height:100dvh;color:var(--fg);flex-direction:column;display:flex;overflow:hidden}.fit{min-height:0;overflow:hidden}@media (max-height:560px){.screen .h-step{font-size:min(clamp(24px,6vw,56px),13vh)}.screen .eyebrow{font-size:10px}.mood-card .sub,.pick-row .sub{display:none}.mood-grid{grid-auto-rows:minmax(44px,1fr)}.mood-card{gap:4px;min-height:0;padding:8px 12px}}@media (max-width:640px){.nav-secondary{display:none}.step-indicator{display:none!important}.pick-row:hover{padding-left:var(--pad-x)}.mood-card:hover,.btn-hero:hover,.btn-accent:hover,.link-card:hover{transform:none}}@media (max-width:720px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px clamp(16px,5vw,40px)}.footer-brand{grid-column:1/-1;max-width:none}.footer-bottom{gap:4px 16px}}@media (hover:none){.pick-row:hover,.mood-card:hover{color:inherit;padding-left:var(--pad-x);background:0 0}.mood-card:hover{padding-left:clamp(12px,1.8vw,20px)}}