:root{--bg:#faf8f4;--fg:#1d1d1f;--muted:#6f6a62;--line:#e6e1d7;--card:#fff;--accent:#8a5a2b;--accent-fg:#fff;--err:#b3261e;--radius:12px;color:var(--fg);background:var(--bg);font-family:Segoe UI,system-ui,-apple-system,Roboto,Noto Sans,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;line-height:1.5}main{max-width:1100px;margin:0 auto;padding:16px}h1{margin:0 0 8px;font-size:clamp(1.6rem,4vw,2.4rem);line-height:1.2}h2{margin:0}h3{margin:0 0 8px;font-size:1rem}.muted{color:var(--muted)}.small{font-size:.85rem}.topbar{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;padding:12px 16px;display:flex}.logo{color:var(--fg);letter-spacing:-.02em;font-size:1.25rem;font-weight:800;text-decoration:none}.logo span{color:var(--accent)}.hero{text-align:center;max-width:680px;margin:0 auto;padding:24px 0 16px}.footer{border-top:1px solid var(--line);max-width:1100px;margin:32px auto 0;padding:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:16px;padding:16px}.form{gap:14px;max-width:560px;margin:0 auto;display:grid}.form label{gap:4px;font-size:.9rem;font-weight:600;display:grid}.row{grid-template-columns:1fr 1fr;gap:12px;display:grid}input,select{font:inherit;border:1px solid var(--line);color:var(--fg);background:#fff;border-radius:8px;width:100%;padding:10px 12px}select{width:auto;padding:6px 10px}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px}button{font:inherit;background:var(--accent);color:var(--accent-fg);cursor:pointer;border:0;border-radius:8px;padding:12px 16px;font-weight:700}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{color:var(--accent);border:1px solid var(--accent);background:0 0;padding:8px 12px}.place{position:relative}.suggest{z-index:10;border:1px solid var(--line);background:#fff;border-radius:8px;margin:4px 0 0;padding:4px;font-weight:400;list-style:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 8px 24px #00000014}.suggest li{cursor:pointer;border-radius:6px;padding:8px 10px}.suggest li:hover{background:var(--bg)}.error{color:var(--err);margin:0}.result-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.grid-2{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px;display:grid}.graph{flex-direction:column;align-items:center;display:flex}.legend{gap:16px;margin-top:8px;display:flex}.legend i{vertical-align:middle;border-radius:3px;width:18px;height:6px;display:inline-block}.cards{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stat{gap:2px;margin-bottom:0;display:grid}.cards+.card{margin-top:16px}.chips{flex-wrap:wrap;gap:6px;margin:0 0 12px;padding:0;list-style:none;display:flex}.chips li{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:4px 8px;font-size:.8rem}.chips li.on{color:var(--fg);background:#f6ecd9;border-color:#e3cfa6}.plain{gap:4px;margin:0;padding:0;list-style:none;display:grid}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;border-bottom:1px solid var(--line);padding:8px}th{color:var(--muted);font-weight:600}.src{border-radius:4px;margin-right:4px;padding:1px 6px;font-size:.75rem;display:inline-block}.src-P{color:#fff;background:#1d1d1f}.src-D{color:#fff;background:#c0392b}@media (max-width:760px){.grid-2,.row{grid-template-columns:1fr}}button.secondary{white-space:nowrap}.graph-row{justify-content:center;align-items:flex-start;gap:8px;width:100%;display:flex}.graph-row svg{flex:auto;min-width:0}.planets{font-variant-numeric:tabular-nums;flex:none;margin:0;padding:0;font-size:.85rem;font-weight:600;list-style:none}.planets li{justify-content:space-between;gap:8px;line-height:1.75;display:flex}.planets li span{font-weight:400}.planets .ph{text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:.75rem}.planets.d{color:#c0392b}.planets.p{color:#1d1d1f}.src{text-align:center;min-width:20px}@media (max-width:760px){.graph-row{flex-wrap:wrap}.graph-row svg{flex-basis:100%;order:-1}.planets{flex:45%;grid-template-columns:repeat(3,auto);column-gap:14px;display:grid}.planets .ph{grid-column:1/-1}.hide-sm{display:none}.result-head h2{font-size:1.3rem}}
