.western-tools-page { background: #080b18; }.stellar-hero { background: radial-gradient(circle at 78% 20%, rgba(73, 111, 194, .3), transparent 34%), linear-gradient(120deg, rgba(17, 27, 63, .95), rgba(7, 9, 20, .95)); }.stellar-tabs { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; padding-bottom: 0; }.stellar-tabs button { padding: 11px 18px; border: 1px solid rgba(156, 180, 255, .3); background: rgba(30, 43, 96, .3); color: #ccd7fb; cursor: pointer; }.stellar-tabs button.is-active { border-color: rgba(184, 201, 255, .72); background: rgba(85, 111, 199, .34); color: #fff; }.stellar-workspace { display: grid; grid-template-columns: minmax(290px, .75fr) minmax(0, 1.25fr); align-items: start; gap: 18px; }.stellar-panel, .stellar-result { padding: 26px; border: 1px solid rgba(156, 180, 255, .28); background: rgba(13, 18, 40, .86); }.stellar-panel label { display: grid; gap: 7px; color: #c7d3f7; font-size: 13px; }.stellar-panel input, .stellar-panel select, .stellar-panel textarea { width: 100%; box-sizing: border-box; }.stellar-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin: 18px 0; }.stellar-fields .wide { grid-column: 1 / -1; }.stellar-hint, .stellar-note { margin: 14px 0 0; color: #aab5d9; font-size: 12px; line-height: 1.7; }.stellar-result h2, .stellar-result h3 { color: #e5ebff; }.stellar-result .result-head { margin-bottom: 16px; }.stellar-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }.stellar-facts article, .stellar-reading article { padding: 14px; border: 1px solid rgba(156, 180, 255, .2); background: rgba(36, 51, 110, .25); }.stellar-facts span { display: block; color: #aebbf0; font-size: 12px; }.stellar-facts strong { display: block; margin-top: 6px; color: #f2f4ff; font-size: 18px; }.stellar-reading { display: grid; gap: 10px; margin-top: 12px; }.stellar-reading h3 { margin: 0; font-size: 16px; }.stellar-reading p { margin: 7px 0 0; color: #c0c9e9; line-height: 1.75; }.rune-symbol { color: #d5e1ff !important; font-family: Georgia, serif; font-size: 34px !important; }.stellar-boundary-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }.stellar-boundary-grid article { padding: 17px; border: 1px solid rgba(156, 180, 255, .18); background: rgba(18, 28, 58, .66); }.stellar-boundary-grid strong { color: #dce5ff; }.stellar-boundary-grid p { margin: 8px 0 0; color: #adb8db; font-size: 13px; line-height: 1.7; }@media (max-width: 800px) { .stellar-workspace, .stellar-boundary-grid { grid-template-columns: 1fr; }.stellar-tabs { justify-content: flex-start; overflow-x: auto; flex-wrap: nowrap; }.stellar-tabs button { white-space: nowrap; }.stellar-panel, .stellar-result { padding: 20px 14px; }}@media (max-width: 520px) { .stellar-fields, .stellar-facts { grid-template-columns: 1fr; } }
