.celestial-sphere{font:14px/1.6 system-ui,sans-serif;color:#d6e4ef;background:#0d1d2e;border:1px solid #31495e;border-radius:16px;padding:18px;max-width:1200px;margin:auto;box-sizing:border-box}.celestial-sphere *{box-sizing:border-box}.cs-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.cs-heading h3{font-size:22px;color:#f0d3a1;margin:0}.cs-heading p{margin:6px 0 14px;color:#aec3d5}.cs-badge{font-size:12px;border:1px solid #6b674d;border-radius:20px;padding:4px 10px;white-space:nowrap;color:#e6cd9c}.cs-canvas-wrap{overflow:hidden;border-radius:10px;border:1px solid #344b62}.celestial-sphere canvas{display:block;width:100%;height:clamp(320px,52vw,570px);touch-action:none;background:#091728;cursor:grab}.celestial-sphere canvas:active{cursor:grabbing}.celestial-sphere :focus-visible{outline:3px solid #f0c46e;outline-offset:3px}.cs-legend,.cs-toolbar,.cs-settings,.cs-search{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0}.cs-legend{font-size:12px;color:#b4c3d0}.cs-legend span:last-child{flex-basis:100%}.cs-equator{color:#69bbee}.cs-ecliptic{color:#e4b766}.cs-horizon{color:#77cc9c}.celestial-sphere button,.celestial-sphere input,.celestial-sphere select{font:inherit;color:#e0e9f0;background:#172e43;border:1px solid #536c80;border-radius:7px;padding:7px 10px;min-height:40px;max-width:100%}.celestial-sphere button{cursor:pointer}.celestial-sphere button:hover{background:#28465e}.celestial-sphere button:disabled{opacity:.5;cursor:default}.cs-settings label{display:flex;align-items:center;gap:5px}.celestial-sphere input[type=checkbox]{min-height:0;accent-color:#e4b766}.cs-search label{display:flex;flex-direction:column;gap:4px;flex:1;min-width:180px}.cs-search button{align-self:flex-end}.cs-match-note{font-size:12px;color:#a9becf}.cs-selection{padding:12px 14px;border-left:3px solid #e4b766;background:#162b3d;min-height:58px;overflow-wrap:anywhere}.cs-info{font-size:12px;color:#a9becf}.cs-method{border-top:1px solid #344b62;padding-top:10px;font-size:13px;color:#b4c8d8}.cs-method summary{cursor:pointer;color:#e0d1b6}.cs-method a{color:#91cbe5}.cs-method p{margin:10px 0}@media(max-width:550px){.celestial-sphere{padding:10px;border-radius:10px}.cs-badge{display:none}.cs-toolbar{gap:6px}.cs-toolbar button{flex:1 0 28%;padding:7px 5px}.cs-search label{min-width:100%;max-width:100%}.cs-search button{width:100%}.cs-settings{gap:12px}.cs-heading h3{font-size:20px}}