.vyHe1q_page{justify-content:center;align-items:flex-start;width:100%;min-height:80vh;padding:2.5rem 1rem 4rem;display:flex}.vyHe1q_card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:100%;max-width:640px;box-shadow:var(--card-shadow), 0 0 60px #f43f5e0f;flex-direction:column;align-items:center;gap:1.5rem;padding:2.5rem 2rem;display:flex;position:relative}.vyHe1q_card:before{content:"";border-radius:var(--radius-xl);-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#f43f5e59,#8b5cf633,#0000 60%);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.vyHe1q_header{text-align:center;flex-direction:column;align-items:center;gap:.6rem;display:flex}.vyHe1q_iconRing{background:linear-gradient(135deg,#f43f5e,#8b5cf6);border-radius:18px;justify-content:center;align-items:center;width:58px;height:58px;animation:2.8s ease-in-out infinite vyHe1q_pulseGlow;display:flex;box-shadow:0 4px 20px #f43f5e66}.vyHe1q_iconGlyph{color:#fff}@keyframes vyHe1q_pulseGlow{0%,to{box-shadow:0 4px 20px #f43f5e66}50%{box-shadow:0 6px 32px #f43f5ea6}}.vyHe1q_title{background:linear-gradient(135deg,#f43f5e 20%,#8b5cf6 80%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2rem;font-weight:800}.vyHe1q_subtitle{color:var(--text-secondary);letter-spacing:.01em;margin:0;font-size:.875rem}.vyHe1q_modeSwitch{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-pill);gap:0;width:100%;max-width:320px;padding:.25rem;display:flex}.vyHe1q_modeBtn{color:var(--text-secondary);border-radius:var(--radius-pill);cursor:pointer;transition:var(--transition-colors);white-space:nowrap;background:0 0;border:none;flex:1;padding:.5rem .75rem;font-size:.85rem;font-weight:500}.vyHe1q_modeBtnActive{color:#fff;background:linear-gradient(135deg,#f43f5e,#8b5cf6);box-shadow:0 2px 12px #f43f5e59}.vyHe1q_inputArea{width:100%}.vyHe1q_inputRow{align-items:flex-end;gap:.75rem;display:flex}.vyHe1q_inputBlock{flex-direction:column;flex:1;gap:.4rem;min-width:0;display:flex}.vyHe1q_inputLabel{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;padding-left:.25rem;font-size:.75rem;font-weight:600}.vyHe1q_nameInput{background:var(--bg-tertiary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);text-align:center;border-radius:14px;outline:none;padding:.75rem 1rem;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.vyHe1q_nameInput::placeholder{color:var(--text-placeholder,var(--text-secondary));opacity:.65}.vyHe1q_nameInput:focus{border-color:#f43f5e;box-shadow:0 0 0 3px #f43f5e1f}.vyHe1q_vsDivider{flex-shrink:0;padding-bottom:.75rem}.vyHe1q_vsText{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;opacity:.6;font-size:.75rem;font-weight:700}.vyHe1q_dropdownWrap{width:100%}.vyHe1q_checkBtn{color:#fff;border-radius:var(--radius-pill);cursor:pointer;letter-spacing:.01em;transition:var(--transition-colors), transform var(--transition-fast), filter var(--transition-fast);background:linear-gradient(135deg,#f43f5e,#8b5cf6);border:none;align-items:center;gap:.5rem;padding:.8rem 2.25rem;font-size:1rem;font-weight:700;display:flex;box-shadow:0 4px 18px #f43f5e59}.vyHe1q_checkBtn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 8px 28px #f43f5e73}.vyHe1q_checkBtn:active:not(:disabled){transform:translateY(0)}.vyHe1q_checkBtn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.vyHe1q_resultCard{border-radius:var(--radius-xl);border:1px solid #f43f5e40;flex-direction:column;align-items:center;gap:1rem;width:100%;padding:1.75rem 1.5rem;animation:.4s vyHe1q_fadeUp;display:flex}@keyframes vyHe1q_fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.vyHe1q_scoreRow{align-items:center;gap:1.5rem;width:100%;display:flex}.vyHe1q_heartWrap{flex-shrink:0;width:90px;height:81px}.vyHe1q_heartSvg{filter:drop-shadow(0 4px 14px #f43f5e66);width:100%;height:100%}.vyHe1q_scoreMeta{flex-direction:column;flex:1;gap:.4rem;display:flex}.vyHe1q_scoreNumber{letter-spacing:-.04em;font-size:2.8rem;font-weight:800;line-height:1}.vyHe1q_scorePercent{letter-spacing:0;font-size:1.4rem;font-weight:600}.vyHe1q_tierLabel{letter-spacing:.01em;font-size:.9rem;font-weight:700}.vyHe1q_barTrack{border-radius:var(--radius-pill);background:#ffffff14;width:100%;height:6px;overflow:hidden}.vyHe1q_barFill{border-radius:var(--radius-pill);height:100%;transition:width 50ms linear}.vyHe1q_resultMessage{color:var(--text-secondary);text-align:center;max-width:400px;margin:0;font-size:.9rem;line-height:1.6}.vyHe1q_signPillRow{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.vyHe1q_signPill{border-radius:var(--radius-pill);color:#f43f5e;background:#f43f5e1a;border:1px solid #f43f5e38;padding:.3rem .8rem;font-size:.82rem;font-weight:500}.vyHe1q_plusSign{color:var(--text-secondary);font-size:1rem}.vyHe1q_resultActions{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.vyHe1q_shareBtn{color:#fff;border-radius:var(--radius-pill);cursor:pointer;transition:var(--transition-colors), transform var(--transition-fast), filter var(--transition-fast);background:linear-gradient(135deg,#f43f5e,#8b5cf6);border:none;align-items:center;gap:.4rem;padding:.55rem 1.25rem;font-size:.85rem;font-weight:600;display:flex;box-shadow:0 2px 10px #f43f5e47}.vyHe1q_shareBtn:hover{filter:brightness(1.08);transform:translateY(-1px)}.vyHe1q_resetBtn{color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-pill);cursor:pointer;transition:var(--transition-colors);background:0 0;align-items:center;gap:.4rem;padding:.55rem 1.25rem;font-size:.85rem;font-weight:500;display:flex}.vyHe1q_resetBtn:hover{background:var(--bg-hover);color:var(--text-primary)}.vyHe1q_confettiWrapper{pointer-events:none;z-index:9999;position:fixed;inset:0;overflow:hidden}.vyHe1q_confettiPiece{border-radius:2px;animation:2.8s ease-in forwards vyHe1q_confettiFall;position:absolute;top:-16px}@keyframes vyHe1q_confettiFall{0%{opacity:1;transform:translateY(0)rotate(0)scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(100vh)rotate(720deg)scale(.6)}}@media (max-width:560px){.vyHe1q_page{align-items:flex-start;padding:1.25rem .75rem 3rem}.vyHe1q_card{border-radius:var(--radius-xl);gap:1.2rem;padding:1.75rem 1.25rem}.vyHe1q_title{font-size:1.65rem}.vyHe1q_modeSwitch{max-width:100%}.vyHe1q_inputRow{flex-direction:column;align-items:stretch;gap:.5rem}.vyHe1q_vsDivider{align-self:center;padding-bottom:0}.vyHe1q_inputBlock{width:100%}.vyHe1q_nameInput{text-align:left}.vyHe1q_checkBtn{justify-content:center;width:100%}.vyHe1q_resultCard{border-radius:var(--radius-lg);padding:1.25rem 1rem}.vyHe1q_scoreRow{flex-direction:column;align-items:center;gap:.75rem}.vyHe1q_scoreMeta{text-align:center;align-items:center}.vyHe1q_barTrack{max-width:200px}.vyHe1q_resultActions{flex-direction:column;gap:.5rem;width:100%}.vyHe1q_shareBtn,.vyHe1q_resetBtn{justify-content:center;width:100%;padding:.65rem 1rem}}