:root{--peach: #ffd7e4;--rose: #ef87a8;--berry: #662145;--night: #1f1024;--spark: #fff4cc}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Trebuchet MS,Segoe UI,sans-serif;color:#fff6fb;background:radial-gradient(120% 80% at 50% 0%,#f4a6be,#d3668f,#7c2f5a 60%,#2a1328)}.app-frame,.page-slot{min-height:100vh}.home-page{position:relative;min-height:100vh;padding:3rem 1.25rem 6.2rem;overflow:hidden}.home-page:before,.home-page:after{content:"";position:absolute;inset:-20%;pointer-events:none}.home-page:before{background:radial-gradient(circle at 25% 20%,#fff8 0 3px,transparent 4px),radial-gradient(circle at 75% 30%,#fff6 0 2px,transparent 3px),radial-gradient(circle at 60% 65%,#ffe6 0 3px,transparent 4px),radial-gradient(circle at 40% 80%,#ffe8 0 2px,transparent 3px);animation:twinkle 7s ease-in-out infinite alternate}.home-page:after{background:linear-gradient(180deg,transparent 0%,#230f2399 65%,#180b1acc 100%)}.app-panel{position:relative;z-index:2;max-width:980px;margin:0 auto;text-align:center}.tagline{text-align:right;margin:0 0 1.25rem;font-size:.9rem;letter-spacing:.25em;text-transform:lowercase;color:#ffedf6}.hero-card{position:relative;width:min(760px,100%);margin:0 auto;border-radius:18px;padding:4.75rem 1.5rem 4rem;background:radial-gradient(circle at 50% 8%,#ffe8f5,#f6a0be 32%,#b34d79 68%,#3c1434);border:1px solid #ffd6e480;box-shadow:0 18px 45px #29081f88,inset 0 0 60px #ffc1d055}.hero-card h1{margin:1rem 0 .35rem;font-size:clamp(2rem,4vw,2.8rem);font-weight:700;letter-spacing:.08em;color:inherit}.hero-card p{margin:0;color:#ffe6f1;letter-spacing:.12em;font-size:.82rem;text-transform:lowercase}.moon{display:inline-block;width:78px;height:78px;border-radius:50%;border:3px solid #fff;border-right-color:transparent;border-top-color:#fff8;box-shadow:0 0 18px #fff6;transform:rotate(-25deg)}.scene-links{margin:2.2rem auto 1.4rem;display:flex;justify-content:center;gap:clamp(.8rem,2vw,2.5rem);flex-wrap:wrap;font-size:clamp(1rem,2.2vw,1.6rem);letter-spacing:.08em;text-transform:lowercase}.home-actions{display:flex;justify-content:center;gap:.8rem;flex-wrap:wrap;margin-top:2.4rem}.cta-link{border:1px solid #ffc2da;background:linear-gradient(160deg,#e86aa3,#c94d86);color:#fff8fc;border-radius:14px;padding:.95rem 1.4rem;font-size:.92rem;letter-spacing:.14em;text-transform:lowercase;text-decoration:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 10px 22px #d34a8566}.cta-link-alert{border-color:#ffd4e6c9;background:#ffffff08;box-shadow:0 0 0 1px #ffd6e147 inset}.hint{margin:1.35rem 0 0;font-size:.9rem;letter-spacing:.15em;text-transform:lowercase;color:#ffe1ef}.footer-marquee{position:absolute;left:0;right:0;bottom:0;z-index:3;overflow:hidden;border-top:1px solid #ffffff1f;background:linear-gradient(180deg,#2f12378f,#220b2db8)}.marquee-track{display:flex;width:-moz-max-content;width:max-content;gap:0;white-space:nowrap;padding:.95rem 0;animation:marqueeMove 28s linear infinite;will-change:transform}.marquee-track span{font-size:.9rem;letter-spacing:.06em;padding-right:2.2rem;background:linear-gradient(90deg,#fff 8%,#ffeaff,#fff,#f5ffff 83%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 10px #ffffff38,0 0 18px #ffd8f35e}.chaos-preview{position:absolute;left:1.2rem;bottom:4.5rem;z-index:4;width:min(360px,calc(100% - 2.4rem));border:1px solid #ffd7ea57;border-radius:12px;padding:.75rem .85rem;background:linear-gradient(160deg,#ffffff1a,#ffffff08)}.chaos-title,.chaos-quote,.chaos-result{font-size:.9rem;letter-spacing:.12em;color:#ffe1ef;font-family:inherit}.chaos-title{margin:0;text-transform:lowercase}.chaos-quote{margin:.38rem 0 0}.chaos-bar{margin-top:.52rem;height:8px;border-radius:999px;background:#fff2f733;border:1px solid #ffd6e55c;overflow:hidden}.chaos-fill{height:100%;width:70%;border-radius:inherit;background:linear-gradient(90deg,#ffd6e9,#ff7db5 45%,#ff4b96);animation:chaosPulse 4.5s ease-in-out infinite}.chaos-result{margin:.45rem 0 0}.chaos-meter-inline{white-space:nowrap}.feature-page{position:relative;overflow:hidden;min-height:calc(100vh - 64px);padding:2.5rem 1rem 3rem;display:flex;align-items:flex-start;justify-content:center}.feature-panel{position:relative;z-index:2;width:min(920px,100%);border-radius:16px;padding:1.25rem;border:1px solid #ffffff2e;background:#1d0f23a6;box-shadow:0 16px 35px #14071488}.feature-panel h2{margin:0;font-size:clamp(1.6rem,3vw,2.2rem);letter-spacing:.04em;color:inherit}.feature-back-link{display:inline-block;align-self:flex-start;margin-bottom:.9rem;border:1px solid #ffd1e2a3;border-radius:999px;padding:.45rem .9rem;color:#ffe9f3;text-decoration:none;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(145deg,#ffffff24,#ffffff0a)}.feature-back-link:hover{border-color:#ffdcee;background:linear-gradient(145deg,#fff3,#ffffff14)}.feature-subtitle{margin-top:.4rem;color:#ffe2f0;font-size:.92rem;letter-spacing:.08em;text-transform:lowercase}.feature-input{width:100%;min-height:160px;margin-top:1rem;border-radius:12px;border:1px solid #ffd2e05f;background:#fff6fb;color:#2e1024;padding:.85rem;font:inherit}.feature-input:focus{outline:2px solid #ffb1cb;outline-offset:1px}.feature-button{margin-top:1rem;border:0;border-radius:12px;padding:.7rem 1.1rem;color:#fff;font-family:inherit;font-weight:700;letter-spacing:.04em;cursor:pointer}.match-page .match-page{padding:3rem 1.5rem;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:2rem;font-family:Inter,sans-serif;color:#fff;background:linear-gradient(135deg,#69325f,#571750)}.match-page:before,.match-page:after{content:"";position:absolute;pointer-events:none}.match-page:before{inset:-10% -5% auto;height:340px;background:radial-gradient(circle at 18% 50%,#ffe6f4 0 14px,transparent 15px),radial-gradient(circle at 26% 50%,#ffe6f4 0 14px,transparent 15px),radial-gradient(circle at 22% 58%,#ffe6f4 0 14px,transparent 15px),radial-gradient(circle at 80% 20%,#fff3 0 2px,transparent 3px),radial-gradient(circle at 76% 26%,#fff3 0 2px,transparent 3px),radial-gradient(circle at 71% 31%,#fff3 0 2px,transparent 3px);opacity:.55;animation:floatSlow 8s ease-in-out infinite}.match-page:after{inset:auto -80px -70px auto;width:280px;height:280px;border-radius:36% 64% 53% 47%;border:2px dashed #ffd8ea;box-shadow:0 0 0 14px #ffd2e022,inset 0 0 30px #fff3;transform:rotate(18deg);animation:spinSlow 24s linear infinite}.match-page .feature-panel{max-width:1100px;background:linear-gradient(140deg,#e080a85e,#f969b452),radial-gradient(circle at 12% 8%,#ffd6eb55,#fff0 35%),#38132f8f;border-color:#ffd3e36b;padding:2rem;border-radius:2rem;box-shadow:0 20px 40px #0006;border:1px solid rgba(255,192,203,.3);display:flex;flex-direction:column;gap:1.5rem}.match-page .mini-input{background:linear-gradient(145deg,#f0d0e0,#f7c1d3)!important;border:1px solid #ffb3d9!important;color:#53202a!important;padding:4px 6px;font-size:.85rem;line-height:1;border-radius:6px;height:26px}.match-page .profile-grid{display:flex;flex-direction:row;gap:1.5rem}.match-page .profile-grid>div{flex:1;background:linear-gradient(to bottom right,#eaa0bc,#d37189);padding:1.5rem;border-radius:1.25rem;display:flex;flex-direction:column;gap:1rem;color:#d24375;box-shadow:0 15px 30px #00000040;border:1px solid rgba(255,182,193,.4);transition:transform .2s ease,box-shadow .2s ease}.match-page .profile-grid>div:hover{transform:translateY(-4px);box-shadow:0 25px 40px #00000059}.match-page .profile-grid h3{font-size:1.75rem;font-weight:800;color:#e8228cbe;text-shadow:0 1px 5px rgba(0,0,0,.2)}.match-page .profile-grid input,.match-page .profile-grid textarea,.match-page .profile-grid select{padding:.5rem .75rem;border-radius:.5rem;border:1px solid rgba(255,182,193,.5);background:#ffffff26;color:#e24885;font-size:.95rem;outline:none;transition:all .2s ease}.match-page .profile-grid input:focus,.match-page .profile-grid textarea:focus,.match-page .profile-grid select:focus{border-color:#dc2e79;box-shadow:0 0 10px #f9819d86;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.match-page .feature-button.match-button{align-self:center;background:linear-gradient(135deg,#f1679c,#ef879f);border:none;color:#fff;font-weight:700;font-size:1.1rem;padding:.85rem 2rem;border-radius:1rem;cursor:pointer;box-shadow:0 10px 25px #ff6f9180;transition:all .2s ease}.match-page .feature-button.match-button:hover{transform:translateY(-3px);box-shadow:0 15px 30px #ff6f91b3}.match-page h2{background:linear-gradient(90deg,#f582bc,#ec58ac,#dc1874);background-clip:text;-webkit-background-clip:text;color:transparent;font-size:3rem}.match-page h3{color:#ff79c6;font-size:1.8rem;margin:.75rem 0 .4rem}.match-page h4{color:#dd5d8a;font-size:1.5rem;margin:.5rem 0 .25rem}.match-page h5{color:#e23d6c;font-size:1rem;margin:.5rem 0 .25rem}.mbti-link{color:#cc1f75;font-size:.75rem;padding:4px 8px;border-radius:6px;display:inline-block;margin-top:4px;transition:.2s ease}.mbti-link:hover{color:#db2777;text-decoration:underline}.result-card{background:linear-gradient(to bottom right,#ffbccd,#ffbccd,#cd5e77);padding:1.5rem;border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000040;border:1px solid rgba(255,192,203,.2);display:flex;flex-direction:column;gap:1.25rem}.result-card .header{display:flex;align-items:center;justify-content:flex-start;gap:1rem}.result-card .header h3{font-size:2.5rem;font-weight:800;letter-spacing:.05em;color:#d74698}.result-card .header .score{font-size:2.5rem;font-weight:900}.result-card .score.green{color:#68d391}.result-card .score.yellow{color:#fbbf24}.result-card .score.red{color:#f87171}.result-card .analysis-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:640px){.result-card .analysis-grid{grid-template-columns:repeat(2,1fr)}}.result-card .analysis-card{padding:1rem;border-radius:.75rem;border:1px solid}.result-card .emotional{background:linear-gradient(to bottom right,#fbbfd3af,#f077c6b9);border-color:#fbbfd34d;color:#fbcfe8}.result-card .lifestyle{background:linear-gradient(to bottom right,#d8b4fe26,#c084fc1a);border-color:#d8b4fe4d;color:#c084fc}.result-card .chaos{background:linear-gradient(to bottom right,#f8717126,#ef44441a);border-color:#f871714d;color:#f87171}.result-card .commentary{background:linear-gradient(to bottom right,#fde04726,#fbbf241a);border-color:#fde0474d;color:#fef08a}.result-card .analysis-card h4{font-weight:700;margin-bottom:.25rem}.result-card .analysis-card h5{font-size:.875rem}.result-card .final-verdict{background:linear-gradient(to bottom right,#fb94bdcc,#22c55e1a);border:1px solid rgba(237,96,124,.3);padding:1rem;border-radius:.75rem;color:#a7f3d0}.result-card .final-verdict h4{font-weight:700;margin-bottom:.25rem}.result-card .final-verdict h5{font-size:.875rem}.match-button{background:linear-gradient(90deg,#f65c9b,#e83f8a);box-shadow:0 10px 20px #f4589e66}.redflag-page{background:radial-gradient(120% 80% at 50% 0%,#ffb7b7,#d25b72 30%,#5c1d35,#1b0918)}.redflag-page:before,.redflag-page:after{content:"";position:absolute;pointer-events:none}.redflag-page:before{inset:0;background:linear-gradient(125deg,transparent 22%,#ffd16618 22% 28%,transparent 28% 44%,#ffd16618 44% 50%,transparent 50%),radial-gradient(circle at 86% 16%,#ff9baf44 0 70px,transparent 71px),radial-gradient(circle at 10% 84%,#ff9baf40 0 96px,transparent 97px)}.redflag-page:after{top:80px;left:-60px;width:220px;height:220px;border-radius:24px;border:3px solid #ffb8c9aa;transform:rotate(18deg);box-shadow:inset 0 0 0 12px #2b0f1e99,0 0 26px #ff9ab266;animation:pulseWarn 2.8s ease-in-out infinite}.redflag-page .feature-panel{background:linear-gradient(155deg,#ffffff20,#ffffff08),radial-gradient(circle at 90% 12%,#ffcfda45,#fff0 38%),#2a0d1a9c;border-color:#ffb1c05f}.redflag-page .feature-input{border-color:#ffb1bf;box-shadow:inset 0 0 0 1px #ffd1db85;background:#f7cdcd}.redflag-page .feature-button.redflag-button{align-self:center;background:linear-gradient(135deg,#f45668,#d12f46);border:none;color:#fff;font-weight:700;font-size:1.1rem;padding:.85rem 2rem;border-radius:1rem;cursor:pointer;box-shadow:0 10px 25px #ff6f9180;transition:all .2s ease}.redflag-page .feature-button.redflag-button:hover{transform:translateY(-3px);box-shadow:0 15px 30px #ff6f91b3}.redflag-page h2{background:linear-gradient(90deg,#d64e4e,#bd263d,#970909);background-clip:text;-webkit-background-clip:text;color:transparent;font-size:3rem}.redflag-result{display:flex;flex-direction:column;gap:1.5rem}.redflag-result .rf-card{background:linear-gradient(145deg,#ffb3c1,#e86086);border-radius:1.25rem;padding:1.25rem;color:#fff;box-shadow:0 18px 40px #00000059;border:1px solid #ffccd5}.rf-main{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem;background:#fff}.rf-score{font-size:3.5rem;font-weight:900;color:#6c1e37;line-height:1}.rf-summary{font-size:1.1rem;color:#faf1f5;margin:1rem 0;max-width:600px}.score-gif-box{width:400px;height:350px;margin:1.5rem auto 0;border-radius:12px;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a;border:3px solid #faa0c9}.score-gif-media{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.redflag-result .rf-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.result-header{font-size:1.875rem;font-weight:700;color:#701d36;margin-bottom:.75rem;letter-spacing:-.02em;text-transform:uppercase}.flags-container{display:flex;flex-direction:column;gap:16px;margin-top:1rem}.flag-item{background:snow;border:1px solid #fee2e2;border-left:6px solid #ef4444;padding:16px;border-radius:12px;box-shadow:0 2px 4px #00000005}.flag-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.flag-category{font-weight:800;text-transform:uppercase;font-size:.85rem;letter-spacing:.05em;color:#991b1b}.severity-badge{background:#fecaca;color:#991b1b;font-size:.7rem;font-weight:900;padding:2px 8px;border-radius:20px;text-transform:uppercase}.flag-indicator{font-size:1.1rem;font-weight:600;color:#1e293b;margin-bottom:10px}.flag-detail{font-size:.9rem;padding:8px 12px;border-radius:6px;margin-top:8px}.flag-detail strong{color:#450a0a}.interpretation{background:#fee2e2;color:#7f1d1d}.evidence{background:#f8fafc;color:#475569;font-style:italic;border:1px dashed #cbd5e1}.no-flags{text-align:center;padding:40px;color:#caf8db;font-weight:600}.redflag-result .rf-flags ul{margin-top:.75rem;padding-left:1.2rem}.redflag-result .rf-flags li{margin-bottom:.4rem;color:#fbf0f3}.rf-translate{background:#e1c1d9;padding:1.5rem;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a}.analysis-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:1rem;border:1px solid #ef8faa;border-radius:8px;overflow:hidden}.analysis-table th{background-color:#e67fb1;color:#57212e;font-weight:600;text-align:left;padding:12px 16px;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.analysis-table td{padding:14px 16px;border-top:1px solid #ffd1e7;vertical-align:top;line-height:1.5;font-size:1rem}.analysis-table tbody tr:nth-child(2n){background-color:#f4e1ee}.analysis-table tbody tr:nth-child(odd){background-color:#f5cee9}.user-text-cell{font-style:italic;color:#663143;width:40%}.ai-result-cell{color:#1e293b;font-weight:500}.redflag-result .rf-right{display:flex;flex-direction:column;gap:1.25rem}.next-moves-container{display:flex;flex-direction:column;gap:12px;margin-top:1rem}.next-move-item{background:#f4e3eb;border-left:4px solid #851745;padding:12px 16px;border-radius:8px;transition:transform .2s ease}.next-move-item:hover{transform:translate(5px);background:#fdb5d1}.move-label{display:block;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#e279a1;margin-bottom:4px}.move-content{font-size:1rem;color:#1e293b;line-height:1.4;margin:0}.no-data{color:#64748b;font-style:italic;padding:20px;text-align:center}@media(max-width:768px){.redflag-result .rf-grid{grid-template-columns:1fr}}.mode-row{margin-top:1rem;display:flex;align-items:center;gap:.9rem;flex-wrap:wrap}.mode-label{margin:0;color:#ffe3ee;font-size:.82rem;letter-spacing:.08em;font-weight:700;font-family:inherit}.mode-toggle-group{display:flex;gap:.65rem;flex-wrap:wrap}.mode-toggle{border:1px solid #ffb7ca7a;background:#ffffff10;color:#ffe3ee;border-radius:12px;padding:.55rem 1rem;font-size:.9rem;font-weight:700;letter-spacing:.03em;font-family:inherit;cursor:pointer;transition:all .2s ease}.mode-toggle:hover{background:#ffffff20;border-color:#ffd7e8b0}.mode-toggle.is-active{border-color:#ffb7ca;color:#fff;box-shadow:0 8px 16px #f54f6457}.redflag-page .mode-toggle{background:linear-gradient(140deg,#ffffff20,#ffffff0d);border-color:#ffb5c980;color:#ffe8ef}.redflag-page .mode-toggle:hover{background:linear-gradient(140deg,#ffffff2e,#ffffff16)}.redflag-page .mode-toggle.is-active{background:linear-gradient(90deg,#f45668,#d12f46)}.mode-option{display:inline-flex;align-items:center;gap:.35rem}.feature-result{margin-top:1.2rem}.spark{position:absolute;z-index:1;width:6px;aspect-ratio:1;border-radius:50%;background:#fff;box-shadow:0 0 14px #fff,0 0 30px #ffd7ac}.spark-a{top:18%;left:18%;animation:drift 6s ease-in-out infinite}.spark-b{top:33%;right:22%;animation:drift 8s ease-in-out infinite reverse}.spark-c{top:70%;left:70%;animation:drift 7s ease-in-out infinite}.ring{position:absolute;z-index:1;--heart-size: 72px;width:var(--heart-size);height:var(--heart-size);background:linear-gradient(135deg,#fff6 0 22%,#fff0 22% 100%),linear-gradient(165deg,#ff9fc9aa,#ff5fa6a8 55%,#ff3d8f8c);border:1px solid #ffd8ec9e;transform:rotate(-45deg) scale(1);transform-origin:center;box-shadow:0 0 24px #ff8fbe7a,0 0 40px #ff5aa34f,inset 0 0 12px #ffd6ea75,inset -8px 10px 16px #ffffff1f;backdrop-filter:blur(2px) saturate(135%);-webkit-backdrop-filter:blur(2px) saturate(135%);animation:heartFloat 8s ease-in-out infinite;overflow:visible}.ring:before,.ring:after{content:"";position:absolute;width:var(--heart-size);height:var(--heart-size);border-radius:50%;background:linear-gradient(135deg,#fff6 0 22%,#fff0 22% 100%),linear-gradient(165deg,#ff9fc9aa,#ff5fa6a8 55%,#ff3d8f8c);border:1px solid #ffd8ec9e}.ring:before{top:calc(var(--heart-size) / -2);left:0}.ring:after{top:0;left:calc(var(--heart-size) / 2)}.ring,.ring:before,.ring:after{background-image:linear-gradient(135deg,#fff6 0 22%,#fff0 22% 100%),repeating-linear-gradient(28deg,#ffffff25 0 2px,#fff0 2px 9px),repeating-linear-gradient(-32deg,#ffd8ea26 0 2px,#fff0 2px 12px),linear-gradient(165deg,#ff9fc9aa,#ff5fa6a8 55%,#ff3d8f8c)}.ring-a{--heart-size: 76px;top:36%;left:8%;animation-duration:7.5s;animation-delay:0s;filter:drop-shadow(220px -130px 0 #ff87bbcc) drop-shadow(420px 70px 0 #ff7bb4aa)}.ring-b{--heart-size: 58px;top:28%;right:14%;animation-duration:9s;animation-delay:.8s;filter:drop-shadow(-240px 180px 0 #ff8fbfbb) drop-shadow(190px 270px 0 #ff7db499)}.ring-c{--heart-size: 64px;bottom:20%;right:8%;animation-duration:8.4s;animation-delay:1.4s;filter:drop-shadow(-360px -190px 0 #ff84b8bb) drop-shadow(-150px 130px 0 #ff96c6a1)}@keyframes twinkle{0%{opacity:.45}to{opacity:1}}@keyframes drift{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes floatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}@keyframes spinSlow{0%{transform:rotate(18deg)}to{transform:rotate(378deg)}}@keyframes pulseWarn{0%,to{opacity:.45;transform:rotate(18deg) scale(.95)}50%{opacity:.95;transform:rotate(18deg) scale(1.04)}}@keyframes heartFloat{0%,to{transform:translateY(0) translate(0) rotate(-45deg)}30%{transform:translateY(-14px) translate(6px) rotate(-45deg)}60%{transform:translateY(-6px) translate(-5px) rotate(-45deg)}}@keyframes marqueeMove{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes chaosPulse{0%{width:0%}40%{width:70%}75%{width:64%}to{width:70%}}@media(max-width:760px){.home-page{padding-top:2rem}.tagline{text-align:center;letter-spacing:.15em}.hero-card{padding:3rem 1rem 2.5rem}.ring-a{left:-30px}.ring-c{right:-26px}.chaos-preview{left:.7rem;right:.7rem;width:auto;bottom:4.8rem}}@media(max-width:768px){.match-page .profile-grid{flex-direction:column}.match-page .feature-panel{padding:1.25rem}.match-page h2{font-size:2.2rem;text-align:center}.match-page .profile-grid>div{padding:1.25rem}.match-page .feature-button.match-button{width:100%}}@media(max-width:768px){.score-gif-box{width:90%;height:auto;max-width:320px}.score-gif-media{height:auto}}@media(max-width:480px){.score-gif-box{width:95%;max-width:280px}}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.mx-auto{margin-inline:auto}.flex{display:flex}.grid{display:grid}.min-h-\[350px\]{min-height:350px}.w-full{width:100%}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.rounded-full{border-radius:3.40282e38px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-t-transparent{border-top-color:#0000}.text-center{text-align:center}.italic{font-style:italic}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}