/* Sky Scout V76: reversible purple-to-black UI theme trial.
   Presentation-only overrides. No logo, astronomical logic, layout, or storage edits. */
:root{
  --sky-plum:#865ac2;
  --sky-deep:#d6bbff;
  --sky-orchid:#b986ff;
  --sky-blush:#dfcaff;
  --sky-ink:#f6f0ff;
  --sky-muted:#c1aed9;
  --sky-border:#74519d;
  --sky-lavender:#191027;
  --sky-paper:#1c1534;
  color-scheme:dark;
}
html,html.sky-desktop{background:#090713 !important;color:#f6f0ff}
body{background:transparent !important;color:#f6efff}
/* Same stable, image-free viewport gradient approach as the original blue version. */
#sky-static-backdrop{
  background-color:#090713 !important;
  background-image:linear-gradient(180deg,
    #a976d4 0%,#8155ad 13%,#654185 25%,#442c62 40%,
    #241a3d 58%,#130e28 75%,#080714 100%) !important;
  background-size:100% 100% !important;
  background-position:center top !important;
}
.panel{
  color:#f5edff;
  background:linear-gradient(164deg,rgba(61,43,88,.96) 0%,rgba(35,26,61,.98) 46%,rgba(19,15,39,.99) 100%) padding-box,
             linear-gradient(140deg,#c28eff,#7047a1 55%,#4e367e 100%) border-box !important;
  border:1.5px solid transparent !important;
  box-shadow:0 12px 28px rgba(7,4,18,.23),inset 0 1px 0 rgba(230,207,255,.12) !important;
}
.panel .section-title,.section-title,h2,h3{color:#f4e8ff !important}
.field-label,.orientation-panel .field-label,.search-inputs label,.picker-row label,
.finder-field,.finder-label,.finder-intro,.finder-modes label,.filter-check,
.search-inputs label span,.search-mode label,.note,.subnote,footer,
.pw-animation-rate,.orb-row,.sky-v72-pinch-hint,
.sky-unified-chart-panel > .sky-v72-pinch-hint{color:#d5c5e8 !important}
/* Navigation remains exactly the same dimensions and positions. */
.site-nav a,header .site-nav a{
  background:linear-gradient(160deg,#dfc8f0,#b391d2) !important;
  color:#20132f !important;
  border-color:#a888cb !important;
  box-shadow:0 5px 14px #140b2c36,inset 0 1px 0 #ffffff80 !important;
}
.site-nav a.active,header .site-nav a.active{
  background:linear-gradient(160deg,#5e2e90 0%,#32154f 65%,#211031 100%) !important;
  color:#fff8ff !important;
  border-color:#cd8eff !important;
  box-shadow:0 0 0 1px #9f61db30,0 8px 19px #27123885,inset 0 1px 0 #efc9ff6b !important;
}
/* Violet glass fields and consistent lilac control labeling. */
#dateTime,#dateText,#applyText,.timezone-control select,
.search-inputs input,.search-inputs select,.picker-row input,.picker-row select,
.finder-field input,.finder-field select,.finder-range input,
.sky-unified-chart-panel .sky-v75-picker-shell,
#pwAnimationSettings>summary,.pw-animation-toolbar button,
.planet-picker summary,.search-mode label,
.position-finder select,.position-finder input,
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),textarea,select{
  color:#f5edff !important;
  background:linear-gradient(180deg,#483361 0%,#2a203f 100%) !important;
  border-color:#7859a3 !important;
  box-shadow:inset 0 1px 0 #ffffff19,0 2px 7px #09051233 !important;
}
input::placeholder,textarea::placeholder{color:#bca7d1 !important}
select option{background:#2a1d3f;color:#f5edff}
button,summary{color:#f5edff}
#now,#pwAnimate,.search-action button,#show,
.finder-action button,.sky-unified-chart-panel > .sky-v66-save-row .sky-life-save-icon{
  color:#fff8ff !important;
  background:linear-gradient(180deg,#7642a8 0%,#4a267b 58%,#2b164c 100%) !important;
  border-color:#b27af2 !important;
  box-shadow:0 5px 14px #16082480,inset 0 1px 0 #f4caff67 !important;
}
#now:hover,#pwAnimate:hover,.search-action button:hover,.finder-action button:hover,
.sky-unified-chart-panel > .sky-v66-save-row .sky-life-save-icon:hover{filter:brightness(1.1)}
.sky-unified-chart-panel > .sky-v66-save-row .sky-life-save-icon::after{color:#fff8ff}
.sky-unified-chart-panel .sky-v75-picker-display{color:#f6efff !important}
.sky-unified-chart-panel .sky-v75-picker-shell::after{color:#dfc1fb !important}
#ascendantReadout{color:#efe3ff !important}
.aspects-key{color:#ded1ed !important}
.orb-row input[type="range"],input[type="range"]{accent-color:#bb81ff !important}
input[type="radio"],input[type="checkbox"]{accent-color:#9b65d6 !important}
/* Keep wheel zodiac, aspect colors and geometry as-is; recolor only its formerly white canvas and black ink. */
#chart{background:transparent}
#chart circle[fill="#fff"]{fill:#18142d;stroke:#9676ba}
#chart circle[fill="#fafcff"]{fill:#1b1732;stroke:#785e9e}
#chart circle[fill="#e7edf6"]{fill:#43296e;stroke:#8c69b5}
#chart circle[fill="#ffe8a1"]{fill:#ffe8a1}
#chart text[fill="#000000"]{fill:#fff8ff}
#chart text[fill="#27384a"]{fill:#e4d6f2}
#chart text[fill="#416a9c"]{fill:#e9d6ff}
#chart line[stroke="#000000"]{stroke:#f5ecff}
#chart line[stroke="#9bacc0"]{stroke:#aa91c9}
#chart line[stroke="#8597ab"]{stroke:#8d78ac}
#chart line[stroke="#899cad"]{stroke:#ae98c9}
#chart g[color="#000000"]{color:#fff8ff}
/* Make the existing single controls panel look like the mockup without moving any elements. */
.planetwatcher-nav,html.sky-desktop .planetwatcher-nav{
  background:linear-gradient(140deg,#33254b,#271d43) !important;
  border-color:#7b5c9b !important;
  box-shadow:0 4px 12px #0a061c66,inset 0 1px 0 #e9caff27 !important;
}
.planetwatcher-nav .nav-side,
.planetwatcher-nav .nav-current,
html.sky-desktop .planetwatcher-nav .nav-side,
html.sky-desktop .planetwatcher-nav .nav-current{
  background:linear-gradient(180deg,#4b3266,#302246) !important;
  color:#fff5ff !important;
  border-color:#684a94 !important;
  box-shadow:inset 0 1px 0 #eacfff22 !important;
}
.planetwatcher-nav .nav-side button,html.sky-desktop .planetwatcher-nav .nav-side button{
  color:#fff6ff !important;
}
.planetwatcher-nav .nav-arrow{color:#f6edff !important}
.planetwatcher-nav .nav-side button+button{border-left-color:#73539d !important}
.planetwatcher-nav .nav-side button:active{background:#67418e !important}
.pw-animation-toolbar button,.pw-animation-settings>summary{
  background:linear-gradient(180deg,#4a326a,#29213f) !important;
  color:#f7efff !important;border-color:#7859a3 !important;
  box-shadow:inset 0 1px 0 #f1d8ff28,0 3px 8px #0b061c66 !important;
}
.pw-animation-toolbar #pwAnimate{background:linear-gradient(180deg,#7746aa,#3b1c63) !important;border-color:#ad77e9 !important}
.pw-animation-menu,.planet-menu,.sky-menu-body,.sky-life-save-menu{
  color:#f8f2ff !important;background:#271b3e !important;
  border-color:#76539a !important;box-shadow:0 16px 35px #0905178c !important;
}
.pw-animation-menu legend,.pw-animation-choice-grid label,
.sky-menu-link,.sky-menu-heading,.sky-menu-note,.sky-save-heading,.sky-save-context,
.sky-save-status,.sky-save-attach,.sky-save-lifeline-link{color:#e8d8fa !important}
.pw-animation-choice-grid label,.sky-save-actions>button{
  color:#f5edff !important;background:#38274e !important;border-color:#74559b !important;
}
.pw-animation-choice-grid label:has(input:checked){background:#56357a !important}
.sky-global-menu>summary{
  background:linear-gradient(160deg,#69428f,#3a2857) !important;
  color:#f2e7ff !important;border-color:#956abb !important;
  box-shadow:0 4px 13px #1006215c !important;
}
.sky-global-menu[open]>summary{background:#54336f !important}
.sky-menu-link:hover,.sky-menu-link:focus-visible{background:#4a3065 !important}
.sky-menu-disabled{color:#b09cbd !important}
.sky-menu-divider{background:#644b81 !important}
.sky-login-link{color:#dfb7ff !important}
/* Planet tables, transit results, and search controls use the same dark-lavender glass. */
.table-scroll th,.event-list th{color:#d7c2ed !important;border-bottom-color:#674e83 !important}
.table-scroll td,.event-list td,.event-list tr{color:#f2e8fc !important;border-bottom-color:#43335c !important}
.table-scroll tbody tr:nth-child(even),.event-list tr:nth-child(even){background:#5b3c7a1c !important}
#positions .pw-rx{color:#d3b3e8}
#status,.finder-status{color:#d3b9ef !important}
.planet-name,.event-list td:nth-child(1),.event-list td:nth-child(3){color:#f1e7ff !important}
tr.fullmoon{background:#4531545c !important}
.planet-picker>summary,.search-mode label,.position-finder>.finder-summary{
  color:#f2e7ff !important;
  background:linear-gradient(170deg,#4e3369,#2c2244) !important;
  border-color:#75539b !important;
}
.planet-menu,.finder-body{border-color:#695287 !important}
.finder-result,.finder-result-row,.finder-result-card{color:#f5efff !important;border-color:#6b5191 !important}
.finder-check,.finder-modes label,.filter-check{color:#e0cdef !important}
.sky-unified-chart-panel > .orientation-panel{
  border-top-color:#604979 !important;
}
.sky-unified-chart-panel > .orb-row{border-top-color:#604979 !important}
.chart-snapshot-link{color:#d9aeff !important}
.chart-snapshot-link:hover{color:#f3dfff !important}
:focus-visible{outline-color:#c18cf4 !important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none !important}}
/* Legibility polish for compact labels, finder actions, and table headings. */
.bulk-select,.bulk-select span,.table-actions label,#noevents,#range,
.finder-advanced-hint,.finder-advanced-title,.finder-field label,
.event-icon-position,.event-list .event-label,.position-finder .finder-summary{
  color:#e9daf9 !important;
}
.finder-advanced-toggle,.finder-add-option,.sky-save-lifeline-link{
  color:#d9b1ff !important;
}
.finder-advanced{border-color:#60497c !important}
#more,.load-row button,.finder-add-option{
  background:linear-gradient(180deg,#67428b,#352250) !important;
  border:1px solid #9973bd !important;
  border-radius:999px;
  color:#fff5ff !important;
}
#more:hover,.load-row button:hover{filter:brightness(1.08)}
.sky-save-attach select,.sky-save-actions>button,.sky-life-save-menu .sky-save-close{
  color:#f1e6ff !important;
}

/* Sky Scout V77 trial: midnight-to-plum gradient and softer, more luminous violet glass.
   Purely visual refinements. V76 structure, sizing, behavior, and original logo asset stay intact. */
html,html.sky-desktop{background:#09060e !important}
#sky-static-backdrop{
  background-color:#09060e !important;
  background-image:
    radial-gradient(ellipse 68% 24% at 50% 18%,rgba(119,61,159,.17) 0%,rgba(100,51,136,.08) 54%,transparent 100%),
    linear-gradient(180deg,
      #08060e 0%,
      #0d0916 13%,
      #160d22 27%,
      #23112f 44%,
      #30163f 61%,
      #3c1d4d 80%,
      #4a255b 100%) !important;
  background-size:100% 100% !important;
}
/* The existing gold logo stays unmodified; only the surrounding light changes. */
.panel{
  background:linear-gradient(165deg,rgba(48,32,74,.96),rgba(28,20,53,.98) 49%,rgba(17,12,35,.99)) padding-box,
             linear-gradient(145deg,#d7a4ff 0%,#9864dc 45%,#7044a8 85%,#bc80ee 100%) border-box !important;
  box-shadow:0 0 0 1px rgba(179,112,235,.18),0 0 15px rgba(165,93,226,.32),
             0 0 34px rgba(116,54,185,.19),0 15px 35px rgba(4,2,12,.38),
             inset 0 1px 0 rgba(243,216,255,.19) !important;
}
.site-nav a.active,header .site-nav a.active{
  border-color:#d4a3ff !important;
  box-shadow:0 0 0 1px rgba(203,152,255,.42),0 0 12px rgba(177,100,252,.60),
             0 0 25px rgba(145,65,235,.32),inset 0 1px 0 rgba(245,208,255,.43) !important;
}
/* Preserve the diagram's calculations, labels, glyphs, and aspect line colors. */
.sky-unified-chart-panel .chart-wrap #chart{
  filter:drop-shadow(0 0 3px rgba(186,119,255,.24));
}
.sky-unified-chart-panel .chart-wrap #chart circle{
  filter:drop-shadow(0 0 3px rgba(183,120,251,.33));
}
#now,#pwAnimate,.search-action button,#show,.finder-action button,
.sky-unified-chart-panel > .sky-v66-save-row .sky-life-save-icon{
  background:linear-gradient(180deg,#8149b3 0%,#542989 53%,#2b154e 100%) !important;
  border-color:#c88efc !important;
  box-shadow:0 0 0 1px rgba(173,99,228,.29),0 0 9px rgba(191,105,254,.51),
             0 0 20px rgba(148,69,228,.29),0 5px 15px rgba(9,3,22,.48),
             inset 0 1px 0 rgba(255,224,255,.48) !important;
}
.pw-animation-toolbar #pwAnimate{
  background:linear-gradient(180deg,#8149b3 0%,#542989 53%,#2b154e 100%) !important;
  border-color:#c88efc !important;
  box-shadow:0 0 0 1px rgba(173,99,228,.29),0 0 9px rgba(191,105,254,.51),
             0 0 20px rgba(148,69,228,.29),0 5px 15px rgba(9,3,22,.48),
             inset 0 1px 0 rgba(255,224,255,.48) !important;
}
.planetwatcher-nav,html.sky-desktop .planetwatcher-nav{
  border-color:#9567c9 !important;
  box-shadow:0 0 8px rgba(162,89,233,.28),0 0 19px rgba(104,45,176,.18),
             0 4px 12px rgba(6,3,17,.55),inset 0 1px 0 rgba(234,204,255,.22) !important;
}
.sky-unified-chart-panel .sky-v75-picker-shell:focus-within,
.sky-unified-chart-panel .sky-v66-save-row .sky-life-save-icon:focus-visible{
  outline-color:#d2a6ff !important;
}
/* Target only existing SVG wheel rings so aspect geometry and zodiac colors stay untouched. */
#chart circle[fill="#fff"]{
  stroke:#c49af1 !important;
  filter:drop-shadow(0 0 3px rgba(207,149,255,.9)) drop-shadow(0 0 7px rgba(155,77,228,.50));
}
#chart circle[fill="#fafcff"]{
  filter:drop-shadow(0 0 2px rgba(172,112,236,.37));
}