@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{background:linear-gradient(135deg,#ff637f,#f33c61);box-shadow:0 9px 28px #ff4f7033}.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>span svg{width:27px}.module>div{flex-direction:column;flex:1;gap:5px;display:flex}.module b{font-size:14px}.module small{color:#c5c6ca;font-size:10px}.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}.bottom-nav button.active{color:var(--pink)}.bottom-nav small{font-size:8px}.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}}
.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)}