#clearskies-template-root{
  --bg:#070b12;
  --panel:#0f1724;
  --panel-2:#09111c;
  --text:#e6edf8;
  --muted:#96a4bc;
  --muted-2:#bdd6ff;
  --line:#22304a;
  --line-soft:rgba(124,162,221,.22);
  --shadow:0 10px 30px rgba(0,0,0,.20);
  --r:16px;
  background:var(--bg);
  color:var(--text);
  font-family:Arial,Helvetica,sans-serif;
  padding:0 0 24px;
  overflow-x:hidden;
}
#clearskies-template-root.night-mode{
  --text:#ff6b6b;
  --muted:#d57a7a;
  --muted-2:#ff9a9a;
  --line:#4c2323;
  --line-soft:rgba(255,128,128,.22);
  --panel:#12090c;
  --panel-2:#0b0507;
}
#clearskies-template-root,
#clearskies-template-root *{box-sizing:border-box}
#clearskies-template-root h1,
#clearskies-template-root h2,
#clearskies-template-root h3,
#clearskies-template-root p{margin:0}
#clearskies-template-root header{
  position:sticky;
  top:0;
  z-index:10;
  backdrop-filter:blur(10px);
  background:rgba(15,23,36,.96);
  border-bottom:1px solid var(--line);
}
#clearskies-template-root.night-mode header{background:rgba(18,9,12,.96)}
#clearskies-template-root .wrap{max-width:1100px;margin:0 auto;padding:16px}
#clearskies-template-root .row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
#clearskies-template-root h2{font-size:1.16rem;color:var(--text);line-height:1.2}
#clearskies-template-root h3{font-size:1rem;color:var(--text);line-height:1.2}
#clearskies-template-root .badge,
#clearskies-template-root .pill{
  font-size:12px;
  color:var(--muted);
  padding:4px 10px;
  border:1px solid var(--line);
  border-radius:999px;
  background:var(--panel-2);
}
#clearskies-template-root .card{
  width:100%;
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:var(--r);
  box-shadow:var(--shadow);
}
#clearskies-template-root .card .in{padding:14px}
#clearskies-template-root .controlsCard{margin-top:12px}
#clearskies-template-root .toolsBar{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-bottom:12px;
}
#clearskies-template-root .controls{
  display:grid;
  gap:10px;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;
}
#clearskies-template-root .coordRow{
  grid-column:1/-1;
  display:grid;
  gap:10px;
  grid-template-columns:repeat(2, minmax(0, 1fr));
}
#clearskies-template-root label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted)}
#clearskies-template-root input[type="text"],
#clearskies-template-root input[type="number"]{
  width:100%;
  padding:10px 12px;
  border-radius:10px;
  border:1px solid var(--line);
  background:var(--panel-2);
  color:var(--text);
  outline:none;
  font-size:13px;
  line-height:1.2;
  box-shadow:none;
  appearance:textfield;
}
#clearskies-template-root input[type="number"]::-webkit-outer-spin-button,
#clearskies-template-root input[type="number"]::-webkit-inner-spin-button{appearance:none;margin:0}
#clearskies-template-root input::placeholder{color:var(--muted)}
#clearskies-template-root button{
  padding:8px 11px;
  border-radius:10px;
  border:1px solid #29466f;
  background:#14233a;
  color:var(--text);
  cursor:pointer;
  font-size:13px;
  line-height:1.2;
  box-shadow:none;
}
#clearskies-template-root.night-mode button{
  background:#250f14;
  border-color:#803838;
}
#clearskies-template-root button:hover{filter:brightness(1.08)}
#clearskies-template-root button:disabled{opacity:.55;cursor:not-allowed}
#clearskies-template-root button.active{
  background:#1c4d79;
  border-color:#3d79ae;
}
#clearskies-template-root.night-mode button.active{
  background:#5a1f29;
  border-color:#a34858;
}
#clearskies-template-root .hint{font-size:.84rem;color:var(--muted)}
#clearskies-template-root .suggest{position:relative;min-width:0}
#clearskies-template-root .suggestBox{
  position:absolute;
  left:0;right:0;
  top:calc(100% + 8px);
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:14px;
  overflow:hidden;
  box-shadow:var(--shadow);
  max-height:280px;
  display:none;
  z-index:15;
}
#clearskies-template-root .suggestBox.open{display:block}
#clearskies-template-root .suggestItem{padding:10px 12px;border-top:1px solid var(--line-soft);cursor:pointer}
#clearskies-template-root .suggestItem:first-child{border-top:none}
#clearskies-template-root .suggestItem:hover{background:rgba(255,255,255,.03)}
#clearskies-template-root .suggestTitle{font-size:13px;color:var(--text)}
#clearskies-template-root .suggestMeta{font-size:12px;color:var(--muted);margin-top:2px}
#clearskies-template-root .status{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--muted);justify-content:flex-end}
#clearskies-template-root .mainStack{display:grid;gap:14px;margin-top:14px;min-width:0}
#clearskies-template-root .sectionTitle{font-size:13px;color:var(--muted);margin:0 0 10px}
#clearskies-template-root .mutedBlock{
  padding:10px 12px;
  border-radius:14px;
  border:1px dashed var(--line-soft);
  color:var(--muted);
  background:var(--panel-2);
  font-size:13px;
}
#clearskies-template-root .metaRow{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
#clearskies-template-root .pillsRow{gap:8px}
#clearskies-template-root .weekScroller{
  overflow-x:auto;
  overflow-y:hidden;
  width:100%;
  max-width:100%;
  min-width:0;
  padding:0 2px 8px;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain;
  overscroll-behavior-y:none;
  touch-action:pan-x;
  scrollbar-width:thin;
  scroll-snap-type:x proximity;
  contain:layout inline-size;
}
#clearskies-template-root .week{
  display:inline-flex;
  gap:8px;
  min-width:100%;
  width:max-content;
  flex-wrap:nowrap;
}
#clearskies-template-root .dayCard{
  width:126px;
  min-width:126px;
  scroll-snap-align:start;
  border-radius:14px;
  border:1px solid var(--line);
  background:var(--panel-2);
  cursor:pointer;
  transition:transform .08s ease,border-color .08s ease,background .08s ease;
  user-select:none;
  -webkit-user-select:none;
  touch-action:pan-x;
}
#clearskies-template-root .dayCard:hover{transform:translateY(-1px);border-color:#3d79ae}
#clearskies-template-root .dayCard.active{border-color:#3d79ae;box-shadow:0 0 0 1px rgba(61,121,174,.30) inset;background:rgba(28,77,121,.18)}
#clearskies-template-root.night-mode .dayCard.active{border-color:#a34858;box-shadow:0 0 0 1px rgba(163,72,88,.35) inset;background:rgba(90,31,41,.24)}
#clearskies-template-root .dayTop{padding:8px 9px 7px}
#clearskies-template-root .dayName{font-weight:600;font-size:12px;color:var(--text)}
#clearskies-template-root .dayDate{font-size:11px;color:var(--muted);margin-top:2px}
#clearskies-template-root .dayMid{padding:9px;display:flex;align-items:center;justify-content:space-between;gap:8px}
#clearskies-template-root .scoreBox{
  min-width:54px;
  text-align:center;
  border-radius:12px;
  padding:8px 6px;
  border:1px solid var(--line-soft);
  font-weight:800;
  letter-spacing:.2px;
  color:#f8fbff;
}
#clearskies-template-root .scoreLabel{font-size:10px;color:rgba(255,255,255,.86);font-weight:600;margin-top:4px}
#clearskies-template-root.night-mode .scoreLabel{color:#ffe1e1}
#clearskies-template-root .moonMini{display:flex;flex-direction:column;align-items:flex-end;gap:2px}
#clearskies-template-root .moonEmoji{font-size:18px;line-height:1}
#clearskies-template-root .moonText{font-size:11px;color:var(--muted)}
#clearskies-template-root .dayBot{padding:8px 9px;border-top:1px solid var(--line-soft);display:flex;justify-content:space-between;gap:6px;align-items:center;font-size:10.5px;color:var(--muted)}
#clearskies-template-root .kv{display:grid;grid-template-columns:repeat(3, minmax(0,1fr));gap:10px;min-width:0}
#clearskies-template-root .kv .item{border:1px solid var(--line-soft);border-radius:14px;padding:10px;background:var(--panel-2);min-width:0}
#clearskies-template-root .k{font-size:11px;color:var(--muted)}
#clearskies-template-root .v{font-size:13px;margin-top:4px;font-weight:650;color:var(--text)}
#clearskies-template-root .hourGrid{display:grid;grid-template-columns:repeat(6, minmax(0,1fr));gap:8px;min-width:0;width:100%}
#clearskies-template-root .hourCell{border-radius:14px;border:1px solid var(--line-soft);background:var(--panel-2);overflow:hidden;min-width:0}
#clearskies-template-root .hourHead{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-bottom:1px solid var(--line-soft);font-size:11px;color:var(--muted-2);gap:8px;min-width:0}
#clearskies-template-root .hourBody{padding:9px;display:flex;flex-direction:column;gap:6px;min-width:0}
#clearskies-template-root .hourScore{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0}
#clearskies-template-root .hourScore .num{font-size:20px;line-height:1;font-weight:800;color:var(--text)}
#clearskies-template-root .hourScore .tag{font-size:10px;color:var(--muted)}
#clearskies-template-root .mini{font-size:10.5px;color:var(--muted-2);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5px 8px;min-width:0}
#clearskies-template-root .mini span{color:var(--text)}
#clearskies-template-root .footer{padding:6px 0 24px;color:var(--muted);font-size:12px}
#clearskies-template-root .c0{background:rgba(224,58,58,.68);border-color:rgba(255,110,110,.78)}
#clearskies-template-root .c1{background:rgba(230,118,54,.56);border-color:rgba(255,162,110,.74)}
#clearskies-template-root .c2{background:rgba(224,190,62,.44);border-color:rgba(255,224,120,.64)}
#clearskies-template-root .c3{background:rgba(64,188,96,.54);border-color:rgba(118,236,147,.76)}
#clearskies-template-root .c4{background:rgba(34,176,82,.72);border-color:rgba(112,255,164,.86)}
#clearskies-template-root.night-mode .c0{background:rgba(190,54,54,.66);border-color:rgba(255,120,120,.78)}
#clearskies-template-root.night-mode .c1{background:rgba(172,86,44,.56);border-color:rgba(255,168,130,.74)}
#clearskies-template-root.night-mode .c2{background:rgba(148,122,40,.48);border-color:rgba(255,214,116,.64)}
#clearskies-template-root.night-mode .c3{background:rgba(70,136,84,.52);border-color:rgba(132,210,152,.74)}
#clearskies-template-root.night-mode .c4{background:rgba(62,152,88,.64);border-color:rgba(124,238,164,.82)}
#clearskies-template-root .err{color:#ff9a9a}
#clearskies-template-root .helpModal{
  position:fixed;
  inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  padding:18px;
  background:rgba(5,9,14,.68);
  z-index:9999;
}
#clearskies-template-root .helpModal.open{display:flex}
#clearskies-template-root .helpDialog{
  width:min(760px, 100%);
  max-height:min(84vh, 900px);
  overflow:auto;
  border-radius:18px;
  border:1px solid var(--line);
  background:var(--panel);
  box-shadow:var(--shadow);
  padding:16px;
}
#clearskies-template-root .helpBody{display:grid;gap:10px;color:var(--text);font-size:13px;line-height:1.5}
#clearskies-template-root .helpBody b{color:var(--muted-2)}
#clearskies-template-root .weeklyCard,
#clearskies-template-root .detailCard,
#clearskies-template-root .hourlyCard{min-width:0}
#clearskies-template-root .weeklyCard .in,
#clearskies-template-root .detailCard .in,
#clearskies-template-root .hourlyCard .in{min-width:0;overflow:hidden}
#clearskies-template-root .weekScroller.dragging{cursor:grabbing}
#clearskies-template-root .hourHead > span:first-child,
#clearskies-template-root .hourScore .tag,
#clearskies-template-root .mini div,
#clearskies-template-root .v{min-width:0;overflow-wrap:anywhere}
body.clearskies-night-mode .elementor-location-header,
body.clearskies-night-mode .elementor-location-header a,
body.clearskies-night-mode .elementor-nav-menu a,
body.clearskies-night-mode .elementor-nav-menu .elementor-item,
body.clearskies-night-mode .elementor-menu-toggle,
body.clearskies-night-mode .elementor-icon-list-text,
body.clearskies-night-mode header a{color:#ff6b6b !important}
body.clearskies-night-mode .elementor-location-header svg *,
body.clearskies-night-mode .elementor-nav-menu svg *,
body.clearskies-night-mode .elementor-menu-toggle svg *{fill:#ff6b6b !important;stroke:#ff6b6b !important}
body.clearskies-modal-open{overflow:hidden}
@media (max-width:980px){
  #clearskies-template-root .controls{grid-template-columns:1fr}
  #clearskies-template-root .coordRow{grid-template-columns:repeat(2, minmax(0,1fr))}
  #clearskies-template-root .status{justify-content:flex-start}
  #clearskies-template-root .kv{grid-template-columns:repeat(2, minmax(0,1fr))}
  #clearskies-template-root .hourGrid{grid-template-columns:repeat(3, minmax(0,1fr))}
}
@media (max-width:700px){
  #clearskies-template-root .wrap{padding:12px}
  #clearskies-template-root h2{font-size:1.02rem}
  #clearskies-template-root .badge,
  #clearskies-template-root .pill,
  #clearskies-template-root .status,
  #clearskies-template-root .suggestMeta,
  #clearskies-template-root .footer{font-size:10.5px}
  #clearskies-template-root .toolsBar{margin-bottom:10px}
  #clearskies-template-root .card .in{padding:12px}
  #clearskies-template-root .dayCard{width:102px;min-width:102px}
  #clearskies-template-root .dayTop,
  #clearskies-template-root .dayMid,
  #clearskies-template-root .dayBot{padding-left:7px;padding-right:7px}
  #clearskies-template-root .dayName{font-size:10px}
  #clearskies-template-root .dayDate,
  #clearskies-template-root .moonText{font-size:9px}
  #clearskies-template-root .scoreBox{min-width:44px;padding:6px 4px}
  #clearskies-template-root .scoreBox > div:first-child{font-size:13px !important}
  #clearskies-template-root .scoreLabel{font-size:8px}
  #clearskies-template-root .dayBot{font-size:9.5px}
  #clearskies-template-root .sectionTitle,
  #clearskies-template-root .v,
  #clearskies-template-root .mutedBlock{font-size:11.5px}
  #clearskies-template-root .k{font-size:9.5px}
  #clearskies-template-root .hourGrid{grid-template-columns:repeat(2, minmax(0,1fr));gap:7px}
  #clearskies-template-root .hourHead{font-size:9.5px;padding:7px 8px}
  #clearskies-template-root .hourBody{padding:8px}
  #clearskies-template-root .hourScore .num{font-size:17px}
  #clearskies-template-root .mini{font-size:9.5px;gap:4px 6px}
  #clearskies-template-root .kv{grid-template-columns:repeat(2, minmax(0,1fr));gap:8px}
  #clearskies-template-root .headerTop{align-items:flex-start}
  #clearskies-template-root .coordRow{grid-template-columns:repeat(2, minmax(0,1fr))}
  #clearskies-template-root .weekScroller{margin:0 -2px;padding:0 2px 8px;scroll-padding:0 2px}
}
@media (max-width:420px){
  #clearskies-template-root .dayCard{width:96px;min-width:96px}
  #clearskies-template-root .kv{grid-template-columns:repeat(2, minmax(0,1fr))}
  #clearskies-template-root .hourGrid{grid-template-columns:repeat(2, minmax(0,1fr))}
  #clearskies-template-root .hourScore{align-items:flex-start;flex-direction:column}
  #clearskies-template-root .hourScore .tag{font-size:9px}
  #clearskies-template-root .mini{grid-template-columns:minmax(0,1fr)}
}
#clearskies-template-root .weekScroller::-webkit-scrollbar{height:8px}
#clearskies-template-root .weekScroller::-webkit-scrollbar-thumb{background:rgba(124,162,221,.28);border-radius:999px}
#clearskies-template-root.night-mode .weekScroller::-webkit-scrollbar-thumb{background:rgba(255,128,128,.32)}
#clearskies-template-root .weekScroller::-webkit-scrollbar-track{background:transparent}