@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}
:root{--ink:#171915;--font:"Archivo Variable", sans-serif}*{box-sizing:border-box}html,body{margin:0}body{font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased}button,textarea,summary{font:inherit}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid var(--ink);outline-offset:6px}button:disabled{opacity:.6}::selection{color:#fff;background:var(--ink)}.one-screen{background:var(--page-color);isolation:isolate;flex-direction:column;height:100svh;min-height:620px;display:flex;position:relative;overflow-x:clip}.simple-header{z-index:4;flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;height:92px;padding:0 5.5%;display:flex;position:relative}.wordmark{letter-spacing:-.065em;align-items:center;font-size:43px;font-weight:850;line-height:1;display:inline-flex}.logo-dot{background:currentColor;border-radius:50%;width:7px;height:7px;margin:24px 0 0 4px}.simple-header nav{align-items:center;gap:34px;font-size:13px;font-weight:550;display:flex}.about-button,.simple-footer button{color:inherit;background:0 0;border:0;padding:10px 0}.about-button:hover,.simple-footer button:hover{text-underline-offset:5px;text-decoration:underline}.lineup{position:relative}.lineup summary{cursor:pointer;align-items:center;gap:10px;min-height:44px;list-style:none;display:flex}.lineup summary::-webkit-details-marker{display:none}.lineup-links{border:2px solid var(--ink);background:#fff7dc;border-radius:14px;width:200px;padding:8px;position:absolute;top:48px;right:0}.lineup-links a{border-radius:7px;justify-content:space-between;align-items:center;padding:11px 13px;font-size:15px;display:flex}.lineup-links a:hover{background:var(--page-color)}.lineup-links svg{width:16px;height:16px}.one-hero{flex:1;grid-template-columns:1.2fr .8fr;align-items:center;gap:2%;width:100%;max-width:1550px;min-height:0;margin:auto;padding:0 7%;display:grid}.poster-copy{z-index:2;padding:5px 0 30px;position:relative}.poster-copy h1{letter-spacing:-.04em;margin:0;font-size:clamp(76px,8.3vw,132px);font-weight:820;line-height:.92}.poster-copy h1 span{white-space:nowrap;display:block}.page-home .poster-copy h1,.page-dating .poster-copy h1{font-size:clamp(70px,7.7vw,122px)}.poster-description{letter-spacing:-.025em;max-width:31ch;margin:24px 0 28px;font-size:18px;font-weight:450;line-height:1.45}.copy-cta,.sheet-copy{background:var(--ink);color:#fff7dc;border:2px solid var(--ink);border-radius:30px;justify-content:center;align-items:center;gap:32px;min-height:57px;padding:14px 25px;font-size:14px;font-weight:600;transition:transform .22s cubic-bezier(.2,.8,.2,1),background .2s;display:inline-flex}.copy-cta:hover,.sheet-copy:hover{background:#30362b;transform:rotate(-2deg)}.copy-cta svg,.sheet-copy svg{flex-shrink:0}.paste-hint{max-width:44ch;min-height:16px;margin:14px 0 0;font-size:10px;line-height:1.6}.mascot-stage{justify-content:center;align-self:center;align-items:center;height:min(65svh,570px);min-height:300px;display:flex;position:relative}.mascot{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;animation:.75s cubic-bezier(.2,.8,.2,1) both lean-in;display:block;transform:rotate(5deg)}.mascot-note{border:2px solid var(--ink);background:#fff6dc;border-radius:5px;max-width:15ch;padding:12px 14px;font-size:13px;font-weight:550;line-height:1.25;position:absolute;top:23%;right:-7%;transform:rotate(10deg)}.page-phone .mascot{transform:rotate(-6deg)}.page-go .mascot-note{top:15%;right:-4%;transform:rotate(-7deg)}.page-friends .mascot-note{top:17%;right:-4%;transform:rotate(7deg)}.page-dating .mascot-note{top:17%;right:-5%;transform:rotate(-9deg)}.page-play .mascot-note{top:16%;transform:rotate(8deg)}.simple-footer{flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;min-height:54px;padding:10px 5.5% 18px;font-size:10px;line-height:1.5;display:flex}.simple-footer button{padding:0;font-size:10px}.info-sheet{z-index:8;border:2px solid var(--ink);background:#fff7dc;border-radius:15px;width:min(470px,92%);max-height:calc(100svh - 120px);padding:24px;font-size:14px;line-height:1.7;position:absolute;top:85px;right:4%;overflow:auto}.info-top{z-index:2;background:#fff7dc;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;padding:10px 0;display:flex;position:sticky;top:0}.info-top strong{letter-spacing:-.035em;font-size:21px;font-weight:650}.info-top>button{cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;padding:5px 0;font-size:11px;display:flex}.info-sheet p{max-width:45ch;margin:15px 0;font-size:13px}.read-prompt{border:0;border-bottom:1px solid var(--ink);background:0 0;align-items:center;gap:18px;margin-top:23px;padding:5px 0;font-size:12px;display:flex}.read-prompt svg{width:16px;height:16px}.info-sheet textarea{resize:vertical;width:100%;height:250px;min-height:160px;color:var(--ink);background:#fffdf1;border:1px solid #9c9b8e;border-radius:6px;padding:12px;font:11px/1.8 ui-monospace,SFMono-Regular,monospace}.sheet-copy{gap:20px;min-height:44px;margin-top:15px;padding:10px 20px;font-size:12px}.sheet-copy svg{width:17px;height:17px}@keyframes lean-in{0%{translate:0 10px}to{translate:0}}@media (min-width:1600px){.simple-header,.simple-footer{padding-left:max(5.5%,50vw - 700px);padding-right:max(5.5%,50vw - 700px)}}@media (max-width:1000px){.one-hero{grid-template-columns:1.2fr .8fr;padding:0 6%}.poster-copy h1{font-size:clamp(61px,8.2vw,100px)}.page-home .poster-copy h1,.page-dating .poster-copy h1{font-size:clamp(59px,7.7vw,93px)}.poster-description{max-width:28ch;font-size:16px}.mascot-stage{height:min(59svh,480px)}.mascot-note{max-width:13ch;padding:10px;font-size:11px;right:-8%}.simple-header{height:82px}.wordmark{font-size:38px}.simple-header nav{gap:25px;font-size:12px}}@media (max-width:650px){.one-screen{min-height:700px}.simple-header{height:72px;padding:0 6%}.wordmark{font-size:35px}.logo-dot{width:6px;height:6px;margin-top:20px}.simple-header nav{gap:23px;font-size:11px}.about-button{font-size:11px}.lineup-links{width:185px;top:43px;right:-60px}.lineup-links a{padding:10px 12px;font-size:14px}.one-hero{flex-direction:column;justify-content:space-between;align-items:stretch;gap:10px;padding:22px 7% 0;display:flex}.poster-copy{flex-shrink:0;padding:0}.poster-copy h1{letter-spacing:-.04em;font-size:clamp(50px,13vw,77px);line-height:.94}.page-home .poster-copy h1,.page-dating .poster-copy h1{font-size:clamp(49px,12.8vw,76px)}.poster-description{max-width:27ch;margin:18px 0 22px;font-size:15px;line-height:1.45}.copy-cta{gap:28px;min-height:50px;padding:12px 22px;font-size:13px}.paste-hint{max-width:44ch;min-height:15px;margin-top:11px;font-size:9px}.mascot-stage{flex:1;align-self:center;width:100%;height:min(30svh,275px);min-height:190px;max-height:275px;margin-top:0}.mascot{object-fit:contain;width:65%;height:100%;transform:rotate(7deg)}.mascot-note{border-width:1.5px;max-width:12ch;padding:8px 10px;font-size:10px;top:18%;right:1%}.page-go .mascot-note,.page-friends .mascot-note,.page-dating .mascot-note{top:13%;right:1%}.page-play .mascot-note{top:15%;right:1%}.simple-footer{gap:12px;min-height:48px;padding:13px 6% 16px;font-size:9px}.simple-footer button{font-size:9px}.info-sheet{width:92%;max-height:calc(100svh - 95px);padding:20px;top:72px;right:4%}.info-top strong{font-size:20px}.info-sheet p{font-size:12px}.info-sheet textarea{height:230px;font-size:10px}.info-top>button{font-size:10px}}@media (max-height:720px) and (min-width:651px){.simple-header{height:78px}.poster-copy h1{font-size:clamp(67px,7.7vw,106px)}.page-home .poster-copy h1,.page-dating .poster-copy h1{font-size:clamp(65px,7vw,95px)}.poster-description{margin:20px 0 23px;font-size:16px}.mascot-stage{height:470px;min-height:290px}.simple-footer{min-height:45px}.mascot-note{right:0}}@media (max-width:360px){.poster-copy h1{font-size:46px}.page-home .poster-copy h1,.page-dating .poster-copy h1{font-size:45px}.simple-header nav{gap:15px}.poster-description{font-size:14px}.mascot-note{font-size:9px}.simple-footer,.simple-footer button{font-size:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.lineup-links{width:300px;max-width:calc(100vw - 32px);max-height:calc(100svh - 130px);overflow:auto}.lineup-links a>span{flex-direction:column;gap:4px;display:flex}.lineup-links strong{font-size:14px;font-weight:650}.lineup-links small{font-size:11px;line-height:1.4}.learn-button{color:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid;align-items:center;gap:9px;margin-left:23px;padding:8px 0;font-size:12px;display:inline-flex}.learn-button svg{width:14px;height:14px}.info-sheet h2{margin:24px 0 6px;font-size:12px;font-weight:750}.info-sheet ol{padding-left:20px;font-size:12px;line-height:1.8}.info-sheet li{margin:9px 0}.info-platform{font-size:11px!important}.choose-apps a{border-bottom:1px solid #17191525;justify-content:space-between;align-items:center;gap:20px;padding:15px 0;display:flex}.choose-apps a>span{flex-direction:column;gap:4px;display:flex}.choose-apps strong{font-size:15px}.choose-apps small{font-size:12px}.choose-apps svg{width:18px;height:18px}@media (max-width:650px){.lineup-links{width:300px;right:-35px}.learn-button{margin-left:17px;font-size:11px}.simple-footer>span{max-width:45%}.simple-footer button{text-align:right;max-width:45%}.lineup summary{max-width:165px}.page-go .poster-copy h1{font-size:clamp(44px,12vw,72px)}}@media (max-width:650px) and (max-height:740px){.one-screen{min-height:600px}.simple-header{height:64px}.one-hero{padding-top:14px}.poster-copy h1,.page-home .poster-copy h1,.page-dating .poster-copy h1,.page-go .poster-copy h1{font-size:clamp(40px,12vw,60px)}.poster-description{margin:14px 0 17px;font-size:14px}.copy-cta{gap:20px;min-height:45px;padding:10px 18px;font-size:12px}.learn-button{margin-left:14px;font-size:10px}.paste-hint{margin-top:10px;font-size:8px}.mascot-stage{height:24svh;min-height:145px;max-height:185px}.simple-footer{min-height:42px;padding-top:10px;padding-bottom:12px}}.dating-options{flex-wrap:wrap;gap:18px;margin-top:16px;font-size:10px;display:flex}.dating-options button,.dating-options a{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;border-bottom:1px solid;padding:4px 0}.preference-form label{flex-direction:column;gap:7px;margin-top:17px;font-size:12px;font-weight:600;display:flex}.preference-form input,.preference-form select{color:#171915;min-width:0;font:inherit;background:#fffdf1;border:1px solid #9c9b8e;border-radius:6px;padding:11px}.age-fields{gap:16px;display:flex}.age-fields label{width:50%}.preference-form small{margin-top:9px;font-size:10px;line-height:1.6;display:block}.preference-form .sheet-copy{border-radius:24px}.preference-form p{font-size:11px}.page-dating .poster-copy h1{font-size:clamp(65px,7vw,110px)}@media (max-width:650px){.page-dating .poster-copy h1{font-size:clamp(43px,11.8vw,70px)}.dating-options{gap:14px;margin-top:12px;font-size:9px}}.marketing-gallery{color:#171915;background:#ffe64b;padding:80px 6%}.gallery-heading{justify-content:space-between;align-items:end;gap:35px;margin-bottom:45px;display:flex}.gallery-heading h2{letter-spacing:-.04em;margin:0;font-size:clamp(40px,5vw,70px);font-weight:750;line-height:.98}.gallery-heading p{margin:0;font-size:14px;line-height:1.6}.image-gallery{grid-template-columns:1fr 1fr;gap:45px 30px;display:grid}.marketing-gallery figure{min-width:0;margin:0}.gallery-image-link{background:#fff5d5;border-radius:12px;display:block;overflow:hidden}.gallery-image-link img{aspect-ratio:4/5;object-fit:contain;width:100%;height:auto;display:block}.gallery-wide{grid-column:1/-1}.gallery-wide img{aspect-ratio:1.9}.marketing-gallery figcaption{justify-content:space-between;gap:20px;margin-top:14px;font-size:11px;line-height:1.5;display:flex}.marketing-gallery figcaption>a,.gallery-foot>a{text-underline-offset:4px;white-space:nowrap;text-decoration:underline}.gallery-foot{justify-content:space-between;align-items:center;gap:30px;margin-top:65px;font-size:11px;line-height:1.7;display:flex}.gallery-foot p{max-width:65ch}.gallery-nav{padding:10px 0}@media (max-width:650px){.marketing-gallery{padding:50px 6%}.gallery-heading{margin-bottom:30px;display:block}.gallery-heading h2{font-size:43px}.gallery-heading p{margin-top:20px;font-size:12px}.image-gallery{grid-template-columns:1fr;gap:30px}.gallery-wide{grid-column:auto}.marketing-gallery figcaption{gap:15px;font-size:10px}.gallery-foot{flex-direction:column;align-items:start;gap:15px;margin-top:40px;font-size:10px}.simple-header nav{gap:17px}.lineup{position:static}.lineup-links{width:auto;max-width:none;max-height:calc(100svh - 110px);top:calc(100% - 8px);left:16px;right:16px}}.preference-form fieldset{border:1px solid;border-radius:12px;padding:14px}.preference-form .action-choice{flex-direction:row;align-items:center;gap:10px;margin:10px 0;display:flex}.preference-form .action-choice input{accent-color:#171b16;width:18px;height:18px;margin:0}.preference-form textarea{height:90px;min-height:80px;font:inherit}.preference-form input,.preference-form select,.preference-form textarea{font-size:16px}
