*{box-sizing:border-box}:root{font-family:Inter,Aptos,system-ui,sans-serif;color:#443c40;background:#fffafb}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 82% 0%,#fff2f5,transparent 36%),#fffafb}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit}.layout>aside{position:fixed;inset:0 auto 0 0;width:248px;background:#fffdfd;border-right:1px solid #f3e9eb;padding:32px 22px;display:flex;flex-direction:column;z-index:3}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#40373b;margin-bottom:58px}.brand>b{display:grid;place-items:center;width:38px;height:38px;color:#fff;background:#ed809b;border-radius:13px;font-size:20px;box-shadow:0 5px 15px #e991a752}.brand strong{font-size:19px;letter-spacing:-.7px}.brand strong>span,.mobilebrand{color:#e7839b}.brand small{display:block;font-size:9px;font-weight:500;color:#a39398;margin-top:1px}.navlabel,.pagehead>small,.welcome small,.card>small{font-size:9px;letter-spacing:1.4px;color:#bb8e9b;font-weight:800}.layout aside nav{display:grid;gap:5px;margin-top:17px}.layout aside nav button{display:flex;align-items:center;gap:13px;border:0;background:transparent;text-align:left;padding:12px 13px;border-radius:11px;font-size:12px;color:#82777b}.layout aside nav button i{font-style:normal;font-size:18px;color:#bd9da6;width:21px;text-align:center}.layout aside nav button.active{background:#fff0f3;color:#d46883;font-weight:700}.pairinfo{margin-top:auto;border-top:1px solid #f1e7e9;padding-top:18px;display:flex;flex-direction:column;align-items:flex-start}.avatars{display:flex;margin-bottom:10px}.avatars span,.top>button{border-radius:50%;display:grid;place-items:center;background:#ffe3e9;color:#c5647d;font-size:10px;font-weight:800;width:30px;height:30px;border:2px solid white}.avatars span+span{margin-left:-8px;background:#f1e8f3;color:#8e7693}.pairinfo>b{font-size:11px}.pairinfo>small{font-size:10px;color:#a99ba0;margin-top:3px}.pairinfo>button{border:0;background:none;color:#94868b;font-size:11px;padding:16px 0 0}.layout main{margin-left:248px;min-height:100vh}.top{height:72px;border-bottom:1px solid #f4ebed;display:flex;align-items:center;justify-content:flex-end;gap:18px;padding:0 5.5%;font-size:11px;color:#9c8e93;background:#ffffffad}.top>button{width:32px;border:0}.mobilebrand,.mobile{display:none}.content{max-width:1200px;margin:auto;padding:44px 5.5% 60px}.welcome{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:29px}.welcome h1,.pagehead h1{font:400 43px/1.12 Georgia,serif;letter-spacing:-1.5px;margin:12px 0 9px;color:#493b41}.welcome p,.pagehead p{font-size:12px;color:#96868d;margin:0}.date{font-size:10px;color:#ba8996;border:1px solid #f3dfe4;border-radius:30px;padding:10px 14px;margin-bottom:5px}.grid{display:grid;grid-template-columns:1.25fr .9fr;gap:18px}.card{border:1px solid #f3e8eb;background:#fffefe;border-radius:17px;padding:23px 24px;box-shadow:0 8px 24px #66344006}.card h2{font:400 20px Georgia,serif;color:#514147;margin:9px 0 7px}.card>p{font-size:11px;color:#a09398;line-height:1.6}.affection{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:21px 0 14px}.affection button{border:1px solid #f1e7e9;border-radius:12px;background:snow;padding:13px 6px;display:flex;flex-direction:column;align-items:center;gap:5px;transition:.2s}.affection button:hover{transform:translateY(-3px);background:#fff0f3;border-color:#f2cdd6}.affection button>span{font-size:23px}.affection button b{font-size:10px}.affection button small{font-size:8px;color:#b5a5aa}.counts{border-top:1px solid #f5edef;padding-top:12px!important;font-size:9px!important}.counts b{color:#d9758e}.meter{background:linear-gradient(145deg,#fff,#fff8fa)}.meter h2{margin-top:11px}.bar{height:7px;border-radius:9px;background:#f7e9ec;margin-top:29px;overflow:hidden}.bar i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#f3b7c5,#e97f99);transition:width .4s}.barlabels{display:flex;justify-content:space-between;font-size:8px;color:#af9fa4;margin-top:8px}.meter-num{display:flex;align-items:center;gap:9px;margin:23px 0 12px;color:#e67e98}.meter-num b{font:400 34px Georgia;color:#57464c}.meter-num small{font-size:10px;color:#98888e}.meter footer{border-top:1px solid #f1e5e8;padding-top:12px;color:#ae8c96;font:italic 11px Georgia}.lower{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.prompt{position:relative;overflow:hidden;background:#fff3f5}.prompt h2{font:400 19px/1.5 Georgia;margin-top:17px}.prompt button,.empty button{border:0;background:transparent;color:#d87690;font-size:10px;padding:8px 0}.prompt>span{position:absolute;right:29px;bottom:-29px;font:100px Georgia;color:#f6d9e0}.event{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #f6eef0}.event:last-child{border:0}.event>span{display:grid;place-items:center;width:31px;height:31px;border-radius:11px;background:#fff1f3;font-size:16px}.event div{display:grid;gap:3px;flex:1}.event b{font-size:10px;font-weight:600}.event small{font-size:9px;color:#aa9da1}.event>i{font-style:normal;color:#e49bad}.pagehead{margin-bottom:25px}.pagehead h1{margin-bottom:8px}.pagehead h1 span{color:#e7839b;font-size:32px}.pairgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.pairgrid .card{padding:28px}.icon{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;background:#fff0f3;color:#e07c94;font-size:23px;margin-bottom:21px}.pairgrid .card>small{display:block}.pairgrid .card h2{font-size:23px}.pairgrid .card p,.start p{font-size:12px;line-height:1.7;color:#9b8c91;max-width:380px;margin:8px 0 20px}.btn{border:0;border-radius:10px;background:#e98099;color:#fff;font-weight:700;font-size:11px;padding:12px 17px;box-shadow:0 5px 15px #e9809933;transition:.2s}.btn:hover{background:#dc708a;transform:translateY(-1px)}.secondary{background:#fff0f3;color:#d46f89;box-shadow:none}.pairgrid form{display:flex;gap:8px}.pairgrid input{width:min(170px,55%);border:1px solid #ecdfe2;border-radius:9px;padding:10px;font-size:11px;outline-color:#e98099}.privacy{font-size:10px;color:#aa9ba0;margin-top:19px}.invite{display:grid;gap:7px;background:#fff6f8;padding:13px;margin-top:16px;border-radius:10px}.invite small{font-size:9px;color:#a58690}.invite b{letter-spacing:3px;color:#ca6780;font-size:19px}.invite button{justify-self:start;border:0;background:none;color:#d76f89;font-size:10px}.start{padding:30px;max-width:780px;background:linear-gradient(125deg,#fff,#fff4f6)}.start h2{font-size:25px;margin-top:14px}.question{max-width:750px;padding:27px}.qtop{display:flex;justify-content:space-between}.qtop small,.lock{font-size:9px;color:#b28f99;letter-spacing:.6px}.progress{display:flex;gap:5px;margin:15px 0 24px}.progress i{height:3px;flex:1;background:#f5e8eb;border-radius:4px}.progress i:first-child{background:#e9879e}.question h2{font-size:26px;margin:14px 0 20px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:9px}.choices button{display:flex;align-items:center;gap:11px;text-align:left;border:1px solid #f0e6e9;border-radius:11px;padding:13px;background:#fffdfd}.choices button.selected{border-color:#e78ba0;background:#fff4f6}.choices button span{font-size:21px}.choices button b{font-size:11px;flex:1}.choices button i{display:none;color:#d97990}.choices button.selected i{display:block}.question>.btn{margin-top:17px}.lock{display:block;margin-top:18px;letter-spacing:0}.waiting{padding:12px;background:#fff5f7;color:#a66e7c;border-radius:9px;font-size:11px}.slider{padding:15px 2px}.slider>strong{font:32px Georgia;color:#d97690}.slider input{display:block;width:100%;accent-color:#e77c96;margin:23px 0 10px}.slider>div{display:flex;justify-content:space-between;color:#aa989e}.hearts{display:flex;gap:12px;padding:15px 0}.hearts button{border:0;background:none;color:#e989a0;font-size:24px;letter-spacing:1px;padding:10px;border-radius:9px}.hearts button.selected{background:#fff0f3}.comparison{max-width:750px;margin-top:18px}.comparison h2{font-size:24px}.comparison>p{font-size:11px;color:#a4969a}.twanswers{display:flex;align-items:center;justify-content:space-around;background:#fff8fa;padding:20px;border-radius:12px;margin-top:18px}.twanswers>div{display:grid;justify-items:center;gap:7px;font-size:13px;color:#da8296}.twanswers small{font-size:9px;color:#a18c93}.twanswers b{font-size:11px;color:#51434a}.twanswers>span{color:#e6859b}.comparison blockquote{margin:15px 0 0;background:#fff5f7;border-radius:10px;padding:14px;font:italic 12px Georgia;color:#8c6b75}.notes{display:grid;grid-template-columns:1fr 1fr;gap:20px}.notes .card h2{font-size:23px}.notes textarea{width:100%;height:125px;resize:vertical;border:1px solid #f0e4e7;border-radius:10px;padding:13px;font-size:12px;outline-color:#e98099}.notes .card form .btn{margin-top:10px}.note{position:relative;margin-top:10px;padding:19px 21px;background:#fff9f3}.note.n1{background:#f9f6ff}.note.n2{background:#fff4f6}.note>span{position:absolute;right:17px;top:10px;color:#e6a0af}.note p{font:15px/1.6 Georgia,serif;color:#65545a;white-space:pre-wrap}.note>small{font-size:9px;color:#ad969d}.empty{padding:25px;text-align:center;color:#c17f90}.auth,.setup{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 80% 20%,#fce4e9,transparent 36%),#fff8f8}.auth{grid-template-columns:minmax(340px,480px) minmax(260px,390px);gap:8%;padding:40px}.auth-box{width:100%;max-width:430px;background:#fff;border:1px solid #f2e5e8;border-radius:22px;padding:35px 39px;box-shadow:0 15px 45px #7238460c}.auth-box>.brand{margin-bottom:33px}.auth-box>small{font-size:9px;letter-spacing:1.4px;color:#bb8997;font-weight:800}.auth-box h1,.setup h1{font:400 38px/1.12 Georgia,serif;letter-spacing:-1px;margin:13px 0}.auth-box>p,.setup p{font-size:12px;color:#9e9095;line-height:1.7}.auth form{display:grid;gap:13px;margin-top:19px}.auth label{font-size:10px;color:#786b70;font-weight:700;display:grid;gap:6px}.auth input{border:1px solid #eee3e6;padding:11px 12px;border-radius:9px;outline-color:#e98099;font-size:11px}.auth form>small,.auth footer{font-size:9px;color:#a39499;text-align:center}.auth footer{border-top:1px solid #f4ebed;margin-top:20px;padding-top:16px}.auth-art{height:390px;display:grid;place-items:center;position:relative;border-radius:50%;background:radial-gradient(circle,#f8d7df,#f8e7ea 55%,transparent 56%)}.auth-art>div{font-size:96px;color:#e87d98;text-shadow:0 12px 25px #da85944b}.auth-art>span{position:absolute;bottom:68px;text-align:center;font:italic 18px Georgia;color:#936b78}.setup article{max-width:500px;background:#fff;border:1px solid #f1e3e7;border-radius:22px;padding:38px;box-shadow:0 15px 45px #7238460c}.big-heart{display:block;color:#e77c96;font-size:37px;margin-bottom:17px}.setup article>small{font-size:9px;color:#bb8997;letter-spacing:1.3px;font-weight:800}.setup ol{padding-left:20px;color:#776a70;font-size:12px;line-height:2}.setup code{background:#fff1f4;padding:2px 5px;border-radius:4px}.setup .small{font-size:10px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);opacity:0;background:#4c4146;color:#fff;padding:12px 17px;border-radius:11px;font-size:11px;z-index:10;transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%)}.boot{height:100vh;display:grid;place-content:center;justify-items:center;color:#de8298}.boot p{font-size:12px;color:#9d8c92}@media(max-width:950px){.layout>aside{width:210px;padding:26px 17px}.layout main{margin-left:210px}.content{padding:35px 4%}.grid,.lower{grid-template-columns:1fr}.auth{gap:2%;padding:25px}.auth-art{height:300px}}@media(max-width:650px){.layout>aside{display:none}.layout main{margin:0;padding-bottom:67px}.top{height:56px;padding:0 18px;justify-content:space-between}.top>span{font-size:9px}.mobilebrand{display:block;font-size:15px}.mobile{display:flex;position:fixed;inset:auto 0 0;height:65px;background:#fffdfd;border-top:1px solid #f1e6e9;justify-content:space-around;padding:7px 6px max(7px,env(safe-area-inset-bottom));z-index:5}.mobile button{display:grid;justify-items:center;gap:2px;border:0;background:none;color:#a4949a;font-size:18px;min-width:58px}.mobile button.active{color:#dc7891}.mobile button small{font-size:9px}.content{padding:27px 17px 38px}.welcome h1,.pagehead h1{font-size:36px}.welcome p,.pagehead p{font-size:11px;line-height:1.5;max-width:290px}.date{display:none}.grid,.lower,.pairgrid,.notes{grid-template-columns:1fr;gap:12px}.card{padding:19px;border-radius:15px}.affection{gap:6px}.affection button{padding:11px 2px}.affection button>span{font-size:21px}.affection button b{font-size:9px}.affection button small{font-size:7px}.question{padding:19px}.question h2{font-size:22px}.choices{gap:7px}.choices button{padding:11px 8px;gap:7px}.choices button b{font-size:10px}.twanswers{padding:15px 7px}.auth{display:block;padding:17px}.auth-box{padding:26px 22px;margin:2vh auto}.auth-art{display:none}.setup{padding:18px}.setup article{padding:27px 22px}.pagehead{margin-bottom:20px}.prompt>span{right:12px}.qtop{gap:10px}.qtop small{font-size:8px}.pairgrid form{flex-wrap:wrap}}.push-banner{display:flex;align-items:center;gap:12px;border:1px solid #f1dce2;border-radius:13px;background:#fff4f6;padding:13px 15px;margin:-9px 0 18px}.push-banner>span{font-size:21px}.push-banner>div{display:grid;gap:4px;flex:1}.push-banner b{font-size:11px;color:#71515b}.push-banner small{font-size:10px;line-height:1.5;color:#a0848d}.push-banner.enabled{background:#f5faf6;border-color:#dfebe1}.push-banner.enabled b{color:#617968}.push-banner .btn{white-space:nowrap;padding:10px 13px;font-size:10px}@media(max-width:650px){.push-banner{align-items:flex-start;padding:12px;margin:0 0 12px}.push-banner .btn{align-self:center}}.gap-card{margin:0 0 16px;background:linear-gradient(135deg,#fff7f8,#fff)}.gap-card h2{font:400 23px Georgia,serif;margin:9px 0}.gap-card>p{font-size:11px;line-height:1.6;color:#95858b;max-width:530px}.gap-range{margin:22px 0 15px}.gap-range input{width:100%;accent-color:#df7893;cursor:pointer}.range-labels{display:flex;justify-content:space-between;gap:8px;margin-top:8px;color:#a18d94;font-size:9px}.range-labels b{color:#bd667e;text-align:center}.gap-card .btn{margin:0 0 12px}.gap-privacy,.gap-mine{display:block;color:#a08e94;font-size:9px;line-height:1.5}.gap-response{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#fff0f3;border-radius:10px;padding:12px;margin-top:15px;font-size:10px;color:#7d5b66}.gap-response span{font-weight:700;color:#bf607a}@media(max-width:650px){.gap-card h2{font-size:21px}.range-labels{font-size:8px}.gap-response{display:grid}}