/* 천문노트 별자리판 */
.ps { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Pretendard, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif; color: #1c2633; }
.ps h1 { margin: 0 0 6px; }
.ps .lead { color: #66758a; margin: 0 0 12px; }
.ps-bar { display: flex; flex-wrap: wrap; gap: 8px 14px; align-items: center; padding: 10px 12px; border: 1px solid #e3e8ef; border-radius: 12px; background: #f7f9fc; }
.ps-bar input, .ps-bar select { font: inherit; padding: 3px 6px; border: 1px solid #c9d3df; border-radius: 6px; }
.ps-bar button { font: inherit; padding: 4px 10px; border: 1px solid #c9d3df; border-radius: 999px; background: #fff; cursor: pointer; }
.ps-bar button:hover { border-color: #27272a; color: #27272a; }
.ps-bar .primary { background: #27272a; border-color: #27272a; color: #fff; }
.ps-bar .primary:hover { color: #fff; filter: brightness(1.1); }
.ps-bar label { white-space: nowrap; }
.ps-place { color: #3d5a80; font-weight: 600; }
.ps-stage { margin-top: 12px; border-radius: 16px; background: radial-gradient(90% 90% at 50% 40%, #1f1f23 0%, #0b0b0d 75%); padding: 8px; }
#psSvg { display: block; width: 100%; max-width: 760px; margin: 0 auto; touch-action: none; cursor: grab; user-select: none; }
#psSvg:active { cursor: grabbing; }
.ps-help { margin-top: 10px; color: #66758a; font-size: 12px; line-height: 1.7; }
#psPrint { display: none; }
@media print {
    body * { visibility: hidden; }
    #psPrint, #psPrint * { visibility: visible; }
    #psPrint { display: block; position: absolute; left: 0; top: 0; width: 100%; }
    .ps-page { page-break-after: always; text-align: center; }
    .ps-page p { font: 11px sans-serif; margin: 0 0 6mm; }
    .ps-page svg { width: 180mm; height: 180mm; }
}