@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{--ink:#161116;--panel:#211923;--raised:#2a202d;--line:#fff4ed1f;--cream:#fff7f1;--muted:#b9adb6;--coral:#f77e69;--mint:#a6e7cf;color:var(--cream);background:var(--ink);font-family:DM Sans,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--ink);width:100%;height:100%;margin:0;overflow:hidden}button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--mint);outline-offset:3px}.loading{min-height:100dvh;color:var(--coral);text-align:center;place-content:center;gap:9px;font-size:28px;display:grid}.loading span{color:var(--cream);font-size:14px}.app{width:100%;height:100dvh;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);background:radial-gradient(circle at 50% 15%,#302038 0,var(--ink) 52%);position:relative;overflow:hidden}.track{will-change:transform;width:400%;height:100%;transition:transform .26s cubic-bezier(.2,.8,.2,1);display:flex}.pane{width:25%;min-width:25%;height:100%;overflow:hidden}.content,.swipe-view{flex-direction:column;width:min(100%,780px);height:100%;margin:auto;padding:12px clamp(16px,3vw,34px);display:flex}.top{flex:none;grid-template-columns:1fr auto 1fr;align-items:center;min-height:48px;display:grid}.top>strong{text-align:center;font:800 15px Manrope,sans-serif}.top>div:last-child{justify-self:end;gap:8px;display:flex}.round-button,.link,.mail,.avatar-me{background:0 0;border:0}.round-button{border:1px solid var(--line);background:#ffffff08;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.link{color:var(--muted);font-size:13px;font-weight:700}.avatar-me{border:2px solid var(--coral);width:42px;height:42px;color:var(--ink);background:linear-gradient(135deg,#f5a99b,#8f6cbc);border-radius:50%;place-items:center;font-weight:800;display:grid}.avatar-me.big{width:66px;height:66px;font-size:24px}.mail{border:1px solid var(--line);background:#ffffff08;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:relative}.mail b{background:var(--coral);min-width:17px;color:var(--ink);border-radius:99px;padding:2px 4px;font-size:10px;position:absolute;top:-3px;right:-3px}.edge{z-index:4;width:14px;position:absolute;top:0;bottom:0}.edge.left{left:0}.edge.right{right:0}.swipe-view{gap:0}.card{border:1px solid var(--line);background:var(--panel);touch-action:pan-y;-webkit-user-select:none;user-select:none;border-radius:28px;flex-direction:column;flex:1;align-self:center;width:min(100%,500px);height:min(75dvh,740px);min-height:510px;display:flex;overflow:hidden;box-shadow:0 24px 70px #00000052}.photo{background:#403340;flex:1;min-height:0;position:relative;overflow:hidden}.avatar{background-image:linear-gradient(#0000 52%,#0a070a73),url(../images/demo-portraits.png);background-repeat:no-repeat;background-size:200%;width:100%;height:100%;display:block}.avatar.small{border:2px solid var(--panel);background-size:200%;border-radius:50%;flex:0 0 48px;width:48px;height:48px}.photo>span,.photo>button{color:var(--cream);background:#120d12b8;border:0;border-radius:99px;padding:7px 10px;font-size:12px;position:absolute;top:16px}.photo>span{left:16px}.photo>button{right:16px}.photo>div:last-child{text-shadow:0 2px 10px #000;position:absolute;bottom:18px;left:18px;right:18px}.photo h1,.identity h1,.settings-copy h1,.match h1{letter-spacing:-.06em;margin:0;font:800 clamp(27px,5vw,40px)/1 Manrope,sans-serif}.photo p,.identity>div p{color:#eee0e5;margin:5px 0 0}.why{grid-template-columns:140px 1fr;gap:12px;padding:14px 18px;display:grid}.why small{color:var(--muted);font-size:12px;display:block}.why strong{font:800 18px Manrope,sans-serif}.why p{color:var(--muted);align-self:end;margin:0;font-size:12px;line-height:1.35}.card footer,.profile-sheet footer{grid-template-columns:54px 1fr 54px;align-items:center;gap:12px;padding:0 18px 18px;display:grid}.card footer>button:not(.circle),.primary,.secondary{background:var(--raised);border:0;border-radius:99px;padding:13px 17px;font-weight:800}.circle{border:1px solid var(--line);background:0 0;border-radius:50%;width:52px;height:52px;font-size:31px}.circle.like{color:var(--coral);border-color:#f77e698c}.circle.pass{color:var(--muted)}.hint{color:var(--muted);text-align:center;margin:0;padding:10px;font-size:12px}.empty{border:1px solid var(--line);text-align:center;border-radius:22px;place-items:center;gap:12px;max-width:380px;margin:auto;padding:28px;display:grid}.empty span{color:var(--coral);font-size:26px}.empty h1{margin:0;font:800 25px Manrope,sans-serif}.empty p{color:var(--muted);margin:0}.empty button,.primary{background:var(--coral);color:var(--ink)}.identity{border-bottom:1px solid var(--line);grid-template-columns:66px 1fr auto;align-items:center;gap:12px;padding:20px 0;display:grid}.identity i{color:var(--mint);background:#a6e7cf21;border-radius:99px;align-self:start;padding:5px 8px;font-size:10px;font-style:normal}.identity>p{color:var(--muted);grid-column:1/-1;margin:0;line-height:1.45}.universe-list{flex:1;min-height:0;padding-top:20px;overflow:auto}.universe-list header,.matches header,.threads header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.universe-list h2,.matches h2,.threads h2{margin:0;font:800 17px Manrope,sans-serif}.universe-list header button,.matches header span,.threads header span{color:var(--muted);background:0 0;border:0;font-size:13px}.universe-list>button,.settings-list>button,.threads>button{border:1px solid var(--line);width:100%;color:var(--cream);text-align:left;background:#ffffff06;border-radius:15px;align-items:center;gap:12px;padding:13px;display:flex}.universe-list>button+button,.threads>button+button{margin-top:8px}.universe-list b{background:var(--raised);border-radius:10px;place-items:center;width:30px;height:30px;display:grid}.universe-list div,.settings-list div,.threads div{flex:1;min-width:0}.universe-list p,.settings-list p,.threads p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:12px;overflow:hidden}.universe-list>button>span,.settings-list>button>span{color:var(--muted);font-size:24px}.bottom{width:100%;margin-top:16px}.settings-copy{padding:24px 0 17px}.settings-copy small{color:var(--coral);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:800}.settings-copy p{color:var(--muted);margin:8px 0 0}.settings-list{gap:8px;display:grid;overflow:auto}.settings-list>button b{width:24px;color:var(--coral);text-align:center;font-size:20px;display:grid}.settings-list strong{font-size:14px}.mini-toggle{color:var(--muted);justify-content:space-between;align-items:center;margin-top:15px;font-size:13px;display:flex}.mini-toggle input,.setting-detail input{width:42px;accent-color:var(--mint)}.messages{padding-bottom:0}.matches{padding:16px 0}.matches>div{gap:12px;display:flex;overflow:auto}.matches button{color:var(--cream);background:0 0;border:0;flex:none;justify-items:center;gap:5px;display:grid}.matches .avatar.small{border-color:var(--coral);flex-basis:58px;width:58px;height:58px}.threads{flex-direction:column;flex:1;min-height:0;display:flex}.threads>button{flex:none}.threads i{background:var(--coral);border-radius:50%;width:8px;height:8px}.chat{flex-direction:column;flex:1;min-height:0;display:flex}.chat>header{border-bottom:1px solid var(--line);grid-template-columns:40px 48px 1fr auto;align-items:center;gap:8px;padding:8px 0 12px;display:grid}.chat-scroll{flex-direction:column;flex:1;gap:9px;min-height:0;padding:18px 2px;display:flex;overflow:auto}.chat-scroll>p{background:var(--raised);border-radius:16px 16px 16px 3px;max-width:78%;margin:0;padding:11px 13px;line-height:1.38}.chat-scroll>p.mine{background:var(--coral);color:var(--ink);border-radius:16px 16px 3px;align-self:flex-end}.ice{border:1px solid var(--line);max-width:300px;color:var(--muted);text-align:center;border-radius:16px;align-self:center;margin:auto;padding:18px}.ice p{margin:7px 0}.ice button{color:var(--mint);background:0 0;border:0;font-weight:800}.chat form{padding:12px 0 calc(12px + env(safe-area-inset-bottom));gap:8px;display:flex}.chat input,.form input,.form textarea,.form select{border:1px solid var(--line);background:var(--raised);width:100%;min-width:0;color:var(--cream);border-radius:13px;padding:12px;font-size:16px}.chat form .primary{flex:none}.shade{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0604078f;align-items:end;display:grid;position:fixed;inset:0}.sheet{border:1px solid var(--line);background:var(--panel);border-radius:24px 24px 0 0;width:min(100%,650px);max-height:min(84dvh,760px);margin:auto;animation:.21s ease-out up;box-shadow:0 -20px 80px #00000057}.sheet>header{border-bottom:1px solid var(--line);grid-template-columns:40px 1fr 40px;align-items:center;padding:12px 16px;display:grid}.sheet>header h2{text-align:center;margin:0;font:800 16px Manrope,sans-serif}.sheet>div{max-height:calc(min(84dvh,760px) - 66px);padding:18px;overflow:auto}@keyframes up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.profile-head{align-items:center;gap:14px;display:flex}.profile-head .avatar{border-radius:20px;flex:0 0 76px;width:76px;height:76px}.profile-head h1{letter-spacing:-.05em;margin:0;font:800 29px Manrope,sans-serif}.profile-head p,.profile-sheet>p,.match>p{color:var(--muted);margin:7px 0;line-height:1.45}.score{color:var(--mint);margin:20px 0;font:800 40px Manrope,sans-serif;display:block}.score small{color:var(--muted);font:400 14px DM Sans,sans-serif}.profile-sheet article{background:var(--raised);border-radius:14px;gap:10px;margin-top:11px;padding:12px;display:flex}.profile-sheet article>b{color:var(--coral)}.profile-sheet article p{color:var(--muted);margin:3px 0 0;font-size:13px}.tags{gap:8px;margin-top:18px;display:grid}.tags p{border-bottom:1px solid var(--line);color:var(--muted);margin:0;padding:10px 0;font-size:13px}.tags b{color:var(--cream);margin-bottom:4px;display:block}.profile-sheet footer{grid-template-columns:1fr 1.4fr;margin-top:22px;padding:0}.secondary{border:1px solid var(--line);background:0 0}.quiet{color:var(--muted);background:0 0;border:0;margin:15px auto 0;font-size:12px;display:block}.form{gap:16px;display:grid}.form label{color:var(--muted);gap:7px;font-size:13px;font-weight:700;display:grid}.form label span{color:var(--cream);margin-left:auto}.form textarea{resize:vertical;min-height:115px}.form input[type=range]{accent-color:var(--coral)}.tabs{gap:7px;margin-bottom:14px;display:flex;overflow:auto}.tabs button{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:99px;flex:none;padding:8px 10px;font-size:12px}.tabs .active{border-color:var(--coral);color:var(--cream);background:#f77e6926}.catalog{gap:7px;display:grid}.catalog button{border:1px solid var(--line);color:var(--cream);text-align:left;background:0 0;border-radius:12px;align-items:center;gap:10px;padding:11px;display:flex}.catalog b{background:var(--raised);border-radius:8px;place-items:center;width:23px;height:23px;display:grid}.catalog .included{border-color:#a6e7cf8c}.catalog .included b{background:var(--mint);color:var(--ink)}.notices{gap:8px;display:grid}.notices button{border:1px solid var(--line);color:var(--cream);text-align:left;background:0 0;border-radius:13px;padding:13px}.notices .unread{border-color:#f77e698c}.notices p{color:var(--muted);margin:4px 0 0;font-size:13px}.setting-detail{color:var(--muted);gap:13px;line-height:1.45;display:grid}.setting-detail label{border-bottom:1px solid var(--line);color:var(--cream);justify-content:space-between;align-items:center;padding:13px 0;display:flex}.danger{color:#faa}.match{text-align:center;justify-items:center;gap:13px;padding:10px 2px;display:grid}.match>div{align-items:center;display:flex}.match>div .avatar{border:3px solid var(--panel);border-radius:50%;width:78px;height:78px;margin-left:-14px}.match .avatar-me{border:3px solid var(--panel)}.match small{color:var(--coral);letter-spacing:.1em;text-transform:uppercase;font-weight:800}.match .primary{width:100%;margin-top:8px}.toast{z-index:30;bottom:calc(18px + env(safe-area-inset-bottom));border:1px solid var(--line);background:#251b26f5;border-radius:99px;max-width:calc(100% - 32px);padding:11px 15px;font-size:13px;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 12px 28px #00000059}@media (width>=820px){.app{border-right:1px solid var(--line);border-left:1px solid var(--line);max-width:1120px;margin:auto}.sheet{border-radius:24px;margin-bottom:5dvh}.card{height:min(78dvh,740px)}}@media (width<=500px){.card{border-radius:24px;height:min(76dvh,660px);min-height:480px}.why{grid-template-columns:132px 1fr}.sheet>div{padding:16px}}.messages{padding-left:12px;padding-right:12px}.messages .top{min-height:42px}.message-groups{min-height:0;padding:8px 0 calc(10px + env(safe-area-inset-bottom));flex:1;gap:10px;display:grid;overflow:auto}.message-group{gap:5px;display:grid}.group-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.group-header h2{margin:0;font:800 14px Manrope,sans-serif}.group-header p{color:var(--muted);white-space:nowrap;margin:2px 0 0;font-size:9px}.upgrade{width:23px;height:23px;color:var(--mint);opacity:.58;background:#a6e7cf12;border:1px solid #a6e7cf38;border-radius:7px;place-items:center;font-size:11px;display:grid}.message-row{border:1px solid var(--line);width:100%;min-height:45px;color:var(--cream);text-align:left;background:#ffffff06;border-radius:11px;align-items:center;gap:8px;padding:6px 8px;display:flex}.message-row+.message-row{margin-top:4px}.message-row>div{flex:1;min-width:0}.message-row .avatar.small{border-width:1px;flex-basis:33px;width:33px;height:33px}.message-row strong{font-size:12px}.message-row p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:1px 0 0;font-size:10px;overflow:hidden}.message-row i{color:var(--mint);letter-spacing:.06em;font-size:8px;font-style:normal;font-weight:800}.message-row .unread-dot{background:var(--coral);border-radius:50%;width:7px;height:7px}.empty-message{border:1px dashed var(--line);color:var(--muted);border-radius:10px;margin:0;padding:8px;font-size:11px}.expired-group{padding-top:1px}.ultra-badge{color:var(--mint);letter-spacing:.08em;border:1px solid #a6e7cf40;border-radius:6px;padding:3px 5px;font-size:8px;font-weight:800}.expired-list{filter:blur(3px);opacity:.42;pointer-events:none;-webkit-user-select:none;user-select:none}@media (width<=500px){.group-header p{white-space:normal}}.universe-picker{justify-content:center;gap:7px;padding:2px 0 9px;display:flex}.universe-picker button{border:1px solid var(--line);width:31px;height:29px;color:var(--muted);background:#ffffff06;border-radius:9px;place-items:center;font-size:15px;transition:background .16s,border-color .16s,color .16s;display:grid;position:relative}.universe-picker button.selected{color:var(--cream);background:#a6e7cf24;border-color:#a6e7cf9e}.universe-picker i{border:2px solid var(--ink);background:var(--mint);width:12px;height:12px;color:var(--ink);border-radius:50%;place-items:center;font-size:8px;font-style:normal;font-weight:800;display:grid;position:absolute;bottom:-4px;right:-4px}.universe-picker button:not(.selected) i{display:none}.card{position:relative;overflow:visible}.card>.photo{border-radius:27px 27px 0 0;overflow:hidden}.card>.universe-picker{z-index:3;gap:8px;padding:0;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.card>.universe-picker button{background:#211923f5;border-radius:13px;width:40px;height:40px;font-size:18px;box-shadow:0 7px 18px #00000047}.card>.universe-picker button.selected{background:#374741fa;border-color:#a6e7cfb3}.card>.universe-picker i{width:14px;height:14px;font-size:9px;bottom:-3px;right:-3px}.discovery-icon{place-items:center;display:grid;position:relative}.discovery-icon.anime{color:#bd2520;text-shadow:0 1px #ffcb4b;background:radial-gradient(circle at 34% 28%,#fff4ac 0 8%,#ffbc26 27%,#e86e10 72%);border:1px solid #ffdc64d9;border-radius:50%;width:21px;height:21px;font-size:13px;line-height:1;box-shadow:inset 0 0 4px #7d25008c}.discovery-icon.screen{background:linear-gradient(135deg,#ffffff1f,#ffffff05);border:1.5px solid;border-radius:5px;width:21px;height:15px;font-size:8px;line-height:1}.discovery-icon.screen:before{content:"";opacity:.8;background:currentColor;width:7px;height:1px;position:absolute;transform:translateY(9px)}.space-content{padding-bottom:calc(16px + env(safe-area-inset-bottom));gap:14px;overflow:auto}.space-identity{text-align:center;justify-items:center;gap:6px;padding:19px 0 9px;display:grid}.space-identity .avatar-me.big{width:76px;height:76px;font-size:27px}.space-identity h1{letter-spacing:-.05em;margin:0;font:800 22px Manrope,sans-serif}.space-identity p{color:var(--mint);margin:0;font-size:12px;font-weight:800}.space-actions{gap:6px;display:grid}.space-actions>button{border:1px solid var(--line);width:100%;min-height:57px;color:var(--cream);text-align:left;background:#ffffff06;border-radius:13px;align-items:center;gap:10px;padding:9px 11px;display:flex}.space-actions>button>b{background:var(--raised);width:28px;height:28px;color:var(--coral);border-radius:9px;place-items:center;font-size:16px;display:grid}.space-actions>button>div{flex:1;min-width:0}.space-actions strong{font-size:13px}.space-actions p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:10px;overflow:hidden}.space-actions>button>span{color:var(--muted);font-size:22px}.space-actions>button.ghost-active{border-color:#a6e7cf6b}.space-actions>button.ghost-active>b{color:var(--mint)}.space-toggle{background:#4a3b4a;border-radius:99px;align-items:center;width:30px;height:18px;padding:2px;display:flex}.space-toggle span{background:var(--muted);border-radius:50%;width:14px;height:14px;transition:transform .18s,background .18s}.ghost-active .space-toggle{background:#a6e7cf47}.ghost-active .space-toggle span{background:var(--mint);transform:translate(12px)}.membership,.rewards{gap:7px;display:grid}.membership header{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.membership h2,.rewards h2{margin:0;font:800 15px Manrope,sans-serif}.compare{border:1px solid var(--line);color:var(--mint);background:0 0;border-radius:8px;padding:5px 8px;font-size:10px;font-weight:800}.plan-current,.plan-list>button{width:100%;color:var(--cream);text-align:left;background:#a6e7cf0f;border:1px solid #a6e7cf40;border-radius:13px;padding:10px 11px}.plan-current small{color:var(--mint);text-transform:uppercase;font-size:9px;font-weight:800;display:block}.plan-current strong{margin-top:2px;font:800 16px Manrope,sans-serif;display:block}.plan-current p,.plan-list p{color:var(--muted);margin:3px 0 0;font-size:10px}.plan-list{gap:5px;display:grid}.plan-list>button{border-color:var(--line);background:#ffffff06;align-items:center;gap:8px;display:flex}.plan-list>button>div{flex:1;min-width:0}.plan-list strong{font-size:13px}.plan-list>button>span{border:1px solid var(--line);color:var(--muted);border-radius:7px;padding:4px 6px;font-size:9px;font-weight:800}.plan-list>button.active{background:#a6e7cf17;border-color:#a6e7cf8f}.plan-list>button.active>span{color:var(--mint);border-color:#a6e7cf66}.rewards{margin-top:5px}.rewards>div{border:1px dashed var(--line);border-radius:12px;height:46px}.space-content .bottom{flex:none;margin-top:0}