.logo{color:var(--text);font-family:"Poppins",sans-serif;font-size:1.35rem;font-weight:700;text-decoration:none}
.navigation a{color:var(--text);font-weight:700;text-decoration:none}
.menu-button{display:none;width:46px;height:42px;padding:10px;background:var(--pink-100);border:1px solid var(--border);border-radius:14px}
.menu-button span{display:block;width:100%;height:2px;margin:4px 0;background:var(--text);border-radius:99px;transition:.18s}
.menu-button.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.menu-button.is-open span:nth-child(2){opacity:0}
.menu-button.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.card{background:rgba(255,255,255,.92);border:1px solid rgba(234,223,230,.8);border-radius:var(--radius-large);box-shadow:var(--shadow)}
.chart-form{position:relative;padding:clamp(24px,4vw,38px);text-align:left}
.chart-form label{display:block;margin:17px 0 7px;font-weight:700}
input{width:100%;min-height:50px;padding:12px 15px;color:var(--text);font:inherit;background:var(--ivory);border:1px solid var(--border);border-radius:14px;outline:none}
input:focus{border-color:var(--pink-500);box-shadow:0 0 0 4px rgba(223,127,168,.12)}
button{min-height:48px;padding:13px 24px;color:#49313d;font:inherit;font-weight:800;background:linear-gradient(135deg,var(--pink-300),var(--green-200));border:0;border-radius:999px;cursor:pointer}
button:disabled{cursor:wait;opacity:.7}
.chart-form>button{width:100%;margin-top:22px}
.secondary-button{margin-top:18px;background:var(--white);border:1px solid var(--border)}
.primary-action{margin-top:34px}
.location-field{position:relative}
.suggestions{position:absolute;z-index:10;top:calc(100% - 22px);right:0;left:0;max-height:260px;margin:0;padding:7px;overflow-y:auto;list-style:none;background:var(--white);border:1px solid var(--border);border-radius:15px;box-shadow:var(--shadow)}
.suggestion-button{width:100%;min-height:auto;padding:11px 12px;text-align:left;color:var(--text);background:transparent;border-radius:10px}
.suggestion-button:hover,.suggestion-button:focus-visible{background:var(--pink-100)}
.suggestion-title{display:block;font-weight:800}.suggestion-detail{display:block;color:var(--muted);font-size:.86rem;font-weight:600}
.field-hint,.form-message{margin:8px 2px 0;color:var(--muted);font-size:.88rem}
.form-message.is-error{color:#a03f5d}.form-message.is-success{color:#54764b}
.learning-card,.result-card{padding:30px 24px}.card-icon{font-size:2rem}
.result-label{margin-bottom:8px;color:var(--muted);font-size:.85rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.degree-text{margin-top:-5px;color:var(--pink-500);font-weight:800}
.saved-chart-card{padding:20px;text-align:left}.saved-chart-card h3{margin-bottom:8px}
.saved-chart-actions{display:flex;gap:8px;margin-top:14px}.saved-chart-actions button{min-height:40px;padding:8px 14px;font-size:.9rem}
.delete-button{background:var(--pink-100);border:1px solid var(--border)}
@media(max-width:800px){.menu-button{display:block}}
.api-credit{font-size:.75rem;margin:.45rem 0 0;color:var(--muted)}.api-credit a{color:inherit}.suggestion-empty{padding:1rem;color:var(--muted)}
.zodiac-badge{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;margin:0 auto .7rem;background:linear-gradient(145deg,#fff4fa,#eee8ff);font-size:2.25rem;box-shadow:0 8px 22px rgba(85,60,100,.1)}
.result-card details{margin-top:1rem;text-align:left}.result-card summary{cursor:pointer;font-weight:700;color:var(--text)}.traits{display:grid;gap:.65rem;margin-top:.75rem}.traits div{display:flex;flex-direction:column}.traits span{font-size:.88rem;color:var(--muted)}.mini-note{font-size:.8rem!important;font-style:italic}
.detail-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin:2.25rem 0 1rem}.tab-button{width:auto;padding:.75rem 1.15rem;background:#fff;color:var(--text);border:1px solid rgba(90,60,100,.12)}.tab-button.active{background:var(--pink-500);color:#fff}.detail-panel{background:rgba(255,255,255,.5);border-radius:24px;padding:1.2rem}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem}.section-heading h3,.section-heading p{margin:0}.section-heading p{color:var(--muted);font-size:.9rem}
.data-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.data-card{display:grid;grid-template-columns:auto 1fr;gap:.4rem .8rem;align-items:center;background:#fff;border-radius:16px;padding:1rem;box-shadow:0 6px 18px rgba(70,50,90,.06)}.data-card>p,.data-card>small{grid-column:2;margin:0}.planet-symbol{grid-row:1/4;font-size:1.8rem}.data-card strong{margin-right:.5rem}.retro{font-size:.7rem;color:#9a5d87}.house-number{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#f7eafa;font-weight:700}.house-card p{margin:.15rem 0 0}.beta-note{font-size:.78rem;color:var(--muted);margin-top:1rem}
.aspect-list{display:grid;gap:.65rem}.aspect-row{display:grid;grid-template-columns:42px 1fr 110px;align-items:center;gap:.8rem;background:#fff;border-radius:14px;padding:.85rem 1rem}.aspect-symbol{font-size:1.45rem;text-align:center}.aspect-row small{display:block;color:var(--muted)}.exactness{height:7px;border-radius:99px;background:#eee8f1;overflow:hidden}.exactness span{height:100%;display:block;background:var(--pink-500);border-radius:inherit}
.saved-zodiac{font-size:1.5rem}.saved-actions{display:flex;gap:.45rem;flex-wrap:wrap}.saved-actions button{width:auto;padding:.55rem .8rem}.delete-button{background:#fff;color:#8a667f;border:1px solid #eadbe5}
@media(max-width:720px){.data-grid{grid-template-columns:1fr}.section-heading{display:block}.section-heading p{margin-top:.35rem}.aspect-row{grid-template-columns:34px 1fr}.exactness{grid-column:2;width:100%}.detail-panel{padding:.8rem}}
.card-heading{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:center;text-align:left}.role-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--pink-100);font-size:1.45rem}.card-heading small{color:var(--muted);font-weight:700}.card-heading .zodiac-badge{width:52px;height:52px;margin:0;font-size:1.8rem}.role-lead{font-size:.9rem;color:var(--muted);font-weight:700}.result-card h3{margin-top:1rem}.planet-card,.house-card-v2,.aspect-card{background:#fff;border:1px solid rgba(90,60,100,.08);border-radius:18px;padding:1rem;box-shadow:0 6px 18px rgba(70,50,90,.05);text-align:left}.planet-card-top{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:center}.planet-card-top h4,.house-head h4{margin:0}.planet-card-top small,.house-head small{color:var(--muted)}.planet-glyph{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#fff4fa,#eee8ff);font-size:1.65rem}.retro-pill,.tone-pill{display:inline-block;padding:.25rem .55rem;border-radius:999px;background:#f3e9f2;color:#805c79;font-size:.72rem;font-weight:800}.placement{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin:.9rem 0 .55rem}.placement span{color:var(--muted);font-size:.85rem}.planet-card p,.house-card-v2 p,.aspect-card p{font-size:.9rem}.planet-card details{margin-top:.7rem}.planet-card summary{cursor:pointer;font-weight:800}.house-head{display:grid;grid-template-columns:auto 1fr;gap:.75rem;align-items:center}.house-planets{margin-top:.8rem;padding-top:.7rem;border-top:1px solid var(--border);font-size:.82rem;color:var(--muted)}.aspect-card{display:grid;gap:.55rem}.aspect-title{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.6rem;font-weight:800}.aspect-title span:last-child{text-align:right}.aspect-card .tone-pill{justify-self:start}.aspect-card small{color:var(--muted)}
@media(max-width:560px){.card-heading{grid-template-columns:auto 1fr}.card-heading .zodiac-badge{grid-column:1/-1;justify-self:center}.planet-card-top{grid-template-columns:auto 1fr}.retro-pill{grid-column:2}.aspect-title{font-size:.88rem}}

.interpretation-question{margin:.9rem 0 .45rem;padding:.55rem .7rem;border-radius:12px;background:rgba(255,192,203,.18);font-weight:800;font-size:.85rem;color:var(--text)}
.interpretation-detail{display:grid;gap:.75rem;margin-top:.85rem}
.interpretation-detail p{margin:0}
.astro-tip{padding:.8rem;border-radius:14px;background:linear-gradient(145deg,#fff7fb,#f4efff)}
.knowledge-link{display:inline-flex;align-items:center;justify-content:center;margin-top:.15rem;padding:.7rem .9rem;border-radius:12px;background:var(--text);color:#fff;text-decoration:none;font-weight:800;font-size:.84rem}
.knowledge-link:hover{transform:translateY(-1px)}
.knowledge-page{max-width:850px;margin:0 auto;padding:110px 22px 70px}
.knowledge-back{display:inline-block;margin-bottom:1.2rem;color:var(--text);font-weight:800;text-decoration:none}
.knowledge-hero{padding:2rem;border-radius:26px;background:linear-gradient(145deg,#fff7fb,#f1ecff);box-shadow:0 12px 34px rgba(75,50,90,.08)}
.knowledge-symbol{font-size:3rem}
.knowledge-meta{color:var(--muted);font-weight:700}
.knowledge-sections{display:grid;gap:1rem;margin-top:1.25rem}
.knowledge-section{padding:1.25rem;border:1px solid var(--border);border-radius:18px;background:#fff}
.knowledge-traits{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media(max-width:620px){.knowledge-traits{grid-template-columns:1fr}.knowledge-page{padding-top:90px}.knowledge-hero{padding:1.4rem}}