:root{--zsf-primary:#7c3aed;--zsf-primary-light:#7c3aed1a;--zsf-primary-gradient:linear-gradient(135deg, #7c3aed, #a78bfa);--zsf-text:#1e293b;--zsf-text-muted:#64748b;--zsf-bg:#fff;--zsf-bg-hover:#f8fafc;--zsf-border:#e2e8f0;--zsf-shadow:0 4px 24px #0000000f, 0 1px 4px #0000000a;--zsf-fire:#ef4444;--zsf-earth:#65a30d;--zsf-air:#0ea5e9;--zsf-water:#6366f1;--zsf-strength:#059669;--zsf-weakness:#dc2626;--zsf-love:#ec4899;--zsf-friend:#3b82f6;--zsf-work:#f59e0b}._zsf-container{max-width:720px;margin:0 auto}._zsf-hidden{display:none!important}._zsf-section{margin-bottom:2.5rem}._zsf-section:last-child{margin-bottom:0}._zsf-section-title{color:var(--zsf-text);border-bottom-style:solid;border-bottom-width:2px;border-bottom-color:var(--zsf-primary);margin:0 0 1rem;padding-bottom:.75rem;font-size:1.125rem;font-weight:700;line-height:1.3;display:inline-block}._zsf-label{font-size:var(--main-text-xs);color:var(--zsf-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.375rem;font-weight:600;display:block}._zsf-select{border-style:solid;border-width:1.5px;border-color:var(--zsf-border);border-radius:var(--main-radius);background:var(--zsf-bg);width:100%;min-height:42px;color:var(--zsf-text);font-size:var(--main-text-sm);cursor:pointer;-webkit-appearance:auto;appearance:auto;padding:.625rem .875rem}._zsf-select:focus{border-color:var(--zsf-primary);box-shadow:0 0 0 3px var(--zsf-primary-light);outline:none}._zsf-btn-find{background:var(--zsf-primary-gradient);color:#fff;border-radius:var(--main-radius);min-height:44px;font-size:var(--main-text-sm);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:none;padding:.625rem 1.5rem;font-weight:600;box-shadow:0 2px 8px #7c3aed40}._zsf-btn-find:hover{opacity:.9}._zsf-disclaimer{text-align:center;font-size:var(--main-text-xs);color:var(--zsf-text-muted);opacity:.7;margin:2rem 0 0;font-style:italic}@media (max-width:768px){._zsf-container{padding-left:1rem;padding-right:1rem}._zsf-section{margin-bottom:2rem}._zsf-section-title{font-size:1rem}._zsf-select{font-size:16px}}@media (max-width:480px){._zsf-container{padding-left:.75rem;padding-right:.75rem}}._zsf-finder-input{background:var(--zsf-bg);border-radius:var(--main-radius-lg);box-shadow:var(--zsf-shadow);border-style:solid;border-width:1px;border-color:var(--zsf-border);padding:1.5rem}._zsf-date-row{align-items:flex-end;gap:.75rem;display:flex}._zsf-date-field{flex:1}._zsf-result{background:var(--zsf-bg);border-radius:var(--main-radius-lg);box-shadow:var(--zsf-shadow);border-style:solid;border-width:1px;border-color:var(--zsf-border);margin-top:1.5rem;padding:2rem}._zsf-result-header{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--zsf-border);align-items:center;gap:1.25rem;margin-bottom:1.5rem;padding-bottom:1.25rem;display:flex}._zsf-result-symbol{background:var(--zsf-primary-light);border-radius:var(--main-radius-lg);width:80px;height:80px;color:var(--zsf-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}._zsf-result-symbol ._zsf-icon{width:48px;height:48px}._zsf-result-name{color:var(--zsf-text);margin:0 0 .25rem;font-size:1.5rem;font-weight:700}._zsf-result-dates{font-size:var(--main-text-sm);color:var(--zsf-text-muted)}._zsf-result-desc{font-size:var(--main-text-sm);color:var(--zsf-text-muted);margin:0 0 1.5rem;line-height:1.6}._zsf-result-match{background:var(--zsf-bg-hover);border-radius:var(--main-radius);margin-bottom:1.5rem;padding:1rem}._zsf-match-list{flex-wrap:wrap;gap:.5rem;margin-top:.375rem;display:flex}._zsf-match-badge{background:var(--zsf-primary-light);color:var(--zsf-primary);border-radius:var(--main-radius-full);font-size:var(--main-text-xs);align-items:center;gap:.25rem;padding:.375rem .75rem;font-weight:600;display:inline-flex}._zsf-match-badge ._zsf-icon{flex-shrink:0;width:14px;height:14px}._zsf-result-meta{gap:1rem;margin-bottom:1.5rem;display:flex}._zsf-meta-item{text-align:center;background:var(--zsf-bg-hover);border-radius:var(--main-radius);flex:1;padding:.75rem}._zsf-meta-label{font-size:var(--main-text-xs);color:var(--zsf-text-muted);margin-bottom:.25rem;display:block}._zsf-meta-value{font-size:var(--main-text-sm);color:var(--zsf-text);font-weight:600}._zsf-traits{grid-template-columns:1fr 1fr;gap:1rem;display:grid}._zsf-traits-group{border-radius:var(--main-radius);background:var(--zsf-bg-hover);padding:1rem}._zsf-traits-title{font-size:var(--main-text-xs);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .625rem;font-weight:600}._zsf-traits-strengths{color:var(--zsf-strength)}._zsf-traits-weaknesses{color:var(--zsf-weakness)}._zsf-traits-list{flex-wrap:wrap;gap:.375rem;display:flex}._zsf-trait-badge{border-radius:var(--main-radius-full);font-size:var(--main-text-xs);padding:.25rem .625rem;font-weight:500;display:inline-block}._zsf-trait-strength{color:var(--zsf-strength);background:#0596691a}._zsf-trait-weakness{color:var(--zsf-weakness);background:#dc26261a}@media (max-width:768px){._zsf-finder-input{padding:1rem}._zsf-date-row{flex-direction:column;align-items:stretch;gap:.875rem}._zsf-date-row ._zsf-btn-find{width:100%}._zsf-result{padding:1.25rem}._zsf-result-header{gap:1rem;margin-bottom:1.25rem;padding-bottom:1rem}._zsf-result-symbol{width:64px;height:64px}._zsf-result-symbol ._zsf-icon{width:38px;height:38px}._zsf-result-name{word-break:break-word;font-size:1.25rem}._zsf-result-dates{font-size:var(--main-text-xs)}._zsf-result-meta{flex-direction:column;gap:.5rem}._zsf-meta-item{text-align:left;justify-content:space-between;align-items:center;gap:.75rem;padding:.625rem .875rem;display:flex}._zsf-meta-item ._zsf-meta-label{margin-bottom:0}._zsf-result-match{padding:.875rem}._zsf-traits{grid-template-columns:1fr;gap:.75rem}._zsf-traits-group{padding:.875rem}._zsf-trait-badge,._zsf-match-badge{padding:.375rem .75rem}}@media (max-width:480px){._zsf-result-header{flex-wrap:wrap}._zsf-result-symbol{width:56px;height:56px}._zsf-result-symbol ._zsf-icon{width:32px;height:32px}._zsf-result-name{font-size:1.125rem}}._zsf-compat-input{background:var(--zsf-bg);border-radius:var(--main-radius-lg);box-shadow:var(--zsf-shadow);border-style:solid;border-width:1px;border-color:var(--zsf-border);padding:1.5rem}._zsf-compat-selects{align-items:flex-end;gap:1rem;margin-bottom:1rem;display:flex}._zsf-compat-pick{flex:1}._zsf-compat-heart{color:var(--zsf-love);flex-shrink:0;padding-bottom:.5rem;font-size:1.5rem}._zsf-compat-input ._zsf-btn-find{width:100%}._zsf-compat-result{background:var(--zsf-bg);border-radius:var(--main-radius-lg);box-shadow:var(--zsf-shadow);border-style:solid;border-width:1px;border-color:var(--zsf-border);margin-top:1.5rem;padding:2rem}._zsf-compat-header{color:var(--zsf-text);justify-content:center;align-items:center;gap:1rem;margin-bottom:1.5rem;font-size:1.25rem;font-weight:700;display:flex}._zsf-compat-sign{align-items:center;gap:.5rem;display:flex}._zsf-compat-sign-symbol{font-size:2rem;line-height:1}._zsf-compat-vs{color:var(--zsf-love);font-size:1.5rem}._zsf-compat-bars{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}._zsf-compat-bar{align-items:center;gap:.75rem;display:flex}._zsf-compat-bar-label{font-size:var(--main-text-sm);color:var(--zsf-text-muted);flex-shrink:0;width:80px;font-weight:500}._zsf-compat-bar-track{background:var(--zsf-bg-hover);border-radius:var(--main-radius-full);flex:1;height:10px;overflow:hidden}._zsf-compat-bar-fill{border-radius:var(--main-radius-full);width:0;height:100%;transition:width .6s}._zsf-compat-bar-fill-love{background:var(--zsf-love)}._zsf-compat-bar-fill-friend{background:var(--zsf-friend)}._zsf-compat-bar-fill-work{background:var(--zsf-work)}._zsf-compat-bar-value{font-size:var(--main-text-sm);color:var(--zsf-text);text-align:right;flex-shrink:0;width:40px;font-weight:600}._zsf-compat-desc{font-size:var(--main-text-sm);color:var(--zsf-text-muted);text-align:center;border-top-style:solid;border-top-width:1px;border-top-color:var(--zsf-border);margin:0;padding-top:1rem;line-height:1.6}@media (max-width:768px){._zsf-compat-input{padding:1rem}._zsf-compat-selects{flex-direction:column;gap:.75rem}._zsf-compat-heart{text-align:center;padding-bottom:0}._zsf-compat-result{padding:1.25rem}._zsf-compat-header{flex-wrap:wrap;gap:.5rem .875rem;margin-bottom:1.25rem;font-size:1.125rem}._zsf-compat-sign{gap:.375rem}._zsf-compat-sign-symbol{font-size:1.75rem}._zsf-compat-bar{gap:.625rem}._zsf-compat-bar-label{width:70px;font-size:var(--main-text-xs)}._zsf-compat-bar-value{width:36px}}@media (max-width:480px){._zsf-compat-bar-label{width:64px}}._zsf-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}._zsf-grid-card{--_accent:var(--zsf-primary);background:var(--zsf-bg);text-align:center;cursor:pointer;border-style:solid;border-width:1px;border-color:var(--zsf-border);box-shadow:var(--zsf-shadow);-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:1rem;padding:1.5rem .75rem 1.25rem;position:relative;overflow:hidden}._zsf-card-fire{--_accent:var(--zsf-fire)}._zsf-card-earth{--_accent:var(--zsf-earth)}._zsf-card-air{--_accent:var(--zsf-air)}._zsf-card-water{--_accent:var(--zsf-water)}._zsf-grid-card:before{content:"";background:linear-gradient(90deg, transparent, var(--_accent), transparent);opacity:.5;border-radius:0 0 3px 3px;height:3px;position:absolute;top:0;left:15%;right:15%}._zsf-grid-card:hover{border-color:var(--_accent);box-shadow:0 8px 32px #0000001a}._zsf-grid-card:hover:before{opacity:1}._zsf-grid-symbol{width:56px;height:56px;color:var(--_accent);border-radius:50%;justify-content:center;align-items:center;margin:0 auto .75rem;display:flex;position:relative}._zsf-grid-symbol:before{content:"";opacity:.08;background:currentColor;border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0}._zsf-grid-symbol:after{content:"";opacity:.15;border:1.5px solid;border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0}._zsf-grid-symbol ._zsf-icon{z-index:1;width:30px;height:30px;position:relative}._zsf-grid-card:hover ._zsf-grid-symbol:before{opacity:.15}._zsf-grid-card:hover ._zsf-grid-symbol:after{opacity:.35}._zsf-grid-name{color:var(--zsf-text);letter-spacing:.01em;margin-bottom:.25rem;font-size:.875rem;font-weight:700;display:block}._zsf-grid-dates{font-size:var(--main-text-xs);color:var(--zsf-text-muted);display:block}._zsf-grid-element{border-radius:var(--main-radius-full);text-transform:uppercase;letter-spacing:.05em;margin-top:.5rem;padding:.15rem .5rem;font-size:.625rem;font-weight:600;display:inline-block}._zsf-element-fire{color:var(--zsf-fire);background:#ef44441a}._zsf-element-earth{color:var(--zsf-earth);background:#65a30d1a}._zsf-element-air{color:var(--zsf-air);background:#0ea5e91a}._zsf-element-water{color:var(--zsf-water);background:#6366f11a}._zsf-sign-detail{background:var(--zsf-bg);border-radius:var(--main-radius-lg);box-shadow:var(--zsf-shadow);border-style:solid;border-width:1px;border-color:var(--zsf-border);padding:2rem}._zsf-detail-back{color:var(--zsf-primary);font-size:var(--main-text-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none;align-items:center;min-height:36px;margin-bottom:1rem;padding:.5rem .75rem .5rem 0;font-weight:500;display:inline-flex}._zsf-detail-back:hover{opacity:.7}@media (max-width:768px){._zsf-grid{grid-template-columns:repeat(3,1fr);gap:.75rem}._zsf-grid-card{padding:1.25rem .5rem 1rem}._zsf-grid-symbol{width:48px;height:48px;margin-bottom:.5rem}._zsf-grid-symbol ._zsf-icon{width:24px;height:24px}._zsf-grid-name{font-size:var(--main-text-xs)}._zsf-grid-dates{font-size:.625rem}._zsf-grid-element{margin-top:.375rem;padding:.125rem .4rem}._zsf-sign-detail{padding:1.25rem}}@media (max-width:480px){._zsf-grid{grid-template-columns:repeat(2,1fr);gap:.625rem}._zsf-grid-card{padding:1rem .5rem .875rem}._zsf-grid-symbol{width:44px;height:44px}._zsf-grid-symbol ._zsf-icon{width:22px;height:22px}._zsf-grid-name{font-size:.8125rem}}