@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Inter:wght@400;500;600;700&display=swap";
:root{--bg:#080a0d;--card:#12161b;--card2:#1a1e24;--pink:#ff4f70;--soft:#ff8198;--gold:#c6aa7a;--muted:#9298a3;--line:#ffffff1a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{color:#fff;background:#050608;min-height:100%;margin:0;font-family:Inter,system-ui,sans-serif}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.38;cursor:not-allowed}.stage{background:radial-gradient(circle at 50% 20%,#221015 0,#0000 35%),#050608;place-items:center;min-height:100svh;padding:0;display:grid;position:relative;overflow:hidden}.ambient{filter:blur(100px);opacity:.13;pointer-events:none;border-radius:50%;width:320px;height:320px;position:fixed}.ambient-one{background:#ff4168;top:-160px;left:20%}.ambient-two{background:#8c633b;bottom:-180px;right:10%}.phone{background:linear-gradient(145deg,#11151afa,#06090cfc);width:100%;min-height:100svh;position:relative;overflow:hidden}.status{letter-spacing:.4px;z-index:5;justify-content:space-between;align-items:end;height:32px;padding:0 19px 5px;font-size:10px;font-weight:700;display:flex;position:relative}.screen{min-height:calc(100svh - 32px);padding:0 17px 94px}.page{min-height:calc(100svh - 126px)}.welcome{text-align:center;flex-direction:column;align-items:center;min-height:calc(100svh - 110px);display:flex}.hero-art{background:radial-gradient(circle at 50% 60%,#ff476d26,#0000 43%),linear-gradient(#0000000a,#090c0f);width:calc(100% + 34px);height:29svh;min-height:205px;margin:0 -17px 8px;position:relative;overflow:hidden}.profile-orb{filter:saturate(.5);opacity:.68;border-radius:49% 49% 42% 42%;width:150px;height:200px;position:absolute;top:38px}.profile-orb:after{content:"";background:linear-gradient(135deg,#5d4437,#171313);border-radius:47% 53% 45% 45%;position:absolute;inset:32px 20px;box-shadow:0 0 35px #2d171b}.profile-orb.him{left:calc(50% - 132px);transform:rotate(12deg)}.profile-orb.her{right:calc(50% - 132px);transform:rotate(-12deg)}.hero-heart{color:var(--pink);width:24px;filter:drop-shadow(0 0 12px var(--pink));position:absolute;top:53%;left:50%;transform:translate(-50%,-50%)}.brand{color:var(--soft);text-shadow:0 0 22px #ff4f704d;font-family:DM Serif Display,serif;font-size:58px;font-style:italic;line-height:.9}.tagline{text-transform:uppercase;letter-spacing:4px;color:#d9b4bb;margin:14px 0 12px;font-size:10px}.muted{color:var(--muted);margin:6px 0 20px;font-size:13px;line-height:1.55}.age-check{text-align:left;background:var(--card);border:1px solid var(--line);border-radius:14px;align-items:center;gap:10px;width:100%;margin:auto 0 12px;padding:12px 14px;font-size:12px;display:flex}.age-check input{accent-color:var(--pink);width:17px;height:17px}.primary,.secondary{border:1px solid #0000;border-radius:13px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:52px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.primary:active{transform:scale(.98)}.secondary{border-color:var(--line);background:#ffffff0b;margin-top:9px}.telegram{font-size:18px}.privacy{color:#777f88;justify-content:center;align-items:center;gap:6px;margin:16px 0 0;font-size:10px;display:flex}.centered{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100svh - 150px);display:flex}.centered.compact{justify-content:flex-start;padding-top:48px}.centered h1,.title-block h1{letter-spacing:-.7px;margin:17px 0 7px;font-size:27px;line-height:1.18}.outline-heart{width:44px;height:44px;color:var(--pink);filter:drop-shadow(0 0 13px #ff4f7080)}.profile-button{background:var(--card);border:1px solid var(--line);text-align:left;border-radius:16px;align-items:center;gap:12px;width:100%;margin:6px 0;padding:13px;display:flex}.profile-button>span:nth-child(2){flex-direction:column;flex:1;gap:4px;display:flex}.profile-button small,.room-header small{color:var(--muted);font-size:10px}.avatar{background:linear-gradient(145deg,#553226,#17191c);border:1px solid #ffffff40;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;display:inline-grid}.avatar.her{background:linear-gradient(145deg,#733c44,#1a1316)}.avatar.pair{background:linear-gradient(90deg,#513224 0 48%,#7a3b48 52%)}.top{text-align:center;grid-template-columns:42px 1fr 42px;align-items:center;height:52px;display:grid}.top button{text-align:left;background:0 0;border:0;padding:8px 8px 8px 0}.top svg{width:21px}.top>b{font-size:15px}.field{text-align:left;background:var(--card);border:1px solid var(--line);border-radius:14px;flex-direction:column;width:100%;margin:14px 0;padding:11px 13px;display:flex}.field span{color:var(--muted);font-size:9px}.field input{background:0 0;border:0;outline:0;margin-top:5px}.line-art{color:var(--pink);margin-top:42px;font-family:serif;font-size:70px;line-height:.8}.line-art small{margin-top:12px;font-family:DM Serif Display;font-size:20px;font-style:italic;display:block}.invite-code{border:1px solid var(--line);background:var(--card);letter-spacing:7px;border-radius:14px;justify-content:center;align-items:center;gap:20px;width:100%;height:55px;margin:12px 0;font-size:17px;display:flex}.share-row{justify-content:center;gap:35px;margin:20px 0;display:flex}.share-row span{color:var(--soft);font-size:22px}.share-row small{color:var(--muted);margin-top:7px;font-size:8px;display:block}.info{text-align:left;border:1px solid var(--line);width:100%;color:var(--muted);border-radius:13px;gap:10px;margin:5px 0 8px;padding:13px;font-size:10px;line-height:1.5;display:flex}.joined{justify-content:flex-start;padding-top:12svh}.confetti-dots{color:var(--pink);margin-bottom:38px;font-size:18px}.avatar-pair{align-items:center;gap:0;display:flex}.avatar-pair .avatar{border:2px solid #f2d8c8;width:78px;height:78px;margin:0 -4px;box-shadow:0 0 19px #ff4f7073}.avatar-pair>svg{z-index:2;color:var(--pink);width:29px}.joined h1 span{color:var(--pink)}.joined>p{margin:0;font-size:14px}.script{color:var(--pink);margin-top:55px;font-family:DM Serif Display,serif;font-size:25px;font-style:italic;transform:rotate(-6deg)}.dock{width:100%;margin-top:auto}.joined .dock{width:calc(100% - 34px);position:absolute;bottom:22px;left:17px}.room-header{justify-content:space-between;align-items:center;height:55px;display:flex}.room-header>div{align-items:center;gap:9px;display:flex}.room-header>div>span:last-child{flex-direction:column;gap:3px;display:flex}.journey{border:1px solid var(--line);background:linear-gradient(145deg,#1c2127,#13161b);border-radius:16px;margin:8px 0 20px;padding:14px;position:relative}.journey>div:first-child{align-items:center;gap:10px;display:flex}.journey>div span:last-child{flex-direction:column;gap:3px;display:flex}.journey small,.section-label{color:var(--muted);letter-spacing:1.4px;font-size:9px}.journey b{font-size:11px}.icon-box{color:var(--pink);font-size:25px}.bar{background:#30363e;border-radius:9px;height:6px;margin-top:12px;overflow:hidden}.bar i{border-radius:inherit;background:linear-gradient(90deg,var(--pink),var(--soft));height:100%;box-shadow:0 0 10px var(--pink);display:block}.journey em{color:var(--muted);font-size:9px;font-style:normal;position:absolute;bottom:10px;right:14px}.journey .bar{margin-right:34px}.section-label{margin:16px 2px 9px}.module{border:1px solid var(--line);text-align:left;background:var(--card);border-radius:16px;align-items:center;gap:12px;width:100%;min-height:78px;margin-bottom:10px;padding:13px;display:flex}.module>span{border-radius:14px;place-items:center;width:48px;height:48px;display:grid}.module>div{flex-direction:column;flex:1;gap:5px;display:flex}.module b{font-size:14px}.module.pink{background:linear-gradient(135deg,#772a3d,#331a22);border-color:#9e344c}.module.pink>span{color:var(--pink);background:#ff4f7026}.module.rose{border-color:#713444}.module.rose>span{color:var(--soft)}.module.blue{border-color:#174a64}.module.blue>span{color:#4cc4ff}.module-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.module-grid .module{flex-wrap:wrap;align-items:flex-start;height:116px}.module-grid .module>span{width:40px;height:40px}.module-grid .module>div{flex-basis:60px}.module-grid .module>svg{display:none}.module.dark>span{color:var(--pink)}.note{color:var(--gold);background:#c6aa7a14;border:1px solid #c6aa7a2e;border-radius:13px;gap:10px;padding:11px;display:flex}.note span{flex-direction:column;gap:3px;display:flex}.note b{font-size:10px}.note small{color:var(--muted);font-size:9px}.board-progress{text-align:center;margin:8px 0 17px;font-size:22px}.board-progress b span{color:#c7c9cd;font-size:13px;font-weight:400}.board-progress .bar{max-width:230px;margin:11px auto}.board-grid{grid-template-columns:repeat(5,1fr);gap:7px;display:grid}.board-card{aspect-ratio:.86;color:#f7eedf;background:linear-gradient(145deg,#c4ab81,#88704e);border:1px solid #ffffff1f;border-radius:8px;font-family:DM Serif Display;font-size:13px;position:relative;box-shadow:inset 0 0 10px #1e140a38}.board-card.revealed{color:#aeb8c5;background:#202832}.board-card.completed{color:var(--pink);background:linear-gradient(145deg,#9c314a,#401a25);place-items:center;display:grid}.board-card.saved{background:#202832}.board-card>svg{width:11px;position:absolute;bottom:3px;right:3px}.board-card.completed>svg{width:20px;position:static}.board-pick{margin-top:16px}.card-number{text-align:center;color:var(--muted);letter-spacing:2px;margin:4px 0 10px;font-size:10px}.scratch-wrap{border:1px solid var(--line);background:#171117;border-radius:20px;height:min(58svh,520px);position:relative;overflow:hidden}.scratch-wrap.request{height:min(56svh,490px)}.reveal-content{background:linear-gradient(#40232b,#100e12);flex-direction:column;height:100%;display:flex}.silhouette{background:radial-gradient(circle at 67% 33%,#f2a9a3,#9d4857 48%,#22151a 100%);height:52%;position:relative;overflow:hidden}.moon{filter:blur(1px);background:#ffd4c75e;border-radius:50%;width:165px;height:165px;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.couple{color:#291419;text-shadow:40px -25px #32171c;font-size:160px;line-height:1;position:absolute;bottom:-17px;left:50%;transform:translate(-50%)rotate(-8deg)}.reveal-copy{text-align:center;flex-direction:column;align-items:center;padding:18px 18px 8px;display:flex}.eyebrow{color:var(--pink);letter-spacing:2px;font-size:8px}.reveal-copy h2{margin:7px 0;font-family:DM Serif Display;font-size:27px}.reveal-copy p{color:#e1dadd;max-width:310px;margin:0;font-size:12px;line-height:1.5}.hearts{color:var(--pink);gap:3px;margin-top:12px;display:flex}.scratch-canvas{touch-action:none;width:100%;height:100%;transition:opacity .42s,transform .42s;position:absolute;inset:0}.scratch-away{opacity:0;transform:scale(1.04)}.scratch-progress{pointer-events:none;background:#0000004d;border-radius:4px;width:70%;height:3px;position:absolute;bottom:18px;left:15%}.scratch-progress span{background:#fff;border-radius:4px;height:100%;display:block}.scratch-hint{text-align:center;color:#322a20;pointer-events:none;font-size:9px;position:absolute;bottom:23px;left:0;right:0}.locked-caption{text-align:center;flex-direction:column;align-items:center;gap:7px;margin-top:19px;display:flex}.locked-caption svg{color:var(--gold)}.locked-caption b{font-size:13px}.locked-caption span{color:var(--muted);font-size:10px}.action-stack{margin-top:14px}.action-stack .muted{text-align:center}.mini{font-size:9px}.celebration{justify-content:center}.big-heart{width:130px;height:130px;color:var(--pink);background:radial-gradient(circle,#ff4f7040,#0000 70%);border-radius:50%;place-items:center;animation:1.6s infinite pulse;display:grid}.big-heart svg{width:68px;height:68px;filter:drop-shadow(0 0 16px var(--pink))}.big-heart.small{width:95px;height:95px}.big-heart.small svg{width:48px}.big-stat{color:var(--pink);margin-top:25px;font-size:40px;font-weight:700}.big-stat span{color:var(--muted);font-size:14px;font-weight:400}@keyframes pulse{50%{transform:scale(1.08)}}.title-block{text-align:center;margin:21px 0 24px}.level-card{border:1px solid var(--line);text-align:left;background:#17191d;border-radius:16px;align-items:center;width:100%;height:120px;margin-bottom:11px;padding:0 14px 0 0;display:flex;overflow:hidden}.level-art{background:radial-gradient(circle at 50% 25%,#ffa69b54,#0000 36%),linear-gradient(135deg,#56372f,#161416);width:42%;height:100%;position:relative}.level-art:after{content:"♥";color:#171013;font-size:95px;position:absolute;bottom:-23px;left:50%;transform:translate(-50%)}.level-card>span{flex-direction:column;flex:1;gap:6px;padding-left:13px;display:flex}.level-card b{font-size:15px}.level-card small{color:var(--muted);font-size:9px}.level-card em{color:var(--pink);font-size:12px;font-style:normal}.level-card.l2{border-color:var(--pink);box-shadow:inset 0 0 25px #ff4f7014}.page-subtitle{text-align:center;color:var(--muted);margin:-4px 0 15px;font-size:11px}.filter-row{gap:7px;margin-bottom:14px;display:flex}.filter-row button,.tabs button{border:1px solid var(--line);background:var(--card);border-radius:9px;flex:1;padding:9px;font-size:10px}.filter-row button.active,.tabs button.active{background:var(--pink);border-color:var(--pink)}.request-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.request-grid button{aspect-ratio:.73;color:#2b251c;background:linear-gradient(145deg,#cfbb96,#806a4c);border:1px solid #ffffff29;border-radius:11px;flex-direction:column;justify-content:space-between;padding:10px;display:flex;position:relative;overflow:hidden}.request-grid button:after{content:"";background:repeating-linear-gradient(115deg,#0000 0 6px,#ffffff0f 6px 7px);position:absolute;inset:0}.request-grid b{z-index:1;font-size:10px}.request-grid span{z-index:1;font-size:29px}.request-grid small{color:#762a39;z-index:1}.sent{justify-content:flex-start;padding-top:8svh}.sent .notification{margin-top:30px}.notification{text-align:left;background:linear-gradient(135deg,#4c2630,#20171b);border:1px solid #713444;border-radius:14px;align-items:center;gap:10px;width:100%;padding:13px;display:flex}.notification>span{flex-direction:column;gap:4px;display:flex}.notification small{color:#d8c8cd;font-size:9px}.tabs{gap:6px;margin:8px 0 16px;display:flex}.request-item{background:var(--card);border:1px solid #ff4f704d;border-radius:15px;align-items:center;gap:10px;padding:12px;display:flex}.request-item>span{flex-direction:column;flex:1;gap:5px;display:flex}.request-item small{color:var(--pink);letter-spacing:1px;font-size:8px}.request-item b{font-size:11px}.request-item em{color:var(--gold);font-size:9px;font-style:normal}.request-detail{background:var(--card);border-radius:14px;gap:12px;margin:16px 0;padding:10px;display:flex}.mini-art{background:radial-gradient(circle,var(--pink),#3b1d25);color:#33131b;border-radius:10px;place-items:center;width:72px;height:72px;font-size:32px;display:grid}.request-detail>div:last-child{flex:1}.request-detail small{color:var(--muted);letter-spacing:1px;font-size:8px}.request-detail p{font-size:10px;line-height:1.45}.timeline{margin:12px 3px 20px}.timeline>div{grid-template-columns:24px 1fr 45px;align-items:center;min-height:36px;font-size:11px;display:grid;position:relative}.timeline i{border:1px solid #63707a;border-radius:50%;place-items:center;width:18px;height:18px;font-size:10px;font-style:normal;display:grid}.timeline .done i{color:#0d2916;background:#4ade80;border-color:#4ade80}.timeline>div:not(:last-child):after{content:"";background:#374049;width:1px;height:18px;position:absolute;top:27px;left:8px}.timeline small{color:var(--muted);font-size:9px}.text-button{color:#c3c7cc;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;width:100%;height:40px;font-size:11px;display:flex}.random{justify-content:flex-start;padding-top:16svh}.dice{width:150px;height:150px;color:var(--pink);filter:drop-shadow(0 0 17px #ff4f7059);background:radial-gradient(circle,#ff4f7040,#ff4f7008 55%,#0000 70%);border-radius:50%;place-items:center;animation:3s ease-in-out infinite dice;display:grid}@keyframes dice{50%{transform:translateY(-8px)rotate(5deg)}}.us-head{text-align:center;flex-direction:column;align-items:center;padding:13px 0;display:flex}.avatar-pair.small .avatar{width:57px;height:57px;margin:0 -5px}.us-head h1{margin:14px 0 0;font-size:20px}.stats{grid-template-columns:1fr 1fr;gap:8px;display:grid}.stats>div{background:var(--card);border:1px solid var(--line);text-align:center;border-radius:13px;flex-direction:column;gap:5px;padding:14px;display:flex}.stats b{color:var(--soft);font-size:20px}.stats small{color:var(--muted);font-size:9px}.activity{background:var(--card);border:1px solid var(--line);border-radius:14px;margin-bottom:14px;padding:4px 13px}.activity p{border-bottom:1px solid var(--line);align-items:center;gap:9px;margin:0;padding:10px 0;font-size:10px;display:flex}.activity p:last-child{border:0}.activity svg{width:15px;color:var(--pink)}.activity small{color:var(--muted);margin-left:auto}.secondary.full{justify-content:space-between;padding:0 14px}.bottom-nav{z-index:10;height:74px;padding-bottom:max(7px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--line);background:#0a0d10f0;justify-content:space-around;align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0}.bottom-nav button{color:#69717a;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:25%;height:60px;display:flex}.nav-icon{position:relative}.nav-icon i{background:var(--pink);border-radius:50%;width:5px;height:5px;position:absolute;top:-1px;right:-4px}.nav-heart{color:var(--pink);position:absolute;top:-7px;left:50%;transform:translate(-50%)}@media (min-width:600px){.stage{padding:26px}.phone{scrollbar-width:none;border:1px solid #4b525a;border-radius:34px;width:430px;height:min(900px,100svh - 52px);min-height:min(900px,100svh - 52px);overflow:auto;box-shadow:0 32px 90px #000}.phone::-webkit-scrollbar{display:none}.screen{min-height:calc(min(900px,100svh - 52px) - 32px)}.page{min-height:calc(min(900px,100svh - 52px) - 126px)}.welcome,.centered{min-height:calc(min(900px,100svh - 52px) - 145px)}.bottom-nav{margin-top:-74px;position:sticky}.hero-art{height:255px}.joined .dock{bottom:25px}}:root{--bg:#070708;--surface:#101012;--surface-raised:#171719;--surface-soft:#1d1b1c;--text:#fffaf7;--text-soft:#d8d1ce;--muted:#a8a09e;--line:#fff4ee29;--pink:#f55476;--soft:#ff87a0;--gold:#e6b978;--wine:#6f2032;--danger:#ff6c79;--font-display:"DM Serif Display",Georgia,serif;--font-ui:Inter,system-ui,sans-serif;--ease:cubic-bezier(.2,.8,.2,1);--fast:.16s;--normal:.26s}html,body{color:var(--text);font-family:var(--font-ui);overscroll-behavior:none;background:#050506}button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #fff}.stage{background:radial-gradient(circle at 8% 8%,#78172b7a,#0000 30%),radial-gradient(circle at 92% 82%,#53172461,#0000 30%),#050506}.stage:before,.stage:after{content:"";filter:blur(24px);pointer-events:none;background:radial-gradient(#901f3680,#0000 68%);width:260px;height:160px;position:fixed;transform:rotate(-25deg)}.stage:before{top:-75px;left:-95px}.stage:after{bottom:-85px;right:-90px}.phone{background:linear-gradient(#0b0b0d 0%,#050506 100%);border-color:#ffffff47;box-shadow:0 36px 100px #000000c7,inset 0 0 0 1px #ffffff0d}.phone:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 50% -5%,#7b29351f,#0000 35%);position:absolute;inset:0}.status,.screen,.bottom-nav{position:relative}.status{height:38px;padding:0 24px 8px;font-size:12px}.screen{padding:0 20px 104px}.page{isolation:isolate}.primary,.secondary{letter-spacing:.01em;min-height:56px;transition:background var(--fast),border-color var(--fast),opacity var(--fast),transform var(--fast);border-radius:999px;font-size:15px}.primary{background:linear-gradient(135deg,#f45d79,#df3557);box-shadow:0 10px 30px #e5355840}.primary:active,.secondary:active,.module:active,.board-card:active{transform:scale(.975)}.secondary{background:#ffffff06;border-color:#ffffff61}.demo-link{min-height:44px;color:var(--text-soft);text-underline-offset:4px;background:0 0;border:0;margin:2px 0 0;font-size:12px;text-decoration:underline}.muted{color:#b6aead}.welcome{min-height:calc(100svh - 142px);margin:0 -20px;padding:0 20px;position:relative}.hero-art{filter:saturate(.88)contrast(1.03);background-image:linear-gradient(#0000 54%,#05050633 67%,#070708 100%),url(/images/closer/welcome-hero.webp);background-position:50% 34%;background-size:cover;width:calc(100% + 40px);height:40svh;min-height:290px;max-height:390px;margin:-38px -20px}.welcome-copy{z-index:1;text-shadow:0 2px 20px #000;position:relative}.brand{font-family:var(--font-display);color:#fff;text-shadow:0 4px 24px #000000a6;letter-spacing:-1.5px;font-size:58px;font-style:normal;line-height:.9}.tagline{color:#e6d8d6;letter-spacing:5px;margin:12px 0 10px;font-size:11px}.brand-flourish,.title-flourish{color:var(--gold);justify-content:center;align-items:center;gap:8px;display:flex}.brand-flourish i,.title-flourish i{background:linear-gradient(90deg,transparent,var(--gold));width:50px;height:1px}.brand-flourish i:last-child,.title-flourish i:last-child{background:linear-gradient(90deg,var(--gold),transparent)}.welcome-intro{color:#f3eeee;margin:14px 0 16px;font-size:14px;line-height:1.55}.age-check{background:0 0;border:0;justify-content:center;min-height:48px;margin:auto 0 10px;padding:8px 14px;font-size:12px}.age-check input{appearance:none;background:#f5ede8;border:1px solid #eee;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.age-check input:checked:after{content:"✓";color:#181315;font-size:15px;font-weight:800}.welcome .privacy{margin:8px 0 0}.home-page{padding-top:2px}.home-hero{text-align:center;padding:5px 0 8px;position:relative}.settings-button{color:#ddd;background:0 0;border:0;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:4px;right:0}.portrait-pair{justify-content:center;height:144px;margin-top:0;position:relative}.portrait-pair .avatar{border:1.5px solid var(--gold);background-size:cover;width:132px;height:132px;margin:0 -28px;box-shadow:0 0 0 3px #0b0b0c,0 0 0 4px #e6b97873}.portrait-pair .avatar.him{background:radial-gradient(circle at 50% 28%,#c6906f 0 16%,#0000 17%),linear-gradient(145deg,#4b2c20,#131313)}.portrait-pair .avatar.her{background:radial-gradient(circle at 50% 28%,#d9a07a 0 16%,#0000 17%),linear-gradient(145deg,#672e3a,#161113)}.portrait-pair .avatar svg{opacity:.48;width:38px;height:38px}.portrait-pair>span{z-index:3;border:1px solid var(--gold);width:42px;height:42px;color:var(--pink);background:#0b0b0c;border-radius:50%;place-items:center;display:grid;box-shadow:0 3px 16px #000}.portrait-pair>span svg{width:20px}.home-hero h1{font-family:var(--font-display);margin:2px 0 5px;font-size:36px;font-weight:400;line-height:1}.home-hero>p{letter-spacing:5px;color:#c9bdb9;margin:0;font-size:9px}.journey{background:linear-gradient(145deg,#1f1f21eb,#111112f0);border-radius:13px;margin:6px 0 12px;padding:11px 14px}.journey>div:first-child{justify-content:space-between}.journey>div:first-child span{font-size:12px}.journey>div:first-child b{font-variant-numeric:tabular-nums;font-size:18px}.journey .bar{height:8px;margin:7px 0 0}.journey em{display:none}.section-label{color:#c9c0bd;letter-spacing:2px;margin:12px 2px 8px}.module{isolation:isolate;background-position:50%;background-size:cover;border-color:#ffffff47;border-radius:16px;height:100px;margin-bottom:10px;padding:16px;position:relative;overflow:hidden}.module:before{content:"";z-index:-1;background:linear-gradient(90deg,#080708eb 0%,#0807087a 57%,#0807082e);position:absolute;inset:0}.module.together{background-image:url(/images/closer/together-cover.webp);background-position:50% 55%;border-color:#e6b978a6;height:112px}.module.for-her{background-image:radial-gradient(circle at 78% 28%,#ff9fb37a,#0000 32%),linear-gradient(130deg,#651d31,#1a1115 72%);border-color:#f554768f}.module.for-him{background-image:radial-gradient(circle at 76% 24%,#73616359,#0000 36%),linear-gradient(130deg,#19191b,#080809 72%)}.module>span{color:#f4c98c;background:0 0;width:48px;height:48px}.module>span svg{width:30px}.module>div{gap:3px}.module b{font-family:var(--font-display);font-size:25px;font-weight:400}.module small{color:#f0e8e5;font-size:11px}.module-arrow{color:#f5d8ac;border:1px solid #e6b978b3;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.random-link{color:#bdb4b1;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;margin-top:-2px;font-size:11px;display:flex}.collection-page .top{height:34px}.collection-title{justify-content:space-between;align-items:baseline;margin:4px 0 12px;display:flex}.collection-title h1{font-family:var(--font-display);margin:0;font-size:33px;font-weight:400;line-height:1}.collection-title b{color:var(--gold);font-size:16px}.collection-title b span{color:#e8dfdc}.collection-bar{height:8px;margin:0 0 16px}.collection-filters{gap:8px;margin-bottom:16px}.collection-filters button{background:0 0;border-color:#ffffff52;border-radius:999px;min-height:40px;padding:0 12px;font-size:11px}.collection-filters button.active{color:#1a0d10;background:linear-gradient(135deg,#ff6d8b,#f34d72);font-weight:700}.collection-page .board-grid{grid-template-columns:repeat(4,1fr);gap:10px 9px}.board-card{aspect-ratio:.73;font-family:var(--font-ui);color:#fff;text-align:left;background-position:50%;background-size:cover;border:1px solid #ffffff40;border-radius:10px;padding:8px;font-size:12px;display:block;overflow:hidden;box-shadow:inset 0 0 0 1px #0000003d}.board-card:before{content:"";z-index:0;background:linear-gradient(#0000000d,#00000047);position:absolute;inset:0}.board-card>span,.board-card>svg,.card-state{z-index:1;position:relative}.board-card>span{position:absolute;top:7px;left:8px}.board-card>svg{color:#a7a09d;width:18px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.card-state{color:#240f15;background:#f4dedc;border:1px solid #fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;font-style:normal;display:grid;position:absolute;bottom:6px;right:6px}.board-card.locked{color:#9d9694;background:#171719!important}.board-card.locked:before{background:linear-gradient(145deg,#ffffff08,#0003)}.board-card.completed,.board-card.saved,.board-card.revealed{color:#fff}.card-art-3{background-image:radial-gradient(circle at 75% 25%,#d794a0,#0000 35%),linear-gradient(135deg,#7e3e4b,#1c1216)}.card-art-4{background-image:radial-gradient(circle at 40% 25%,#d9ad74,#0000 7%),linear-gradient(135deg,#442419,#0b0a0a)}.card-art-5{background-image:radial-gradient(circle at 52% 62%,#a90433 0 10%,#4b071a 11%,#0000 32%),linear-gradient(145deg,#211115,#09090a)}.card-art-6{background-image:linear-gradient(145deg,#30292a,#09090a)}.collection-page .board-pick{z-index:4;margin:18px 0 0;position:sticky;bottom:88px}.scratch-wrap{background:#08090a;border:0;border-radius:22px;height:min(62svh,570px);box-shadow:0 20px 44px #0000007a}.reveal-content{-webkit-user-select:none;user-select:none;background:#08090a}.silhouette{background-position:50% 38%;background-size:cover;height:58%}.reveal-copy{z-index:2;margin-top:-19px;padding:0 20px 12px;position:relative}.intensity-badge{color:#2a0b13;letter-spacing:1.6px;background:linear-gradient(135deg,#ff87a0,#f25276);border-radius:999px;align-items:center;min-height:30px;padding:0 18px;font-size:10px;font-weight:800;display:inline-flex;box-shadow:0 6px 18px #f554764d}.reveal-copy h2{font-family:var(--font-display);margin:17px 0 12px;font-size:36px;font-weight:400;line-height:1.05}.title-flourish{margin-bottom:12px}.title-flourish i{width:36px}.reveal-copy p{color:#eee7e4;font-size:13px;line-height:1.55}.hearts{color:var(--pink);margin-top:10px}.card-number{letter-spacing:2.5px;color:#c6bbb7}.action-stack .primary{font-size:15px}.action-stack .secondary{border-color:var(--gold)}.top button{place-items:center;min-width:44px;min-height:44px;padding:0;display:grid}.top>b{font-family:var(--font-display);font-size:20px;font-weight:400}.bottom-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#080809f0;border-top-color:#ffffff21;height:82px}.bottom-nav button{color:#aaa29f;min-height:58px}.bottom-nav button.active{color:var(--soft)}.bottom-nav small{font-size:9px}.nav-heart{display:none}.bottom-nav button:active{background:#ffffff0a}.field,.profile-button,.info,.notification,.request-item,.request-detail,.activity,.stats>div{border-color:var(--line);background:linear-gradient(145deg,#1b1b1df5,#0f0f10f5)}.centered h1,.title-block h1,.production-room h1,.empty-production h2{font-family:var(--font-display);letter-spacing:0;font-weight:400}.outline-heart{color:var(--pink)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.page{transform:none!important}}@media (min-width:600px){.phone{width:428px}.screen{padding-left:20px;padding-right:20px}.welcome{min-height:calc(min(900px,100svh - 52px) - 150px)}.hero-art{height:355px;max-height:355px}.collection-page .board-grid{gap:10px}.collection-page .board-pick{bottom:6px}}@media (max-height:730px){.hero-art{height:35svh;min-height:230px;margin-bottom:-34px}.brand{font-size:50px}.welcome-intro{margin:10px 0}.welcome .privacy{display:none}.portrait-pair{height:112px}.portrait-pair .avatar{width:104px;height:104px}.home-hero h1{font-size:31px}.module{height:82px}.module.together{height:90px}.module b{font-size:22px}}@media (orientation:landscape) and (max-height:600px){.phone{border-radius:0;width:min(100%,760px);height:100svh;min-height:100svh}.welcome{text-align:center;grid-template-rows:auto auto auto auto;grid-template-columns:1fr 1fr;column-gap:26px;padding:0 24px;display:grid}.hero-art{grid-row:1/5;width:calc(100% + 24px);height:calc(100svh - 38px);min-height:0;margin:0 0 0 -24px}.welcome-copy{align-self:end}.age-check{margin:8px 0}.welcome .privacy{display:flex}.home-page{max-width:620px;margin:auto}.collection-page .board-grid{grid-template-columns:repeat(6,1fr)}}.card-art-1{background-image:url(/images/closer/together-cover.webp)}.card-art-2{background-image:linear-gradient(145deg,#0000,#0f030666),url(/images/closer/slow-dance.webp)}
.production-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100svh - 120px);display:flex}.production-state>button:first-child,.back-link{color:var(--muted);background:0 0;border:0;align-items:center;gap:6px;display:flex;position:absolute;top:40px;left:17px}.production-state>svg{width:42px;height:42px;color:var(--pink)}.production-state p{color:var(--muted);max-width:280px;font-size:12px;line-height:1.5}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.production-room{text-align:center;padding-top:66px}.production-room h1{font-size:27px}.live-badge,.live-strip{color:#4ade80;letter-spacing:1.5px;align-items:center;gap:6px;font-size:8px;display:inline-flex}.live-badge svg,.live-strip svg{width:12px}.divider{color:var(--muted);align-items:center;gap:9px;margin:22px 0 5px;font-size:8px;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.form-message{color:var(--soft);font-size:10px}.live-strip{justify-content:center;width:100%;margin:0 0 12px}.production-home{text-align:center;padding-top:35px}.production-home .avatar-pair{justify-content:center;margin:22px 0 8px}.production-home h1{margin:8px 0;font-size:24px}.invite-panel{text-align:left;background:var(--card);border:1px solid var(--line);border-radius:15px;grid-template-columns:1fr auto;align-items:center;margin:19px 0;padding:13px;display:grid}.invite-panel small{color:var(--muted);letter-spacing:1.3px;grid-column:1/3;font-size:8px}.invite-panel b{letter-spacing:5px;margin-top:6px;font-size:20px}.invite-panel button{color:var(--soft);background:#ff4f701f;border:0;border-radius:8px;padding:7px 10px;font-size:9px}.production-home .module{text-align:left}.empty-production{text-align:center;color:var(--muted);flex-direction:column;align-items:center;margin-top:24svh;display:flex}.empty-production>svg{color:var(--pink);width:38px;height:38px}.empty-production h2{color:#fff;margin-bottom:0}.empty-production p{font-size:11px}.request-item>button{background:var(--pink);border:0;border-radius:8px;padding:8px 12px;font-size:10px}
.phone{padding-top:env(safe-area-inset-top)}.legal{color:#fff;background:#080a0d;max-width:680px;min-height:100svh;margin:auto;padding:72px 24px}.legal h1{color:#ff8198;font-family:serif;font-size:40px}.legal h2{margin-top:32px}.legal p{color:#9ca3af;line-height:1.7}.board-card small{opacity:.75;font-family:Inter;font-size:7px;display:block}.production-head{justify-content:space-between;align-items:center;display:flex}.production-head button{color:#fff;background:0 0;border:0}.production-head svg,.share-button svg{width:17px}.share-button{margin-bottom:12px}.settings-toggle{border:1px solid var(--line);background:var(--card);border-radius:13px;justify-content:space-between;align-items:center;min-height:52px;margin-bottom:7px;padding:0 13px;font-size:11px;display:flex}.settings-toggle input{width:18px;height:18px;accent-color:var(--pink)}.danger-button{width:100%;height:48px;color:var(--soft);background:#ff4f701a;border:1px solid #ff4f7059;border-radius:12px;margin-top:10px}.legal-links{text-align:center;color:var(--muted);font-size:10px}.legal-links a{color:var(--muted)}