:root{--accent:#a02239;--accent-hover:#861b30;--accent-soft:#e7a6b2;font-family:Arial,Helvetica,sans-serif;color:#f7f5fa;background:#14141b;font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:radial-gradient(ellipse at 50% 20%,#302030,transparent 65%),#14141b}button,input{font:inherit}a{color:inherit;text-decoration:none}button,label{-webkit-tap-highlight-color:transparent}button{cursor:pointer}.page-shell{width:100%;max-width:460px;margin:auto;padding:0 18px}.site-header{display:flex;align-items:center;justify-content:space-between;height:65px}.brand{font-size:29px;font-weight:800;letter-spacing:-1px}.brand-dot{color:var(--accent-soft)}.age-badge{font-size:10px;color:#b4a8b5;border:1px solid #443742;padding:7px 9px;border-radius:20px}.intro{text-align:center;margin:9px 0 21px}.eyebrow{font-size:9px;letter-spacing:1.9px;color:#f88b9b;font-weight:700}h1{font-size:25px;letter-spacing:-.8px;margin:10px 0}p{line-height:1.5}.intro>p:last-child{font-size:12px;color:#aaa4b3;margin:0}.progress{display:flex;gap:6px;margin:0 8px 15px}.progress span{height:3px;background:#403643;flex:1;border-radius:3px}.progress .active{background:var(--accent)}fieldset{border:0;padding:0;margin:0;min-width:0}.sr-only,.trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.question{margin:24px 0}.enhanced .question{margin:0}.card-stack{position:relative;margin:0 5px 22px}.card-stack:before,.card-stack:after{content:'';position:absolute;inset:10px 9px -8px;background:#493641;border-radius:21px;transform:rotate(-3deg)}.card-stack:after{inset:5px 4px -4px;background:#765464;transform:rotate(2deg)}.swipe-card{height:clamp(310px,48svh,460px);position:relative;z-index:1;border-radius:19px;overflow:hidden;touch-action:pan-y;user-select:none;cursor:grab;background:#564e52;box-shadow:0 10px 25px #0004;isolation:isolate}.swipe-card:active{cursor:grabbing}.card-image,.card-shade{position:absolute;inset:0;pointer-events:none}.card-image{background-image:url('/assets/images/dating-anime.jpg');background-size:200% auto;background-repeat:no-repeat;background-position:left top}.blonde .card-image{background-position:right top}.both .card-image{background-size:auto 100%;background-position:center}.card-shade{background:linear-gradient(180deg,#0003,transparent 28%,#090b1366 52%,#090b13f5 100%)}.card-number,.card-tag{position:absolute;top:17px;z-index:1;font-size:10px;background:#19151d66;backdrop-filter:blur(8px);border:1px solid #ffffff30;border-radius:20px;padding:8px 10px}.card-number{left:15px;font-weight:700;letter-spacing:1px}.card-tag{right:15px}.card-copy{position:absolute;bottom:0;left:0;right:0;padding:22px}.card-copy h2{font-size:29px;line-height:1.08;letter-spacing:-.8px;margin:0;max-width:310px;text-shadow:0 1px 7px #0006}.card-copy p{font-size:12px;color:#e1dce3;margin:11px 0 20px}.swipe-directions{display:flex;justify-content:space-between;font-size:10px;font-weight:600;color:#ded5e0;gap:8px}.answers{display:flex;justify-content:center;gap:52px}.answer{position:relative;display:flex;flex-direction:column;align-items:center;gap:9px;cursor:pointer;font-size:11px;color:#d4c9d4;text-align:center;max-width:135px}.answer input,.extra-answer input{position:absolute;opacity:0;width:1px;height:1px}.answer-icon{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;font-size:36px;background:#25242e;border:1px solid #524451;box-shadow:0 5px 15px #0002;color:#ff818d}.answer.right .answer-icon{background:var(--accent);color:white;border:0;font-size:28px}.answer:hover .answer-icon{transform:scale(1.07)}.answer:has(input:focus-visible) .answer-icon,.extra-answer:has(input:focus-visible){outline:3px solid #fff;outline-offset:4px}.extra-answer{position:relative;display:block;text-align:center;font-size:11px;color:#aaa0b1;text-decoration:underline;text-underline-offset:4px;padding:16px 0 5px;cursor:pointer}.swipe-stamp{position:absolute;top:90px;z-index:3;border:3px solid;border-radius:7px;padding:8px;font-size:20px;font-weight:800;opacity:0;max-width:85%;background:#10101899}.stamp-left{right:18px;color:#ff8f9b;transform:rotate(12deg)}.stamp-right{left:18px;color:#7ee8af;transform:rotate(-12deg)}.drag-left .stamp-left,.drag-right .stamp-right{opacity:1}.back-button{display:block;margin:12px auto 0;padding:10px 18px;border:0;background:transparent;color:#bdb0c0;min-height:44px;font-size:12px}.bottom-note{text-align:center;font-size:9px;color:#8f8397;margin:20px 0}footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #332b39;padding:17px 0 23px;font-size:9px;line-height:1.5;color:#92849a}footer>span:last-child{text-align:right}.footer-brand{font-size:19px;font-weight:700;letter-spacing:-1px}.registration{background:#22212b;border:1px solid #3b3442;border-radius:20px;padding:23px;margin-top:25px}.enhanced .registration{margin-top:0}.registration h2,.loading-screen h2,.blocked-screen h2{font-size:27px;line-height:1.15;letter-spacing:-.8px;margin:13px 0}.question-copy{font-size:12px;color:#b9adbf}.field{display:block;font-size:12px;margin-top:18px;color:#e1d9e5}.field input{width:100%;display:block;font-size:16px;margin-top:7px;border:1px solid #514557;border-radius:9px;background:#191920;color:#fff;padding:14px}.field input::placeholder{color:#9b8fa6;font-size:12px}.submit-button{width:100%;display:flex;align-items:center;justify-content:space-between;border:0;background:var(--accent);border-radius:10px;color:#fff;padding:17px;font-size:14px;font-weight:700;margin-top:23px}.submit-button:disabled{opacity:.5;cursor:not-allowed}.form-note{font-size:10px;color:#a99aae;text-align:center;line-height:1.6}.gold-bonus{padding:17px;margin:20px 0;background:linear-gradient(120deg,#504125,#302b23);border:1px solid #8f7340;border-radius:10px;color:#ffe0a0}.gold-label{font-size:9px;letter-spacing:1.2px;display:block;margin-bottom:10px}.gold-bonus strong{font-size:23px;letter-spacing:-.5px}.gold-bonus p{display:flex;align-items:center;gap:8px;font-size:12px;margin:12px 0 0}.token-count{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border-radius:50%;background:#ecc879;color:#62461b;font-size:15px;font-weight:700}.loading-screen,.blocked-screen{text-align:center;padding:45px 23px;background:#24212b;border:1px solid #443748;border-radius:20px;min-height:350px}.loading-screen p,.blocked-screen p{font-size:13px;color:#c1b4c6}.loader{margin:0 auto 25px;width:86px;height:86px;position:relative;display:grid;place-items:center;color:var(--accent-soft);font-size:45px}.loader:before{content:'';position:absolute;inset:0;border:2px solid #604352;border-top-color:var(--accent-soft);border-radius:50%;animation:spin 1.3s linear infinite}.loading-track{height:4px;background:#493043;border-radius:4px;overflow:hidden;margin-top:28px}.loading-track span{display:block;height:100%;background:var(--accent);animation:fill 1.8s ease-out forwards;transform-origin:left}.blocked-icon{width:75px;height:75px;display:grid;place-items:center;margin:0 auto 25px;border-radius:50%;background:#493043;font-size:25px;color:#ff9dab}.error,.preview-note{font-size:12px;line-height:1.5;background:#443528;color:#ffdaaf;padding:12px;border-radius:8px}input:focus-visible,button:focus-visible,a:focus-visible,.swipe-card:focus-visible{outline:2px solid #ffadbc;outline-offset:3px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}@media(min-width:800px){.page-shell{max-width:470px}.site-header{height:78px}.intro{margin:13px 0 24px}.swipe-card{height:470px}}@media(max-height:730px) and (max-width:799px){.site-header{height:52px}.intro{margin:3px 0 15px}.intro .eyebrow{display:none}h1{font-size:22px}.swipe-card{height:320px}.answer-icon{width:55px;height:55px}.bottom-note{margin:12px 0}}@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition:none!important}}

/* Final step: a focused form, without questionnaire chrome. */
.registration-mode .intro,.registration-mode .progress,.registration-mode .bottom-note,.registration-mode footer{display:none}.registration-mode .registration{margin:20px 0 0;padding:0 5px;background:none;border:0;border-radius:0}.registration h2{font-size:30px;margin:0 0 15px;letter-spacing:-.9px}.gold-bonus{padding:12px 14px;margin:0 0 25px;border-radius:9px;background:#302a24;border-color:#685337}.gold-bonus strong{font-size:14px;display:block;letter-spacing:0;color:#f0cf8f}.gold-bonus>span{display:block;font-size:11px;line-height:1.6;color:#bfb09a;margin-top:3px}.field{margin-top:15px;font-size:12px}.field input{padding:14px;min-height:49px;border-color:#49404d;background:#201e28}.submit-button{justify-content:center;font-size:15px;min-height:51px;margin-top:23px}.form-note{font-size:10px;line-height:1.6;color:#978b9e;margin:14px 0 0}.registration .preview-note{background:none;padding:0;text-align:center;color:#b6a5b5;font-size:11px;margin:10px 0 0}.registration-mode .back-button{margin-top:16px;color:#a397ab;font-size:11px}.registration-mode .page-shell{max-width:410px}.registration-mode .site-header{height:65px}@media(min-width:800px){.registration-mode .registration{margin-top:55px}}

.registration-portrait{height:152px;border-radius:15px;overflow:hidden;position:relative;background-image:url('/assets/images/dating-anime.jpg');background-size:200% auto;background-position:left 24%;margin-bottom:22px}.registration-portrait.portrait-light{background-position:right 24%}.registration-portrait.portrait-both{background-size:100% auto;background-position:center 30%}.registration-portrait:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 30%,#15121dcc)}.registration-portrait span{position:absolute;z-index:1;bottom:14px;left:16px;font-size:12px;color:#fff}.registration-mode .registration{margin-top:8px}.registration h2{font-size:31px;line-height:1.08;margin-bottom:18px}.registration .gold-bonus{margin-bottom:20px;padding:12px 14px}.registration .gold-bonus strong{font-size:13px}.registration .submit-button{justify-content:space-between}.registration .form-note{font-size:9px}.registration-mode .back-button{margin-top:7px}@media(max-height:750px){.registration-portrait{height:120px;margin-bottom:16px}.registration h2{font-size:27px}.registration .field{margin-top:12px}}

/* A brighter final question leads into a clearly outlined registration form. */
body.light-mode{background:radial-gradient(ellipse at top,#fff2de,transparent 65%),#faf7f2;color:#302c35}.light-mode .age-badge{color:#82747a;border-color:#e4d8d8}.light-mode .intro>p:last-child{color:#857982}.light-mode .eyebrow{color:var(--accent)}.light-mode .progress span{background:#e9dfe0}.light-mode .progress .active{background:var(--accent)}.light-mode .card-stack:before{background:#edd8d8}.light-mode .card-stack:after{background:#f5e7df}.light-mode .answer{color:#665864}.light-mode .answer-icon{background:#fff;border-color:#ead9df;box-shadow:0 5px 16px #9b657519}.light-mode .answer.right .answer-icon{background:var(--accent);color:#fff}.light-mode .extra-answer,.light-mode .back-button{color:#86727e}.light-mode .bottom-note,.light-mode footer{color:#97858f}.light-mode footer{border-color:#e9dde0}.light-mode .swipe-card{color:#fff;box-shadow:0 10px 25px #97687a26}.light-mode .loading-screen{background:#fff;border-color:#eedde4}.light-mode .loading-screen p{color:#8c7785}.light-mode .loader:before{border-color:#f4e4eb;border-top-color:var(--accent-soft)}.light-mode .loading-track{background:#f3e2e9}.light-mode .registration .gold-bonus{background:#fff6dd;border-color:#e5d09b}.light-mode .gold-bonus strong{color:#806024}.light-mode .gold-bonus>span{color:#9b7c47}.registration-fields{border:1.5px solid var(--accent);border-radius:16px;padding:18px;background:#fff;box-shadow:0 7px 24px #a4788710}.registration-fields h3{font-size:14px;color:#49373f;margin:0 0 17px;font-weight:700}.registration-fields .field{color:#67545e;margin-top:13px}.registration-fields .field input{background:#fffdfd;border-color:#dfd2d8;color:#342d33}.registration-fields .field input::placeholder{color:#a4949d}.registration-fields .submit-button{margin-top:19px}.registration-fields .form-note{color:#97848f;font-size:9px;margin-top:12px}.registration .registration-fields .preview-note{color:#9c8590;font-size:10px}.registration-mode.light-mode .registration-portrait{height:125px;margin-bottom:17px}.registration-mode.light-mode .registration h2{font-size:28px;margin-bottom:16px}.registration-mode.light-mode .gold-bonus{margin-bottom:17px}.light-mode .answer:has(input:focus-visible) .answer-icon,.light-mode .extra-answer:has(input:focus-visible){outline-color:var(--accent)}@media(max-height:750px){.registration-mode.light-mode .registration-portrait{height:100px}.registration-fields{padding:15px}.registration-fields h3{margin-bottom:13px}.registration-mode.light-mode .registration h2{font-size:26px}}
body{min-height:100svh}html:has(body.light-mode){background:#faf7f2}

/* Compact contact capture, with a clear handoff to the partner. */
.registration-heading{display:flex;align-items:center;gap:14px;margin:15px 0 23px}.registration-mode.light-mode .registration-heading .registration-portrait,.registration-heading .registration-portrait{width:64px;height:72px;margin:0;flex-shrink:0;border-radius:12px;background-size:200% auto;background-position:left 10%}.registration-heading .registration-portrait.portrait-light{background-position:right 10%}.registration-heading .registration-portrait.portrait-both{background-size:auto 100%;background-position:center}.registration-heading .registration-portrait:after{display:none}.registration-mode.light-mode .registration .registration-heading h2,.registration-heading h2{font-size:24px;line-height:1.1;margin:0 0 8px;letter-spacing:-.7px}.registration-heading p{font-size:12px;color:#887780;margin:0;line-height:1.4}.contact-explanation{font-size:11px;line-height:1.6;color:#877981;margin:13px 0 18px}.registration-bonus{padding:13px 0;border-top:1px solid #eee5e6;border-bottom:1px solid #eee5e6;display:flex;flex-direction:column;gap:3px}.registration-bonus strong{font-size:13px;color:#977125}.registration-bonus span{font-size:10px;color:#998678}.registration-fields .submit-button{font-size:14px;margin-top:17px}.registration-fields h3{margin-bottom:16px}.registration-fields .field{margin-top:14px}@media(max-width:350px){.registration-mode.light-mode .registration .registration-heading h2{font-size:21px}.registration-heading{gap:11px}}
.registration-mode.light-mode .registration-heading .registration-portrait.portrait-light{background-position:right 10%}.registration-mode.light-mode .registration-heading .registration-portrait.portrait-both{background-size:auto 100%;background-position:center}

.registration-bonus{margin-top:20px}.registration-bonus strong{font-size:15px}.registration-heading h2{margin-bottom:0!important}.registration-fields .field{font-size:14px}.registration-fields .field input::placeholder{font-size:14px}

/* Burgundy brand accent, with lighter tones on dark surfaces. */
.light-mode .brand-dot,.light-mode .loader,.light-mode .answer.left .answer-icon{color:var(--accent)}
.light-mode input:focus-visible,.light-mode button:focus-visible,.light-mode a:focus-visible,.light-mode .swipe-card:focus-visible{outline-color:var(--accent)}
.submit-button:hover:not(:disabled),.answer.right:hover .answer-icon{background:var(--accent-hover)}
