.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; }.rune-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 0 0 18px; }.rune-card { display: grid; grid-template-columns: 94px minmax(0, 1fr); align-items: center; gap: 12px; padding: 12px; border: 1px solid rgba(156, 180, 255, .32); background: linear-gradient(145deg, rgba(47, 67, 126, .55), rgba(13, 19, 43, .72)); }.rune-stone { display: grid; place-items: center; aspect-ratio: .78; border: 1px solid rgba(233, 219, 181, .5); border-radius: 28% 38% 32% 42%; background: radial-gradient(circle at 34% 25%, rgba(125, 157, 213, .7), rgba(24, 38, 75, .96) 70%); box-shadow: inset 0 0 0 5px rgba(8, 13, 30, .25), 0 9px 18px rgba(0, 0, 0, .32); transform: rotate(-3deg); }.rune-stone small { margin-top: -12px; color: #c0d0f3; font: 10px/1 Georgia, serif; letter-spacing: .09em; transform: rotate(3deg); }.rune-glyph { color: #f5eacb; font: 48px/1 Georgia, serif; text-shadow: 0 2px 5px rgba(0,0,0,.35); transform: rotate(3deg); }.rune-card-copy span { display: block; color: #afc0ed; font-size: 12px; }.rune-card-copy strong { display: block; margin-top: 6px; color: #f2f4ff; font-size: 18px; line-height: 1.35; }.rune-atlas { margin: 0 0 18px; padding: 12px; border: 1px solid rgba(156, 180, 255, .22); background: rgba(8, 13, 28, .72); }.rune-atlas img { display: block; width: 100%; height: auto; }.rune-atlas figcaption { margin-top: 8px; color: #95a6d1; font-size: 11px; text-align: center; }.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; }.rune-cards { grid-template-columns: 1fr; }}@media (max-width: 520px) { .stellar-fields, .stellar-facts { grid-template-columns: 1fr; }.rune-card { grid-template-columns: 84px minmax(0, 1fr); } }