/* MyWeatha – Premium Ocean preview. Visual override only.
   Loaded in the isolated preview copy; no live app scripts or settings changed. */
:root{color-scheme:dark}
body[data-theme="radar-noir"]{--mw-bg:#061b39;--mw-text:#f6faff;--mw-sub:#b7cce6;--mw-stroke:rgba(169,216,255,.37);--mw-surface:linear-gradient(133deg,rgba(39,105,176,.66) 0%,rgba(21,68,124,.84) 60%,rgba(30,78,131,.84) 100%);--mw-shadow:0 13px 29px rgba(0,15,46,.29),inset 0 1px rgba(255,255,255,.19)}
body[data-theme="radar-noir"],body[data-theme="radar-noir"] .phone{background:#061b39!important}
body[data-theme="radar-noir"] .stage{background:radial-gradient(ellipse at 70% 30%,#305d8f,transparent 42%),linear-gradient(130deg,#05152e,#193a65 75%,#0b2141)!important}
body[data-theme="radar-noir"] .app{background:radial-gradient(ellipse at 80% 5%,rgba(57,121,195,.45),transparent 32%),radial-gradient(ellipse at 4% 38%,rgba(35,91,159,.22),transparent 50%),linear-gradient(180deg,#061f45,#082a59 37%,#061c3b 100%)!important;color:var(--mw-text)!important}
body[data-theme="radar-noir"] .phone{border-color:#07101f!important;box-shadow:0 26px 82px rgba(0,8,27,.58),0 0 0 2px #6286a9!important}
body[data-theme="radar-noir"] .viewport{scroll-behavior:smooth;overscroll-behavior:contain}
body[data-theme="radar-noir"] #home .content{margin-top:0!important;padding:22px 14px 28px!important;gap:12px!important;row-gap:12px!important;column-gap:12px!important}
body[data-theme="radar-noir"] #home .content>.wa-grid-sizebar{margin:0!important}
body[data-theme="radar-noir"] #home .content>[data-wa-block]{min-width:0}
body[data-theme="radar-noir"] #home :is(.glass,.tile,.wa-next-rain-card,.wa-home-places>*,.wa-late-cards>.tile),
body[data-theme="radar-noir"] :is(.setting,.editor-row,.notice,.wa-timeline,.map-readout){
 background:var(--mw-surface)!important;
 border:1px solid var(--mw-stroke)!important;
 border-top-color:rgba(222,241,255,.50)!important;
 border-radius:26px!important;
 color:var(--mw-text)!important;
 box-shadow:var(--mw-shadow)!important;
 -webkit-backdrop-filter:blur(16px) saturate(124%)!important;
 backdrop-filter:blur(16px) saturate(124%)!important;
}
body[data-theme="radar-noir"] #home :is(.glass,.tile):before{pointer-events:none}
body[data-theme="radar-noir"] #home .section-top{padding:0 2px 11px!important;gap:6px!important}
body[data-theme="radar-noir"] #home .section-top strong{font-size:15px!important;font-weight:730!important;letter-spacing:-.34px!important;color:#f5faff!important}
body[data-theme="radar-noir"] #home :is(.muted,.tile-head,.tile-desc,.hour small,.wa-three-label,.aura-output,.insight-sub){color:var(--mw-sub)!important}
body[data-theme="radar-noir"] #home .content>.mast{
 grid-column:1/-1!important;
 position:relative!important;
 isolation:isolate!important;
 background:transparent!important;
 border:0!important;
 border-radius:0!important;
 box-shadow:none!important;
 overflow:visible!important;
 padding:112px 21px 24px!important;
 min-height:372px!important;
 height:auto!important;
 max-height:none!important;
 text-align:left!important;
 color:#fff!important;
 transform:none!important;
}
body[data-theme="radar-noir"] #home .content>.mast::after{
 content:"";position:absolute;z-index:-1;
 inset:78px 0 0 0;border-radius:29px;
 background:linear-gradient(90deg,rgba(5,39,88,.92),rgba(8,63,124,.44) 58%,rgba(8,52,104,.20)),
 radial-gradient(circle at 82% 31%,rgba(255,213,131,.54),transparent 23%),
 linear-gradient(135deg,#0d4b98,#346ba0 60%,#618db4);
 border:1px solid rgba(197,228,255,.55);box-shadow:0 20px 39px rgba(0,14,45,.25),inset 0 1px rgba(255,255,255,.23);
 pointer-events:none;
}
body[data-theme="radar-noir"] #home .content>.mast::before{
 content:"";position:absolute;z-index:1;inset:78px 0 0;border-radius:29px;opacity:.86!important;
 background:linear-gradient(90deg,rgba(2,28,73,.81),rgba(3,37,87,.18) 85%),linear-gradient(0deg,rgba(2,35,83,.46),transparent 48%)!important;
 pointer-events:none;
}
body[data-theme="radar-noir"] #home .mast .sky-art{
 inset:78px 0 0!important;top:78px!important;width:100%!important;height:calc(100% - 78px)!important;
 z-index:0!important;opacity:.92!important;
 border-radius:29px!important;
 -webkit-mask-image:none!important;mask-image:none!important;
 background-position:center 45%!important;background-size:cover!important;
 overflow:hidden!important;pointer-events:none!important;
}
body[data-theme="radar-noir"] #home .mast > :not(.sky-art){position:relative;z-index:2}
body[data-theme="radar-noir"] #home .mast .mast-top{
 position:absolute!important;top:4px!important;left:0!important;right:0!important;height:56px!important;
 margin:0!important;padding:0 3px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
 filter:none!important;isolation:auto!important;
}
body[data-theme="radar-noir"] #home .mast .brand{
 font-size:clamp(25px,6.4vw,31px)!important;font-weight:760!important;line-height:1.08!important;letter-spacing:-1.15px!important;text-shadow:none!important;color:#fff!important;
}
body[data-theme="radar-noir"] #home .mast .tagline{display:none!important}
body[data-theme="radar-noir"] #home .mast .tools{
 position:absolute!important;top:104px!important;right:14px!important;left:auto!important;opacity:.82!important;gap:7px!important;
}
body[data-theme="radar-noir"] #home .mast .icon-btn{
 width:32px!important;min-width:32px!important;height:32px!important;border-radius:50%!important;
 background:rgba(12,62,118,.42)!important;border:1px solid rgba(229,246,255,.46)!important;backdrop-filter:blur(8px)!important;
}
body[data-theme="radar-noir"] #home .mast .icon-btn svg{width:17px!important;height:17px!important}
body[data-theme="radar-noir"] #home .mast .location{
 position:absolute!important;top:11px!important;right:0!important;left:auto!important;z-index:8!important;
 display:inline-flex!important;width:auto!important;min-height:38px!important;max-width:47%!important;
 padding:8px 13px!important;margin:0!important;border-radius:22px!important;
 font-size:clamp(12px,3.6vw,15px)!important;font-weight:580!important;
 border:1px solid rgba(214,236,255,.32)!important;
 background:rgba(25,68,120,.68)!important;
 box-shadow:inset 0 1px rgba(255,255,255,.16)!important;
 -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
}
body[data-theme="radar-noir"] #home .mast .temperature{
 position:relative!important;z-index:2!important;
 font-size:clamp(77px,22vw,106px)!important;font-weight:300!important;
 line-height:.99!important;letter-spacing:-6px!important;margin:7px 0 0!important;
 padding:0!important;color:#fff!important;white-space:nowrap!important;
}
body[data-theme="radar-noir"] #home .mast .temperature::before{
 content:"Aktuell";display:block;letter-spacing:0;font-size:14px;font-weight:740;line-height:1.3;margin-bottom:12px;
}
body[data-theme="radar-noir"] #home .mast .condition{font-size:18px!important;font-weight:680!important;letter-spacing:-.35px!important;line-height:1.2!important;margin-top:5px!important}
body[data-theme="radar-noir"] #home .mast .range{font-size:14px!important;font-weight:500!important;opacity:.94!important;margin-top:8px!important}
body[data-theme="radar-noir"] #home .mast .source{margin-top:14px!important;padding:6px 10px!important;font-size:10px!important;line-height:1.3!important;background:rgba(8,45,92,.40)!important;border-color:rgba(210,240,255,.28)!important;max-width:100%!important}
body[data-theme="radar-noir"] #home .wa-alerts-card{padding:15px 16px!important;min-height:0!important}
body[data-theme="radar-noir"] #home .wa-alerts-head{gap:8px!important}
body[data-theme="radar-noir"] #home .wa-alerts-head strong{color:#f6faff!important;font-weight:700!important;font-size:15px!important}
body[data-theme="radar-noir"] #home .wa-alerts-emblem{background:linear-gradient(140deg,#ffc666,#f5a529)!important;border-radius:12px!important}
body[data-theme="radar-noir"] #home .wa-alerts-bottom{font-size:10px!important;opacity:.7}
body[data-theme="radar-noir"] #home .hours-card{padding:15px 12px 13px!important}
body[data-theme="radar-noir"] #home .hours-card .section-top{padding-bottom:9px!important}
body[data-theme="radar-noir"] #home .hours-card .hour{padding:8px 3px 10px!important;flex-basis:58px!important;border-radius:14px!important}
body[data-theme="radar-noir"] #home .hours-card .hour:first-child{border:1px solid rgba(195,230,255,.28)!important;background:rgba(129,202,255,.17)!important;box-shadow:none!important}
body[data-theme="radar-noir"] #home .hours-card .hour b{font-size:17px!important;font-weight:680!important}
body[data-theme="radar-noir"] #home .hours-card .hour small{font-size:11px!important}
body[data-theme="radar-noir"] #home .hours-card .weather-icon{font-size:25px!important}
body[data-theme="radar-noir"] #home .wa-next-rain-card{padding:15px 16px!important}
body[data-theme="radar-noir"] #home .wa-next-rain-card .wa-three-main{align-items:center!important}
body[data-theme="radar-noir"] #home .wa-three-reading strong{font-size:20px!important;font-weight:740!important;letter-spacing:-.6px}
body[data-theme="radar-noir"] #home .wa-three-reading span{color:#c5d9ef!important}
body[data-theme="radar-noir"] #home .wa-next-rain-card .wa-three-bars{border-radius:10px!important}
body[data-theme="radar-noir"] #home .insight-card,
body[data-theme="radar-noir"] #home .aura-card{padding:17px 15px!important}
body[data-theme="radar-noir"] #home .insight-head strong,
body[data-theme="radar-noir"] #home .aura-card strong{font-size:14px!important;font-weight:700!important}
body[data-theme="radar-noir"] #home .insight-main{font-size:13px!important;line-height:1.45!important}
body[data-theme="radar-noir"] #home .aura-output{font-size:12px!important;line-height:1.55!important}
body[data-theme="radar-noir"] #home .tile-grid{gap:10px!important;margin-top:0!important}
body[data-theme="radar-noir"] #home .tile-grid .tile{padding:16px!important;min-height:124px!important;border-radius:23px!important}
body[data-theme="radar-noir"] #home .tile-head{font-size:12px!important;line-height:1.3!important}
body[data-theme="radar-noir"] #home .tile-value{font-size:27px!important;letter-spacing:-.65px!important;font-weight:690!important;margin-top:9px!important}
body[data-theme="radar-noir"] #home .tile-desc{font-size:11px!important}
body[data-theme="radar-noir"] #home .week-card{padding:16px 15px!important}
body[data-theme="radar-noir"] #home #weekForecast{margin-top:4px!important}
body[data-theme="radar-noir"] #home .week-card #weekForecast>*{border-color:rgba(175,218,255,.18)!important}
body[data-theme="radar-noir"] #home .extended-card{padding:16px!important}
body[data-theme="radar-noir"] #home .radar-card{padding:15px!important}
body[data-theme="radar-noir"] #home #wa-mini-map{border-radius:18px!important}
body[data-theme="radar-noir"] #home .studio-teaser{padding:16px!important}
body[data-theme="radar-noir"] .dock{
 left:0!important;right:0!important;bottom:0!important;border:1px solid rgba(133,188,235,.36)!important;
 border-bottom:0!important;border-radius:22px 22px 0 0!important;
 padding:8px 9px max(13px,env(safe-area-inset-bottom))!important;
 background:linear-gradient(180deg,rgba(7,38,81,.96),rgba(4,28,65,.98))!important;
 box-shadow:0 -8px 28px rgba(0,16,42,.28),inset 0 1px rgba(179,220,255,.14)!important;
 -webkit-backdrop-filter:blur(24px)!important;backdrop-filter:blur(24px)!important;
}
body[data-theme="radar-noir"] .dock .tab{min-height:57px!important;gap:5px!important;font-size:10px!important;font-weight:500!important;color:#b8d0e9!important;border-radius:19px!important;padding:6px 2px!important}
body[data-theme="radar-noir"] .dock .tab svg{width:21px!important;height:21px!important}
body[data-theme="radar-noir"] .dock .tab.active:not([data-go="studio"]){background:rgba(88,163,238,.13)!important;color:#7dc9ff!important}
body[data-theme="radar-noir"] .dock .tab[data-go="studio"]{
 border-radius:22px!important;color:#e3f5ff!important;
 background:radial-gradient(circle at 50% 10%,rgba(81,184,255,.54),transparent 80%),linear-gradient(145deg,rgba(31,105,171,.65),rgba(18,54,108,.80))!important;
 border:1px solid rgba(134,208,255,.35)!important;
 box-shadow:0 0 19px rgba(41,127,227,.26),inset 0 1px rgba(255,255,255,.24)!important;
 font-weight:700!important;
}
body[data-theme="radar-noir"] #studio,
body[data-theme="radar-noir"] #places,
body[data-theme="radar-noir"] #radar,
body[data-theme="radar-noir"] #more{padding-left:17px!important;padding-right:17px!important;color:#f9fcff!important}
body[data-theme="radar-noir"] .screen h1{font-size:28px!important;letter-spacing:-.7px!important;font-weight:760!important}
body[data-theme="radar-noir"] .setting,
body[data-theme="radar-noir"] .wa-design-lab,
body[data-theme="radar-noir"] .wa-widget-studio{border-radius:23px!important}
body[data-theme="radar-noir"] .action{background:linear-gradient(135deg,#2368a9,#225282)!important;border:1px solid rgba(181,219,255,.35)!important;color:#fff!important}
body[data-theme="radar-noir"] .screen p{color:#c4d8ed!important}
@media(max-width:520px){
 body[data-theme="radar-noir"] .phone{border:0!important;border-radius:0!important;box-shadow:none!important}
 body[data-theme="radar-noir"] #home .content{padding-top:max(18px,env(safe-area-inset-top,0px))!important}
 body[data-theme="radar-noir"] #home .content>.mast{margin-top:0!important;padding-top:112px!important;padding-bottom:25px!important;min-height:373px!important}
 body[data-theme="radar-noir"] #home .content>.mast .mast-top{position:absolute!important;top:4px!important}
}
@media(max-width:350px){
 body[data-theme="radar-noir"] #home .mast .brand{font-size:23px!important}
 body[data-theme="radar-noir"] #home .mast .location{padding:7px 9px!important;font-size:12px!important}
 body[data-theme="radar-noir"] #home .mast .temperature{font-size:76px!important}
 body[data-theme="radar-noir"] #home .content{padding-left:10px!important;padding-right:10px!important}
}
@media(prefers-reduced-motion:reduce){body[data-theme="radar-noir"] *{scroll-behavior:auto!important}}
/* High-specificity finishing pass against retained v45-v52 styles. */
html body[data-theme="radar-noir"]:not([data-wa-lab="on"]) #home .content > .mast.wa-full-weather{
 background:transparent!important;border:0!important;border-radius:0!important;
 box-shadow:none!important;overflow:visible!important;
 padding:112px 21px 24px!important;max-height:none!important;min-height:385px!important;
}
html body[data-theme="radar-noir"]:not([data-wa-lab="on"]) #home .content > .mast.wa-full-weather .mast-top{
 position:absolute!important;top:4px!important;left:0!important;right:0!important;
 margin:0!important;display:flex!important;height:56px!important;
}
html body[data-theme="radar-noir"]:not([data-wa-lab="on"]) #home .content > .mast.wa-full-weather .location{
 position:absolute!important;right:0!important;top:11px!important;left:auto!important;
 border-radius:22px!important;background:rgba(25,68,120,.68)!important;border:1px solid rgba(214,236,255,.32)!important;padding:8px 13px!important;
}
html body[data-theme="radar-noir"]:not([data-wa-lab="on"]) #home .content > .mast.wa-full-weather .temperature{
 font-size:clamp(77px,22vw,102px)!important;line-height:.99!important;letter-spacing:-5px!important;padding:0!important;margin:7px 0 0!important;
}
html body[data-theme="radar-noir"]:not([data-wa-lab="on"]) #home .content > .mast.wa-full-weather .sky-art{
 top:78px!important;left:0!important;right:0!important;width:100%!important;height:calc(100% - 78px)!important;opacity:.92!important;
 mask-image:none!important;-webkit-mask-image:none!important;border-radius:29px!important;
}
html body[data-theme="radar-noir"]:not([data-wa-lab="on"]) #home :is(.glass,.tile,.wa-next-rain-card){
 background:var(--mw-surface)!important;border:1px solid var(--mw-stroke)!important;border-top-color:rgba(222,241,255,.50)!important;
 box-shadow:var(--mw-shadow)!important;
}
html body[data-theme="radar-noir"]:not([data-wa-lab="on"]) .dock{
 background:linear-gradient(180deg,rgba(7,38,81,.97),rgba(4,28,65,.99))!important;
 box-shadow:0 -8px 28px rgba(0,16,42,.28),inset 0 1px rgba(179,220,255,.14)!important;
}
html body[data-theme="radar-noir"]:not([data-wa-lab="on"]) .dock .tab[data-go="studio"]{
 background:radial-gradient(circle at 50% 10%,rgba(81,184,255,.54),transparent 80%),linear-gradient(145deg,rgba(31,105,171,.65),rgba(18,54,108,.80))!important;
 color:#e3f5ff!important;border:1px solid rgba(134,208,255,.35)!important;
}

/* Premium preview dashboard flow: reset legacy explicit masonry row slots.
   Keep the original elements, event listeners, settings and widget controls. */
html body[data-theme="radar-noir"] #home .content.wa-masonry-layout{
 display:grid!important;
 grid-template-columns:repeat(2,minmax(0,1fr))!important;
 grid-auto-flow:row!important;
 grid-auto-rows:auto!important;
 align-content:start!important;
 row-gap:12px!important;
 column-gap:10px!important;
}
html body[data-theme="radar-noir"] #home .content.wa-masonry-layout > [data-wa-block]{
 grid-row:auto!important;grid-column:1/-1!important;
 justify-self:stretch!important;align-self:start!important;
 width:100%!important;max-width:100%!important;
}
html body[data-theme="radar-noir"] #home .content.wa-masonry-layout > .tile-grid{
 grid-column:1/-1!important;
}
html body[data-theme="radar-noir"] #home .mast .sky-art{
 opacity:.52!important;filter:hue-rotate(170deg) saturate(.68) contrast(1.1) brightness(.93)!important;
}
html body[data-theme="radar-noir"] #home .content > .mast.wa-full-weather::after{
 background:
 radial-gradient(circle at 80% 31%,#fff6ca 0%,#ffdc88 6%,rgba(255,221,141,.45) 9%,transparent 24%),
 linear-gradient(90deg,rgba(6,44,94,.93) 0%,rgba(17,86,153,.62) 56%,rgba(43,124,192,.27) 100%),
 linear-gradient(125deg,#0b438c,#397bbc 70%,#91b6dc)!important;
}
html body[data-theme="radar-noir"] #home .content > .mast.wa-full-weather::before{
 background:linear-gradient(90deg,rgba(0,24,69,.76),rgba(4,39,90,.17) 73%),linear-gradient(0deg,rgba(3,31,78,.43),transparent 52%)!important;opacity:1!important;
}
html body[data-theme="radar-noir"] #home .mast .tools{opacity:.63!important}

/* Mockup section order, without moving or replacing DOM nodes. */
html body[data-theme="radar-noir"] #home .content>.mast{order:0!important}
html body[data-theme="radar-noir"] #home .content>.wa-alerts-card{order:1!important}
html body[data-theme="radar-noir"] #home .content>.live-notice{order:2!important}
html body[data-theme="radar-noir"] #home .content>.hours-card{order:3!important}
html body[data-theme="radar-noir"] #home .content>.wa-next-rain-card{order:4!important}
html body[data-theme="radar-noir"] #home .content>.insight-card{order:5!important}
html body[data-theme="radar-noir"] #home .content>.aura-card{order:6!important}
html body[data-theme="radar-noir"] #home .content>.tile-grid{order:7!important}
html body[data-theme="radar-noir"] #home .content>.week-card{order:8!important}
html body[data-theme="radar-noir"] #home .content>.extended-card{order:9!important}
html body[data-theme="radar-noir"] #home .content>.radar-card{order:10!important}
html body[data-theme="radar-noir"] #home .content>.wa-atmosphere-card{order:11!important}
html body[data-theme="radar-noir"] #home .content>.wa-home-places{order:12!important}
html body[data-theme="radar-noir"] #home .content>.studio-teaser{order:13!important}
html body[data-theme="radar-noir"]:not([data-wa-lab="on"]){
 --mw-surface:linear-gradient(135deg,rgba(30,86,153,.82),rgba(15,59,110,.86) 64%,rgba(25,70,122,.84));
 --mw-stroke:rgba(156,206,255,.36);
}
html body[data-theme="radar-noir"]:not([data-wa-lab="on"]) #home .content>[data-wa-block].glass{
 background:var(--mw-surface)!important;
 border:1px solid var(--mw-stroke)!important;
 box-shadow:0 12px 26px rgba(0,15,46,.24),inset 0 1px rgba(255,255,255,.16)!important;
}
html body[data-theme="radar-noir"] #home .hours-card .section-top,
html body[data-theme="radar-noir"] #home .week-card .section-top{
 background:transparent!important;
}

/* Keep the sky panel strictly inside its rounded hero; the legacy skin
   otherwise lifts the decorative pseudo-element above the wordmark. */
html body[data-theme="radar-noir"]:not([data-wa-lab="on"]) #home .content>.mast.wa-full-weather::after{
 position:absolute!important;inset:78px 0 0 0!important;
 top:78px!important;right:0!important;bottom:0!important;left:0!important;
 border-radius:29px!important;z-index:-1!important;transform:none!important;
}
@supports (-webkit-touch-callout:none){
 @media(max-width:520px){
  html body[data-theme="radar-noir"] #home .content.wa-masonry-layout{
   padding-top:max(68px,calc(env(safe-area-inset-top,0px) + 14px))!important;
  }
 }
}