/* Sky Scout V22: lavender/pearl visual theme, fixed-size desktop layout. */
:root{--sky-plum:#6a2b62;--sky-deep:#44223f;--sky-orchid:#8d4c84;--sky-blush:#ebd7eb;--sky-ink:#272133;--sky-muted:#70677d;--sky-border:#e5d8e7;--sky-lavender:#f6f0f7;--sky-paper:#fffdfd;
 background:var(--sky-lavender);color:var(--sky-ink);color-scheme:light}
html{background:var(--sky-lavender);}
body{color:var(--sky-ink);background:radial-gradient(ellipse 130% 540px at 50% 0%,#ead9e9 0%,#f7f1f8 54%,#fbf9fb 100%) fixed;min-height:100vh}
header h1{font-size:clamp(27px,6.5vw,39px);color:var(--sky-deep);font-weight:760;letter-spacing:-.035em;line-height:1.14;margin-top:8px;margin-bottom:13px;text-shadow:0 1px 0 #ffffffcc}
.panel{background:var(--sky-paper);border:1px solid var(--sky-border);border-radius:18px;box-shadow:0 4px 20px #5b33500d,0 1px 2px #754b6720}
.site-nav a,header .site-nav a{background:linear-gradient(180deg,#fffafd,#f5eaf4);border-color:#d9bfd5;color:#65345e;border-radius:12px;font-weight:720;box-shadow:0 1px 2px #5430470d}
.site-nav a.active,header .site-nav a.active{background:linear-gradient(140deg,#813872 0%,#64295b 100%);color:#fff;border-color:#64295b;box-shadow:0 3px 10px #72346435}
.site-nav a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a15d96;outline-offset:2px}
.field-label,.orientation-panel .field-label,.search-inputs label,.picker-row label,.search-inputs label span{color:#705a71}
.section-title,h2,h3{color:#50304f}
#dateTime,#dateText,#applyText,.timezone-control select,.search-inputs input,.search-inputs select,.picker-row input,.picker-row select{border-color:#d6c6d6;background:#fff;color:#33283b}
#applyText{background:linear-gradient(180deg,#fff,#f5eaf4);color:#5e3859}
#now,.search-action button,#show{background:linear-gradient(160deg,#823b74,#5d2758);border-color:#6c305f;color:#fff}
#now:active,.search-action button:active,#show:active{background:#552149}
.mode-controls input,.show,.search-mode input,.filter-check input,.pw-animation-choice-grid input,.sky-menu-toggle input{accent-color:#8b4482}
#ascendantReadout{color:#63365f}
.chart-zoom-controls button{border-color:#d3c4d5;color:#603b5f;background:linear-gradient(180deg,#fff,#f4ebf5)}
.chart-zoom-controls .zoom-level,.orb-row,.pw-animation-rate{color:#765d79}
/* Keep the approved metallic/silver date navigation and exact chart/element/aspect glyph colors. */
.pw-animation-toolbar{margin:4px auto 5px;align-items:center;min-height:42px;line-height:normal;isolation:isolate}
.pw-animation-toolbar button,.pw-animation-settings > summary{appearance:none;-webkit-appearance:none;box-sizing:border-box;margin:0;position:relative;top:0;transform:none;vertical-align:middle;align-self:center;min-height:40px;height:40px;line-height:1;outline-offset:2px;box-shadow:inset 0 1px 0 #ffffffa6,0 1px 2px #52344918;border-color:#c9b8cc}
.pw-animation-toolbar button{background:linear-gradient(180deg,#fffefd,#f0e5f0);color:#5f385d}
.pw-animation-settings > summary{background:linear-gradient(180deg,#fffefd,#f0e5f0);color:#5f385d;display:flex;align-items:center}
.pw-animation-toolbar #pwAnimate{border:1px solid #632c59;background:linear-gradient(180deg,#905083 0%,#713067 52%,#5b2551 100%);background-clip:padding-box;box-shadow:inset 0 1px 0 #ba87ae,0 2px 4px #50284a20;color:#fff;top:0;transform:none;line-height:1.1;min-height:40px;height:40px}
.pw-animation-toolbar #pwAnimate:active{background:linear-gradient(180deg,#67305f,#4d2047);top:0;transform:none}
.pw-animation-toolbar .pw-anim-icon{padding:0;min-height:40px;height:40px}
.pw-animation-menu{background:#fffafd;border-color:#dbc9da;box-shadow:0 12px 28px #3c1b3c28;color:#3b293f}
.pw-animation-menu legend{color:#674c66}.pw-animation-choice-grid label{color:#5b3a59;border-color:#eadbea}
.pw-animation-choice-grid label:has(input:checked){background:#f5e6f2;border-color:#be9cba}
#pwAnimationStatus{pointer-events:none}
.planet-picker summary,.search-mode label{background:linear-gradient(180deg,#fff,#f7eef7);color:#63375e;border-color:#dac8da}
.planet-menu{background:#fffbff;border-color:#e7d8e6}
.filter-check{color:#584357}
.search-mode label{color:#5f405e}
.subnote,.note,footer,.sky-menu-note{color:#756d7b}
.event-list td:nth-child(1){color:#5d4c61}
.event-list td:nth-child(3){color:#2c2535}
.event-list tr{border-bottom-color:#eadfeb}
tr.fullmoon{background:#fff9e9}
#status{color:#63405f}
.sky-global-menu > summary{background:linear-gradient(180deg,#fffefd,#f5e8f3);border-color:#d5bcd2;color:#693863;box-shadow:0 1px 4px #53284e20}
.sky-global-menu[open] > summary{background:#eeddee}
.sky-global-menu > summary svg{width:24px;height:24px;fill:none;stroke:currentColor}
.sky-menu-body{background:#fffaff;border-color:#dbc7da;color:#3c2a42;box-shadow:0 13px 30px #3d204239}
.sky-menu-heading{color:#83577b}
.sky-menu-link{color:#54354f}
.sky-menu-link:hover,.sky-menu-link:focus-visible{background:#f5e8f3}
.sky-menu-divider{background:#e9dce9}
.sky-menu-disabled{color:#97879a}
.sky-login-link{font-weight:720;color:#6d3061;border-bottom:1px solid #efe1ed}
/* Desktop mode at TRUE 1200 CSS px: do not change viewport meta or scale down content. */
html.sky-desktop{overflow-x:auto;max-width:none;width:auto}
html.sky-desktop body{min-width:1200px;width:1200px;margin:0 auto}
html.sky-desktop main{width:1160px;max-width:none;padding:32px 25px 65px;margin:0 auto}
html.sky-desktop header h1{font-size:40px}
html.sky-desktop header .site-nav a{font-size:14px}
html.sky-desktop .site-nav{max-width:550px}
html.sky-desktop .panel{padding:24px}
html.sky-desktop .chart-wrap{max-width:760px}
html.sky-desktop .planetwatcher-nav,html.sky-desktop .pw-animation-toolbar{max-width:840px}
html.sky-desktop .date-options{grid-template-columns:1fr 1fr}
html.sky-desktop .event-list tr{grid-template-columns:210px 125px minmax(0,1fr);gap:26px}
html.sky-desktop .event-list td:nth-child(1),html.sky-desktop .event-list td:nth-child(3){font-size:15px}
html.sky-desktop .pw-event-icons{max-width:125px}
html.sky-desktop .filter-category-row{gap:17px}
html.sky-desktop .sky-global-menu .sky-menu-body{width:280px;max-width:none}

/* Explicit desktop arrangement even when CSS media queries see the phone viewport. */
html.sky-desktop .planetwatcher-nav{max-width:840px;min-height:74px;height:74px;gap:10px;padding:9px 12px}
html.sky-desktop .nav-side{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:6px;grid-template-columns:none;grid-template-rows:none}
html.sky-desktop .nav-side button{display:flex;flex-direction:column;flex:1 1 0;width:auto;min-width:0;height:52px;min-height:52px;gap:1px}
html.sky-desktop .nav-arrow{font-size:25px}
html.sky-desktop .nav-unit{font-size:11px}
html.sky-desktop .nav-current{flex-basis:185px;font-size:13px}
html.sky-desktop .controls{padding:18px 24px 14px}
html.sky-desktop .pw-animation-toolbar{gap:12px}
html.sky-desktop .pw-animation-toolbar #pwAnimate{padding:0 23px}
html.sky-desktop .orientation-panel{padding:17px 25px}
