@import url('https://fonts.googleapis.com/css2?family=Modak&family=Titan+One&family=Caveat:wght@500;600;700&display=swap');
:root{--green:#dcff00}body{background:#eff1ec;color:#101010}main{max-width:1200px;padding:0 24px}body>header{position:absolute;left:50%;top:52px;translate:-50% 0;width:350px;height:30px;padding:0 5px;z-index:30;border-bottom:1px solid #111;max-width:none;color:#111}.wordmark{font:600 16px 'DM Sans',Arial,sans-serif;letter-spacing:-.6px}.wordmark span{color:inherit}header nav{font-size:10px;color:inherit}header a{padding:7px 0}.intro{--screen-width:390px;position:relative;display:block;width:var(--screen-width);max-width:100%;min-height:0;height:820px;margin:32px auto 0;padding:0 20px;background:var(--green);border-radius:32px;overflow:hidden;isolation:isolate;box-shadow:none}.landing-bar{position:absolute;top:53px;left:25px;right:25px;border-bottom:1px solid currentColor;padding:9px 0 6px;display:flex;justify-content:space-between;align-items:flex-start;font-size:10px;line-height:1.45;letter-spacing:0;font-weight:500}.landing-bar>span:last-child{display:none}.scribble{font:600 30px/1 'Caveat',cursive;position:absolute;top:112px;right:27px;margin:0;rotate:-5deg;z-index:12}.intro-copy{position:static;max-width:none;padding:0}.intro h1{position:absolute;top:177px;left:17px;right:17px;margin:0;z-index:10;font:400 116px/.82 'Titan One',sans-serif;letter-spacing:-7px;rotate:-3deg;transform:none}.headline-find{display:block}.intro h1 em{display:flex;align-items:center;justify-content:space-between;font:inherit;font-style:normal;color:#111;white-space:nowrap;margin:0;font-size:112px;line-height:.86}.headline-your{font:700 48px/.85 'Caveat',cursive;letter-spacing:-3px;display:inline-block;rotate:-5deg;margin:8px 4px 0 0}.lead{display:none}.start-wave{position:absolute;bottom:20px;right:25px;z-index:25;display:flex;align-items:center;justify-content:flex-end;gap:16px;background:none;border:0;padding:10px 0;color:#111;font-size:12px;font-weight:500;min-width:75px;min-height:42px;border-radius:0}.start-wave img{width:25px;filter:brightness(0);animation:none}.start-wave:hover{transform:translateX(3px)}.intro .console{display:none}.album-stage{position:absolute;top:355px;left:20px;right:20px;width:auto;height:365px;margin:0;overflow:hidden;isolation:isolate;border-radius:19px;background:#eee}.album-deck{height:100%;width:100%;animation:none;perspective:none;transform:none;transform-style:flat}.album-sleeve,.album-sleeve:hover,.album-sleeve:focus-visible,.album-sleeve.selected{position:absolute;inset:0;left:0;top:0;width:100%;height:100%;max-width:none;aspect-ratio:auto;border:0;border-radius:0;opacity:0;pointer-events:none;transform:scale(1.07);animation:none;filter:none;transition:opacity .85s,transform 2.6s ease;z-index:1!important}.album-sleeve.active-cover{opacity:1;transform:scale(1);pointer-events:auto;z-index:2!important}.sleeve-image{width:100%;height:100%;object-fit:cover;transform:none;border-radius:0;box-shadow:none}.deck-controls{display:none}.landing-bottom{position:absolute;left:25px;right:25px;bottom:27px;display:flex;align-items:center;justify-content:space-between;z-index:20;font-size:10px}.step-label{font-size:11px;letter-spacing:8px}.landing-bottom button{background:none;border:0;padding:8px 0;min-height:42px;font-size:11px;display:flex;align-items:center;gap:12px;color:inherit}.landing-bottom button img{width:23px}.landing-bottom #next-album{position:absolute;left:0;bottom:42px;font-size:9px;min-height:30px}.landing-bottom #next-album img{width:16px}.landing-bottom #next-album{visibility:hidden}body>footer{max-width:390px;padding:15px 0 30px;border:0;justify-content:center;color:#74766f;font-size:9px}.recent-encounters{max-width:750px;margin:35px auto;border-color:#c9ccc3}.recent-encounters .encounter-list a{color:#eee}.results-section{color:#eee;background:#0b0b0b;border-radius:18px;padding:25px;margin-top:20px}
/* The second view repeats the reference's vertical black screen and lime pass. */
.connect-view>header{color:#fff;border-color:#777}.connect-view .intro{background:#080808;color:#fff;transition:background .35s}.connect-view .landing-bar{display:none}.connect-view .scribble{display:none}.connect-view .intro h1,.connect-view #start-wave,.connect-view .album-stage{display:none}.connect-heading{position:absolute;top:134px;left:25px;right:25px}.connect-heading h2{font:400 57px/.88 'Titan One',sans-serif;letter-spacing:-2px;margin:0 0 27px;rotate:-3deg;outline-offset:8px}.connect-lines{display:flex;flex-direction:column;align-items:stretch;font-size:10px;font-weight:400;line-height:1.1}.connect-lines span{border-bottom:1px solid #555;text-align:right;padding:9px 0}.connect-view .intro .console{display:block}.connect-view .intro .controls{position:absolute;top:392px;left:25px;right:25px;max-width:none;min-height:325px;border-radius:20px;padding:23px 20px;background:var(--green);color:#111}.connect-ticket-heading h3{font:600 31px/1.05 'Caveat',cursive;letter-spacing:1px;margin:0 0 19px}.connect-ticket-heading p{border-top:1px solid #111;border-bottom:1px solid #111;font-size:10px;font-weight:700;padding:12px 0;margin:0}.connect-view #actions{margin-top:36px}.connect-view .compare{min-height:50px;border:1px solid #111;border-radius:0;background:#111;color:var(--green);font-size:12px;padding:13px 16px}.connect-view .compare img{filter:brightness(0) invert(1)}.connect-view #status{font-size:11px;color:#223000;padding-top:12px}.connect-view #status.error{color:#8c1500}.connect-view .intro .real-profiles{display:none}.connect-view .landing-bottom{bottom:27px}.connect-view .landing-bottom .step-label{color:#fff}.connect-view .landing-bottom #next-album{display:none}.connect-view #back-wave{position:absolute;right:0;bottom:-8px}.connect-view .landing-bottom:has(#back-wave:not([hidden])) .step-label{font-size:9px;letter-spacing:5px}
/* An authenticated owner's ticket contains the actual private invitation. */
.has-session .intro .connect-heading{display:none}.has-session .intro .console{display:block}.has-session .intro .controls{position:absolute;top:210px;left:25px;right:25px;min-height:0;background:none;padding:0;color:#fff}.has-session .connect-ticket-heading{display:none}.has-session #actions{margin:0}.has-session .intro .real-profiles{display:flex;position:absolute;top:139px;left:25px;right:25px;gap:15px}.has-session .profile-info h2{font-size:11px;max-width:100px}.has-session .profile-info p{display:none}.has-session .intro h1{display:none!important}.has-session .intro .compare{background:none;border:1px solid #777;color:#fff;font-size:10px;min-height:34px;padding:8px 12px}.has-session .intro #status{color:#ddd;font-size:10px}.has-session .intro .room-options summary{padding:8px 0;font-size:10px}.has-session .intro .room-options[open]{position:relative;background:#181818;z-index:40;padding:10px;border-radius:10px}.has-session .intro .room-option-buttons{background:#181818}.has-session .landing-bottom{display:none}.has-invite .intro{height:940px}.has-invite .intro>.invite-panel{position:absolute;top:350px;left:25px;right:25px;width:auto;max-width:none;margin:0;border-radius:20px;padding:23px 20px;background:var(--green);color:#111;box-shadow:none}.pass-heading{display:flex;justify-content:space-between;font-size:8px;border-bottom:1px solid #111;padding-bottom:11px}.invite-panel h2{font:600 43px/1 'Caveat',cursive;letter-spacing:1px;margin:18px 0 10px;rotate:-2deg}.invite-panel h2 br{display:none}.pass-instruction{font-size:10px;margin-bottom:5px}.invite-panel #invite-qr{display:block;width:230px;max-width:100%;height:auto;margin:0 auto;image-rendering:pixelated}.pass-expiry{font-size:9px;padding:9px 0;border-top:1px solid #111;border-bottom:1px solid #111;line-height:1.4;margin:5px 0 12px}.copy-row{display:flex;flex-wrap:wrap;gap:7px}.copy-row input{flex-basis:100%;width:100%;min-width:0;background:#0000;border:1px solid #1115;color:#111;font-size:10px;padding:8px;border-radius:0}.copy-row button{flex:1;background:#111;color:var(--green);border:0;border-radius:0;padding:10px;font-size:10px}#copy-status{font-size:10px;margin-bottom:0}.has-pair>header{position:static;translate:none;width:100%;max-width:1152px;margin:20px auto;color:#111}.has-pair .intro{width:100%;height:auto;min-height:0;margin:0;padding:20px;border-radius:12px}.has-pair .intro .console{display:flex;position:static;justify-content:space-between;align-items:center}.has-pair .intro .real-profiles,.has-pair .intro .controls{position:static;margin:0}.has-pair .intro .controls{padding:0;min-height:0;max-width:200px}.has-pair .intro .real-profiles{display:flex}.has-pair .intro .landing-bar,.has-pair .intro .scribble,.has-pair .connect-ticket-heading,.has-pair .intro .connect-heading{display:none!important}
@media(max-width:460px){body{background:var(--green)}main{padding:0}.intro{--screen-width:100%;height:max(780px,100svh);margin:0;border-radius:0;padding:0 20px}.intro h1{top:177px;left:20px;right:20px;font-size:clamp(96px,29.7vw,126px)}.intro h1 em{font-size:clamp(91px,28.7vw,121px)}.headline-your{font-size:clamp(42px,12.3vw,52px)}body>header{top:21px;width:calc(100% - 50px);max-width:none;padding:0}.landing-bar{top:53px}.scribble{top:116px;font-size:29px}.album-stage{top:355px;bottom:81px;height:auto;max-height:440px;min-height:300px}.landing-bottom{bottom:21px}.start-wave{bottom:14px}.connect-view{background:#080808}.connect-view .intro{height:max(780px,100svh)}.connect-heading{top:134px}.connect-view .intro .controls{top:392px;bottom:115px;min-height:280px}.connect-view .intro #back-wave{bottom:-7px}.has-session .intro .controls{top:210px;bottom:auto;min-height:0}.has-invite .intro{height:940px}.has-pair{background:#eff1ec}.has-pair main{padding:0 12px}.has-pair>header{width:auto;margin:20px}.has-pair .intro{height:auto;min-height:0}.has-pair .intro .controls{min-height:0}.has-pair .intro .real-profiles{gap:8px}.has-pair .profile-info h2{max-width:70px}body>footer{display:none}.results-section{padding:20px 12px}}
@media(prefers-reduced-motion:reduce){.album-sleeve{transition:none!important}}
.screen-steps{display:flex;gap:12px;align-items:center}.landing-bottom .screen-steps button{height:30px;width:34px;min-height:30px;border:0;border-radius:0;padding:12px 0;background:none;position:relative}.screen-steps button::after{content:'';display:block;height:3px;width:100%;background:currentColor;opacity:.45}.screen-steps button[aria-current=step]::after{opacity:1}.connect-view .screen-steps button[aria-current=step]::after{background:var(--green)}
@media(max-width:460px){.intro,.connect-view .intro{height:max(680px,100svh)}.intro h1{top:22%}.scribble{top:14%}.album-stage{top:44%;bottom:70px;min-height:0}.has-invite .intro{height:940px}.has-pair .intro{height:auto}}
.connect-heading{top:110px}.connect-view .intro .controls{top:350px;min-height:300px}.has-session .intro .controls{top:210px;min-height:0}@media(max-width:460px){.connect-heading{top:110px}.connect-view .intro .controls{top:350px;bottom:90px;min-height:240px}.has-session .intro .controls{top:210px;bottom:auto;min-height:0}}
.has-session:not(.has-pair) .intro .connect-heading{display:block}.has-session .connect-lines{display:none}.has-session .intro .real-profiles{top:235px}.has-session:not(.has-pair) .intro .controls{top:290px}.has-invite .intro{height:990px}.has-invite .intro>.invite-panel{top:410px}.has-pair .intro .real-profiles{top:auto}
.connect-view .intro{transition:none}

.intro h1{font-family:Modak,cursive;font-size:140px;letter-spacing:-5px;line-height:.75}.intro h1 em{font-family:Modak,cursive;font-size:135px;line-height:.75}.connect-heading h2{font-family:Modak,cursive;font-size:73px;line-height:.75;letter-spacing:-1px}@media(max-width:460px){.intro h1{font-size:clamp(118px,35.9vw,149px)}.intro h1 em{font-size:clamp(114px,34.6vw,144px)}}

/* Latest feedback: explicit first action, no decorative ruled rows. */
.start-wave{right:20px;bottom:17px;min-width:210px;min-height:48px;justify-content:space-between;gap:18px;padding:14px 19px;border-radius:7px;background:#111;color:var(--green);font-size:14px;font-weight:700}.start-wave img{width:20px;filter:brightness(0) invert(1)}.start-wave:hover{background:#282828;transform:translateY(-2px)}.start-wave:focus-visible{outline:3px solid #111;outline-offset:4px}.album-stage{height:auto;bottom:91px}.connect-instruction{font-size:13px;line-height:1.5;color:#b8b8b8;margin:21px 0 0}.connect-view .intro .controls{top:305px;bottom:105px;min-height:270px}.has-session .connect-instruction{display:none}.has-session:not(.has-pair) .intro .controls{top:290px;bottom:auto;min-height:0}.has-pair .intro .controls{position:static;min-height:0}.has-session .connect-heading h2{font-size:64px}@media(max-width:460px){.start-wave{bottom:17px;min-height:48px;min-width:205px}.album-stage{bottom:91px}.connect-view .intro .controls{top:305px;bottom:105px;min-height:270px}.has-session:not(.has-pair) .intro .controls{top:290px;bottom:auto;min-height:0}.has-pair .intro .controls{min-height:0}}
/* Session recovery is a compact header menu, not another landing section. */
header nav{gap:18px;position:relative;align-items:center}header .recent-encounters{position:static;max-width:none;margin:0;padding:0;border:0;font-size:10px;color:inherit}header .recent-encounters summary{cursor:pointer;list-style:none;min-height:30px;display:flex;align-items:center;white-space:nowrap}header .recent-encounters summary::-webkit-details-marker{display:none}header .recent-encounters[open] summary{text-decoration:underline;text-underline-offset:4px}.sessions-popover{position:absolute;right:0;top:37px;width:300px;max-width:calc(100vw - 50px);padding:8px 16px 12px;background:#171717;color:#f4f4ef;border:1px solid #444;border-radius:12px;box-shadow:0 12px 32px #0004;max-height:65svh;overflow-y:auto;z-index:60}.sessions-label{font-size:8px;color:#aaa;letter-spacing:.6px;margin:12px 0 3px}.sessions-popover .session-link{padding:13px 0;display:grid;grid-template-columns:1fr;gap:6px;border-bottom:1px solid #333}.sessions-popover .session-link:last-child{border-bottom:0}.session-names{font-size:13px;line-height:1.3;font-weight:600;overflow-wrap:anywhere}.session-state{color:var(--green);font-size:10px;display:flex;align-items:center;gap:8px}.session-state img{width:12px}.session-link small{font-size:9px;color:#999;line-height:1.4}.sessions-error{font-size:12px;line-height:1.5}.sessions-popover .subtle-button{min-height:40px;margin:4px 0 5px;color:#eee}
/* Responsive web composition: tablet fills the canvas; desktop uses its width. */
@media(min-width:461px){
 body{background:var(--green)}main{width:100%;max-width:1600px;padding:0 32px}body>header{top:28px;left:32px;right:32px;translate:none;width:auto;max-width:1536px;margin:0 auto;height:48px;padding:0;border-bottom:1px solid #111}.wordmark{font-size:24px}header nav,header .recent-encounters{font-size:12px}header nav{gap:26px}.intro{width:100%;max-width:none;min-height:780px;height:max(780px,100svh);margin:0;border-radius:0;padding:0;overflow:hidden}.landing-bar{top:87px;left:0;right:0;font-size:11px;padding:0 0 14px}.landing-bar>span:last-child{display:block;font-size:11px}.scribble{top:147px;right:15px;font-size:38px}.intro h1{top:185px;left:4px;right:auto;width:80%;font-size:190px;letter-spacing:-5px}.intro h1 em{font-size:180px;justify-content:flex-start;gap:20px}.headline-your{font-size:66px}.album-stage{top:360px;left:auto;right:0;width:60%;height:auto;bottom:100px;max-height:480px;border-radius:20px}.start-wave{left:0;right:auto;bottom:32px;min-width:230px;min-height:56px;padding:17px 22px;font-size:15px}.landing-bottom{bottom:40px;left:auto;right:0}.connect-view{background:#080808}.connect-view .intro{height:max(780px,100svh)}.connect-heading{top:135px;left:0;right:auto;width:75%}.connect-heading h2{font-size:100px}.connect-instruction{font-size:15px;margin-top:30px}.connect-view .intro .controls{top:390px;left:20%;right:0;bottom:100px;min-height:290px;padding:30px;border-radius:22px}.connect-ticket-heading h3{font-size:39px}.connect-ticket-heading p{font-size:12px}.connect-view #actions{margin-top:36px}.connect-view .compare{min-height:56px;font-size:14px}.connect-view #back-wave{right:auto;left:0;bottom:0;white-space:nowrap}.connect-view .landing-bottom{left:0;right:0;bottom:30px;justify-content:flex-end}.has-session:not(.has-pair) .intro .connect-heading{top:125px}.has-session .connect-heading h2{font-size:90px}.has-session .intro .real-profiles{left:0;right:auto;top:325px}.has-session:not(.has-pair) .intro .controls{top:395px;left:0;right:auto;width:250px;min-height:0;bottom:auto;padding:0}.has-invite .intro{height:1050px}.has-invite .intro>.invite-panel{left:auto;right:0;top:450px;width:60%;max-width:440px;padding:26px}.has-invite .intro .controls{width:230px}.has-pair{background:#eff1ec}.has-pair>header{position:static;margin:20px auto;width:calc(100% - 64px)}.has-pair .intro{height:auto;min-height:0;margin:0;padding:20px}.has-pair .intro .controls,.has-pair .intro .real-profiles{position:static;width:auto}.has-pair .intro .real-profiles{gap:20px}body>footer{max-width:1536px;padding:15px 32px 25px;margin:0 auto;color:#555}.connect-view>footer{color:#aaa}
}
@media(min-width:1024px){
 main{padding:0 56px}body>header{left:56px;right:56px;max-width:1488px}.intro,.connect-view .intro{min-height:740px;height:max(740px,100svh)}.scribble{top:130px;right:8%;font-size:42px}.intro h1{top:200px;left:0;width:62%;font-size:clamp(180px,17vw,270px);line-height:.75}.intro h1 em{font-size:clamp(170px,16vw,255px);gap:28px}.headline-your{font-size:clamp(66px,6vw,95px);letter-spacing:-3px}.album-stage{top:190px;right:0;left:auto;width:42%;aspect-ratio:1;height:auto;bottom:auto;max-height:none;border-radius:22px}.start-wave{bottom:70px;min-width:265px;min-height:60px;font-size:16px}.landing-bottom{bottom:80px}.connect-heading{top:190px;width:54%}.connect-heading h2{font-size:clamp(110px,10.8vw,165px);line-height:.78}.connect-instruction{font-size:17px;margin-top:38px}.connect-view .intro .controls{top:185px;left:60%;right:0;bottom:100px;min-height:390px;max-height:540px;padding:34px}.connect-view .landing-bottom{bottom:58px}.connect-ticket-heading h3{font-size:40px}.connect-view #actions{margin-top:65px}.has-session:not(.has-pair) .intro .connect-heading{top:180px;width:54%}.has-session .connect-heading h2{font-size:clamp(110px,10.8vw,165px)}.has-session .intro .real-profiles{top:465px;left:0}.has-session:not(.has-pair) .intro .controls{top:540px;width:320px;left:0;right:auto;bottom:auto;min-height:0;padding:0}.has-invite .intro{height:max(860px,100svh)}.has-invite .intro>.invite-panel{top:145px;right:0;left:auto;width:38%;max-width:470px;padding:30px}.invite-panel #invite-qr{width:260px}.has-pair>header{width:calc(100% - 112px);max-width:1488px}.has-pair .intro{height:auto;min-height:0}.has-pair .intro .controls,.has-pair .intro .real-profiles{position:static;width:auto}
}
@media(min-width:461px) and (max-width:1023px){.intro h1{font-size:clamp(130px,24.7vw,190px)}.intro h1 em{font-size:clamp(123px,23.4vw,180px)}.headline-your{font-size:clamp(47px,8.6vw,66px)}}
@media(min-width:1024px){.album-stage{width:min(42%,calc(100svh - 290px));min-width:350px}}