:root{--tg-theme-bg-color: #1a1a2e;--tg-theme-text-color: #e0e0e0;--tg-theme-hint-color: #9a9ab0;--tg-theme-link-color: #7c6bff;--tg-theme-button-color: #7c6bff;--tg-theme-button-text-color: #ffffff;--tg-theme-secondary-bg-color: #16162a;--zc-primary: #7c6bff;--zc-primary-light: #a78bfa;--zc-primary-dark: #5b4cc4;--zc-accent: #c084fc;--zc-gradient-start: #4f46e5;--zc-gradient-end: #7c3aed;--zc-bg: var(--tg-theme-bg-color);--zc-bg-secondary: var(--tg-theme-secondary-bg-color);--zc-text: var(--tg-theme-text-color);--zc-text-hint: var(--tg-theme-hint-color);--zc-card-bg: rgba(255, 255, 255, .06);--zc-card-border: rgba(255, 255, 255, .1);--zc-glow: rgba(124, 107, 255, .35);--zc-radius: 12px;--zc-radius-lg: 20px;--el-fire: #ef4444;--el-earth: #a3e635;--el-air: #38bdf8;--el-water: #818cf8;color-scheme:dark}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--zc-bg);color:var(--zc-text);line-height:1.5;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--tg-theme-link-color);text-decoration:none}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}ul,ol{list-style:none}img{max-width:100%;display:block}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 8px var(--zc-glow)}50%{box-shadow:0 0 22px var(--zc-glow)}}@keyframes score-pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.12)}to{transform:scale(1);opacity:1}}.fade-in{animation:fade-in .4s ease-out both}.app{display:flex;flex-direction:column;min-height:100vh;padding:16px 16px 32px;max-width:480px;margin:0 auto;width:100%}.app-header{text-align:center;padding:20px 0 12px}.app-title{font-size:1.6rem;font-weight:800;background:linear-gradient(135deg,var(--zc-gradient-start),var(--zc-gradient-end),var(--zc-accent));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.app-title__icon{margin-right:6px}.app-subtitle{color:var(--zc-text-hint);font-size:.88rem;margin-top:4px}.app-main{flex:1}.sign-selector{margin-bottom:20px}.sign-selector__label{font-size:1rem;font-weight:600;margin-bottom:10px;color:var(--zc-primary-light)}.sign-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.sign-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;border-radius:var(--zc-radius);background:var(--zc-card-bg);border:1.5px solid var(--zc-card-border);transition:transform .18s,box-shadow .18s,border-color .18s,background .18s}.sign-card:active{transform:scale(.95)}.sign-card__symbol{font-size:1.5rem;line-height:1}.sign-card__name{font-size:.68rem;font-weight:500;color:var(--zc-text-hint);white-space:nowrap}.sign-card--active{background:#7c6bff26;border-color:var(--zc-primary);animation:glow-pulse 2s ease-in-out infinite}.sign-card--active .sign-card__name{color:var(--zc-text)}.sign-card--active.el-fire{border-color:var(--el-fire);--zc-glow: rgba(239, 68, 68, .35)}.sign-card--active.el-earth{border-color:var(--el-earth);--zc-glow: rgba(163, 230, 53, .3)}.sign-card--active.el-air{border-color:var(--el-air);--zc-glow: rgba(56, 189, 248, .3)}.sign-card--active.el-water{border-color:var(--el-water);--zc-glow: rgba(129, 140, 248, .35)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;border-radius:var(--zc-radius);font-weight:600;font-size:.95rem;transition:opacity .2s,transform .15s}.btn:active{transform:scale(.97)}.btn--primary{width:100%;background:linear-gradient(135deg,var(--zc-gradient-start),var(--zc-gradient-end));color:#fff}.btn--primary:disabled{opacity:.4;pointer-events:none}.btn--secondary{width:100%;background:var(--zc-card-bg);border:1.5px solid var(--zc-card-border);color:var(--zc-text)}.btn--check{margin-top:8px}.result-card{border-radius:var(--zc-radius-lg);padding:28px 20px 24px;text-align:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 30% 0%,rgba(124,58,237,.35) 0%,transparent 60%),radial-gradient(ellipse at 80% 100%,rgba(79,70,229,.3) 0%,transparent 50%),var(--zc-card-bg);border:1.5px solid var(--zc-card-border)}.result-card:before{content:"";position:absolute;inset:0;background-image:radial-gradient(1px 1px at 20% 30%,rgba(255,255,255,.25),transparent),radial-gradient(1px 1px at 50% 70%,rgba(255,255,255,.15),transparent),radial-gradient(1.5px 1.5px at 75% 15%,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 90% 80%,rgba(255,255,255,.18),transparent),radial-gradient(1px 1px at 10% 85%,rgba(255,255,255,.12),transparent);pointer-events:none}.result-card__signs{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:20px}.result-card__sign{display:flex;flex-direction:column;align-items:center;gap:4px}.result-card__symbol{font-size:2.5rem;line-height:1}.result-card__name{font-size:.85rem;font-weight:600}.result-card__heart{font-size:1.4rem;color:var(--zc-accent);animation:glow-pulse 2.5s ease-in-out infinite}.result-card__score{margin-bottom:14px}.result-card__percentage{display:block;font-size:3.2rem;font-weight:800;line-height:1;animation:score-pop .5s ease-out both;background:linear-gradient(135deg,#fff,var(--zc-accent));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.result-card__category{display:inline-block;margin-top:6px;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:3px 12px;border-radius:999px}.cat-perfect-match{background:#7c3aed59;color:#d8b4fe}.cat-great{background:#22c55e40;color:#86efac}.cat-good{background:#38bdf840;color:#7dd3fc}.cat-moderate{background:#facc1533;color:#fde68a}.cat-challenging{background:#ef444438;color:#fca5a5}.result-card__message{font-size:.88rem;color:var(--zc-text-hint);line-height:1.55;max-width:340px;margin:0 auto}.element-badge{display:inline-block;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;border-radius:999px}.element-badge.el-fire{background:#ef444438;color:var(--el-fire)}.element-badge.el-earth{background:#a3e6352e;color:var(--el-earth)}.element-badge.el-air{background:#38bdf833;color:var(--el-air)}.element-badge.el-water{background:#818cf838;color:var(--el-water)}.trait-section{margin-top:16px;padding:16px;border-radius:var(--zc-radius);background:var(--zc-card-bg);border:1.5px solid var(--zc-card-border)}.trait-section__title{font-size:.9rem;font-weight:700;margin-bottom:10px}.trait-section--strengths .trait-section__title{color:#86efac}.trait-section--challenges .trait-section__title{color:#fca5a5}.trait-list{display:flex;flex-direction:column;gap:8px}.trait-item{font-size:.84rem;padding:8px 12px;border-radius:8px;background:#ffffff0a;line-height:1.4}.trait-item--strength:before{content:"✓ ";color:#86efac;font-weight:700}.trait-item--challenge:before{content:"⚠ ";color:#fca5a5}.result-actions{display:flex;flex-direction:column;gap:10px;margin-top:20px}@media(max-width:360px){.sign-grid{gap:6px}.sign-card{padding:8px 2px}.sign-card__symbol{font-size:1.25rem}.sign-card__name{font-size:.6rem}.result-card__symbol{font-size:2rem}.result-card__percentage{font-size:2.6rem}}