@font-face{font-family:MyExternalFont;src:url(/assets/valentine-DzWIGZ15.ttf);font-weight:400;font-style:normal;font-display:swap}:root{--bg-grad-1: #fccee8;--bg-grad-2: #e9d4ff;--bg-grad-3: #fda5d5;--page-bg: linear-gradient( to bottom right, var(--bg-grad-1), var(--bg-grad-2), var(--bg-grad-3) );--card-bg: #ffffff;--text: #333333;--primary: #ff3399;--accent: #ff66b2;--border: #ff99cc;--button-grad-from: #f6339a;--button-grad-to: #fb2c36;--button-disabled: #ffb3d1;--secret-grad-from: #e17100;--secret-grad-to: #973c00;--secret-border: #f0b100;--aura-border: rgba(255, 51, 153, .4);--particle-image: url(/assets/particle-love-Bo9mLXCT.svg);--star-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='32'%3e%3cpath%20d='M0%200%20C1.67542976%200.28604898%203.34385343%200.61781233%205%201%20C5.66%203.97%206.32%206.94%207%2010%20C9.97%2010.66%2012.94%2011.32%2016%2012%20C16.33%2013.65%2016.66%2015.3%2017%2017%20C13.6828589%2018.4216319%2010.55780196%2019.39009109%207%2020%20C6.34%2022.97%205.68%2025.94%205%2029%20C3.35%2029.33%201.7%2029.66%200%2030%20C-1.4216319%2026.6828589%20-2.39009109%2023.55780196%20-3%2020%20C-7.455%2019.01%20-7.455%2019.01%20-12%2018%20C-12.33%2016.35%20-12.66%2014.7%20-13%2013%20C-9.6828589%2011.5783681%20-6.55780196%2010.60990891%20-3%2010%20C-2.86722656%209.36191406%20-2.73445312%208.72382813%20-2.59765625%208.06640625%20C-2.42105469%207.24011719%20-2.24445312%206.41382813%20-2.0625%205.5625%20C-1.88847656%204.73878906%20-1.71445313%203.91507812%20-1.53515625%203.06640625%20C-1%201%20-1%201%200%200%20Z%20M1%208%20C0.7525%208.804375%200.505%209.60875%200.25%2010.4375%20C-1%2013%20-1%2013%20-3.125%2013.8125%20C-3.74375%2013.874375%20-4.3625%2013.93625%20-5%2014%20C-5%2014.66%20-5%2015.32%20-5%2016%20C-4.195625%2016.2475%20-3.39125%2016.495%20-2.5625%2016.75%20C0%2018%200%2018%200.8125%2020.125%20C0.874375%2020.74375%200.93625%2021.3625%201%2022%20C1.66%2022%202.32%2022%203%2022%20C3.37125%2020.7934375%203.37125%2020.7934375%203.75%2019.5625%20C5%2017%205%2017%207.125%2016.1875%20C7.74375%2016.125625%208.3625%2016.06375%209%2016%20C9%2015.34%209%2014.68%209%2014%20C8.195625%2013.7525%207.39125%2013.505%206.5625%2013.25%20C4%2012%204%2012%203.1875%209.875%20C3.125625%209.25625%203.06375%208.6375%203%208%20C2.34%208%201.68%208%201%208%20Z%20'%20fill='%23E50075'%20transform='translate(14,1)'/%3e%3cpath%20d='M0%200%20C0.763125%200.20625%201.52625%200.4125%202.3125%200.625%20C2.9375%202.9375%202.9375%202.9375%203.3125%205.625%20C2.3225%207.11%202.3225%207.11%201.3125%208.625%20C-1.1875%208.9375%20-1.1875%208.9375%20-3.6875%208.625%20C-5.6875%206.625%20-5.6875%206.625%20-6%204.125%20C-5.896875%203.3%20-5.79375%202.475%20-5.6875%201.625%20C-2.6875%20-0.375%20-2.6875%20-0.375%200%200%20Z%20'%20fill='%23E50075'%20transform='translate(6.6875,22.375)'/%3e%3cpath%20d='M0%200%20C0.99%200%201.98%200%203%200%20C3%200.99%203%201.98%203%203%20C3.99%203%204.98%203%206%203%20C6%203.99%206%204.98%206%206%20C5.01%206%204.02%206%203%206%20C3%206.99%203%207.98%203%209%20C2.01%208.67%201.02%208.34%200%208%20C0%207.34%200%206.68%200%206%20C-0.99%205.67%20-1.98%205.34%20-3%205%20C-3%204.34%20-3%203.68%20-3%203%20C-2.01%203%20-1.02%203%200%203%20C0%202.01%200%201.02%200%200%20Z%20'%20fill='%23E50075'%20transform='translate(25,1)'/%3e%3c/svg%3e");--love-image: url(/assets/love-lSAoJ73A.svg);--love-percent: 30%;--love-transition: 1s;--secret-delay: 0s;--secret-random-x: 50%;--particle-rotate: 360deg;--particle-size: 100px;--beat-transition: 1s}html[data-theme=red]{--bg-grad-1: #ffe5e5;--bg-grad-2: #ffd1d1;--bg-grad-3: #ffb3b3;--primary: #d90429;--accent: #ff6b6b;--border: #ff9b9b;--button-grad-from: #d90429;--button-grad-to: #ff3b30;--aura-border: rgba(217, 4, 41, .35)}html[data-theme=green]{--bg-grad-1: #e6f7ea;--bg-grad-2: #d4f3d9;--bg-grad-3: #bff0c0;--primary: #0f9d58;--accent: #34a853;--border: #8fe3a8;--button-grad-from: #1b7a3a;--button-grad-to: #34a853;--aura-border: rgba(15, 157, 88, .35)}html[data-theme=blue]{--bg-grad-1: #e7f0ff;--bg-grad-2: #dae8ff;--bg-grad-3: #c6dbff;--primary: #1e88e5;--accent: #4fc3f7;--border: #9ecfff;--button-grad-from: #1e88e5;--button-grad-to: #0d47a1;--aura-border: rgba(30, 136, 229, .35)}*,html{padding:0;margin:0;box-sizing:border-box;scroll-behavior:smooth;transition:color 1s ease,background-color 1s ease}body{margin:0 auto;background:var(--page-bg);color:var(--text);text-align:center;display:flex;justify-content:center;align-items:center;overflow:hidden;min-height:100vh}.container{font-family:cursive;background:var(--card-bg);padding:30px;box-shadow:0 0 10px #0000001a;min-width:600px;border-radius:25px}.container h1{font-family:MyExternalFont,cursive;color:var(--primary);margin:0;margin-bottom:.3rem;font-size:4.5em}.description{font-size:1.2em;color:var(--accent);margin-bottom:50px;display:block}.description:before,.description:after{content:"";display:inline-block;background:var(--star-image) no-repeat center;background-size:contain;width:20px;height:20px;margin:0 8px}.input-couple{font-size:1.5rem;display:flex;justify-content:center;align-items:center;gap:45px;margin-bottom:20px}.input-couple .couple{display:flex;flex-direction:column;align-items:center}.input-couple .love-img{position:relative;cursor:pointer;width:100px;height:100px;display:flex;justify-content:center;align-items:center;background:var(--love-image) no-repeat center;background-size:contain;animation:beat var(--beat-transition) infinite}.input-couple .love-img .scale-up{animation:scale-up .3s forwards ease;position:absolute;right:50%;top:0;transform:translate(50%,-100%);font-size:1.2em;padding:5px 20px;background:linear-gradient(to right bottom,#f6339a,#fb2c36);border-radius:50px;color:#fff;text-align:center}.input-couple .love-img .scale-up .combo-text,.input-couple .love-img .scale-up .max-text{font-size:.5em}.input-couple .love-img .effect-aura{position:absolute;width:120px;height:120px;border-radius:50%;background:none;border:5px solid rgb(255,51,153);animation:auraPulse .8s infinite ease-out;opacity:0;pointer-events:none}.input-couple .couple input{padding:10px;font-size:1em;border:2px solid var(--border);border-radius:5px}#calculateBtn,#resetBtn{padding:10px 30px;font-size:1.8em;background:linear-gradient(to right bottom,var(--button-grad-from),var(--button-grad-to));color:#fff;border:none;border-radius:50px;margin-top:2.2rem;cursor:pointer}#calculateBtn:disabled{background:var(--button-disabled);cursor:not-allowed}#resetBtn:before{content:"";display:inline-block;background:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20width='40'%20height='40'%3e%3cpath%20d='M0%200%20C1.32%200%202.64%200%204%200%20C4.56939593%205.4662009%203.68791859%208.66943974%200.5390625%2013.19921875%20C-2.5941559%2016.86524332%20-5.64897612%2018.6365567%20-10.42578125%2019.375%20C-16.46584995%2019.6682962%20-20.06729224%2018.43144887%20-25%2015%20C-25.33%2016.32%20-25.66%2017.64%20-26%2019%20C-27.32%2019%20-28.64%2019%20-30%2019%20C-30%2015.04%20-30%2011.08%20-30%207%20C-26.04%207%20-22.08%207%20-18%207%20C-18%208.32%20-18%209.64%20-18%2011%20C-18.99%2011.33%20-19.98%2011.66%20-21%2012%20C-16.3347434%2014.55836652%20-12.01421435%2014.38323154%20-7%2013%20C-1.94421306%209.45019215%20-1.08085991%205.79733951%200%200%20Z%20'%20fill='%23FFFFFF'%20transform='translate(33,18)'/%3e%3cpath%20d='M0%200%20C1.9296875%201.09375%201.9296875%201.09375%204.8046875%203.09375%20C5.1346875%201.77375%205.4646875%200.45375%205.8046875%20-0.90625%20C7.1246875%20-0.90625%208.4446875%20-0.90625%209.8046875%20-0.90625%20C9.8046875%203.05375%209.8046875%207.01375%209.8046875%2011.09375%20C5.8446875%2011.09375%201.8846875%2011.09375%20-2.1953125%2011.09375%20C-2.1953125%209.77375%20-2.1953125%208.45375%20-2.1953125%207.09375%20C-1.2053125%206.76375%20-0.2153125%206.43375%200.8046875%206.09375%20C-3.8605691%203.53538348%20-8.18109815%203.71051846%20-13.1953125%205.09375%20C-18.25109944%208.64355785%20-19.11445259%2012.29641049%20-20.1953125%2018.09375%20C-21.5153125%2018.09375%20-22.8353125%2018.09375%20-24.1953125%2018.09375%20C-24.76470843%2012.6275491%20-23.88323109%209.42431026%20-20.734375%204.89453125%20C-15.49473491%20-1.23611362%20-7.55920237%20-3.12052482%200%200%20Z%20'%20fill='%23FFFFFF'%20transform='translate(27.1953125,3.90625)'/%3e%3c/svg%3e") no-repeat center;background-size:contain;width:24px;height:24px;margin-right:10px}#secretBtn{padding:20px 25px;font-size:1em;background:linear-gradient(to right bottom,var(--secret-grad-from),var(--secret-grad-to));color:#fff;border:5px solid #f0b100;border-radius:25px;margin-top:3rem;cursor:pointer;animation:secretBeat 2s ease-out infinite}#secretBtn span{font-size:3em;display:block}.result{display:flex;flex-direction:column;align-items:center}.result .love-container{position:relative;display:flex;justify-content:center;align-items:center;height:auto;width:300px;aspect-ratio:1 / 1;margin-top:10px}.love-null{position:absolute;width:100%;aspect-ratio:1 / 1}.love-fill{position:absolute;clip-path:polygon(0% var(--love-percent),0% 100%,100% 100%,100% var(--love-percent));width:82%;height:83%;animation:fillLove var(--love-transition) ease}.result #percentage{font-size:3em;font-weight:700;color:#333;position:absolute}.result #displayNames{font-size:1.5em;margin-bottom:10px}.result .displayName{color:#e60076;font-weight:700}#ranking{margin-top:10px;font-size:1.2em;text-align:center;width:88%}footer{margin-top:20px;font-size:.9em;color:#666;padding:10px}.popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;justify-content:center;align-items:center}.popup-content{background:#fff;padding:20px;border-radius:10px;position:relative;width:300px;text-align:center}.close-btn{position:absolute;outline:none;border:none;display:flex;justify-content:center;align-items:center;background:#333;color:#fff;top:10px;right:15px;font-size:2em;padding:25px;width:40px;height:40px;border-radius:50%;cursor:pointer}.popup-content #popup-title{font-size:1.5em;margin-bottom:10px;color:#f39}.popup-content #popup-message{font-size:1em;color:#333}.hidden{display:none}.particle-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-999}.particle-container .love{position:absolute;left:var(--secret-random-x);bottom:0%;opacity:0;width:100px;height:100px;display:flex;justify-content:center;align-items:center;background:var(--particle-image) no-repeat center;background-size:contain;animation:flyAway 10s forwards;animation-delay:var(--secret-delay)}.particle-container .love span{font-size:calc(var(--love-size, 100px) * .25);font-weight:700;color:#fff}.scroll-container{background:#0000001a;position:fixed;inset:0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000}.container-ending{background:#00000080;position:fixed;inset:0;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000}@keyframes beat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes fillLove{0%{clip-path:polygon(0% 100%,0% 100%,100% 100%,100% 100%)}to{clip-path:polygon(0% var(--love-percent),0% 100%,100% 100%,100% var(--love-percent))}}@keyframes secretBeat{0%,to{transform:translateY(10px)}50%{transform:translateY(-10px)}}@keyframes flyAway{0%{opacity:1;transform:translateY(100vh) scale(0) rotate(0)}to{opacity:0;transform:translateY(-100vh) scale(1) rotate(var(--particle-rotate))}}@keyframes scale-up{0%{transform:translate(50%,-100%) scale(0);opacity:0}to{transform:translate(50%,-100%) scale(1);opacity:1}}@keyframes auraPulse{0%{transform:scale(0);opacity:1}to{opacity:0;transform:scale(1.5)}}@media screen and (max-width:576px){.container{min-width:auto;width:100%;padding:20px 0;font-size:1em}.input-couple{flex-direction:column;gap:20px;font-size:1.2rem}.input-couple .love-img{width:60px}.result .love-container{width:150px}#calculateBtn,#resetBtn{font-size:1.3em}.result #percentage{font-size:1.8em}}@media screen and (max-width:1200px)and (min-width:577px){.container{min-width:500px;width:70%;font-size:1.1em}.input-couple{flex-direction:column;gap:35px;font-size:1.4rem}.input-couple .love-img{width:150px}#calculateBtn,#resetBtn{font-size:1.5em}.result .love-container{width:200px}.result #percentage{font-size:2.5em}}