:root{--ink:#162044;--muted:#78809a;--indigo:#4e46b8;--purple:#7560de;--paper:#fff;--soft:#f6f7fd;--line:#eaebf5}*{box-sizing:border-box}body{margin:0;background:#f2f4fb;color:var(--ink);font-family:"DM Sans",sans-serif}.app-shell{width:min(1180px,calc(100% - 32px));margin:32px auto;background:var(--paper);box-shadow:0 20px 70px #2f386625;border-radius:18px;overflow:hidden}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 54px;gap:20px}.brand{display:flex;align-items:center;gap:8px;font-weight:800;font-family:Manrope,sans-serif;font-size:17px;color:#344064;text-decoration:none;letter-spacing:-.8px}.brand>span:last-child>span{color:#7762d9}.brand-mark{width:17px;height:17px;border-radius:50%;background:conic-gradient(from 30deg,#fc9c4f,#f8d567,#8c71e2,#6e4cd0,#fc9c4f)}nav{display:flex;gap:25px;margin-left:86px}nav a{font-size:13px;text-decoration:none;color:#7b8191;font-weight:600}nav a.active,nav a:hover{color:#493db9}.header-actions{display:flex;align-items:center;gap:15px}.location{border:0;background:transparent;color:#535772;font:600 12px inherit;display:flex;align-items:center;gap:5px}.location svg{width:16px;fill:none;stroke:#6553cf;stroke-width:2}.avatar{width:31px;height:31px;border:0;border-radius:50%;background:#5149ba;color:white;font:700 10px Manrope}.hero{position:relative;min-height:365px;isolation:isolate;overflow:hidden;background:linear-gradient(125deg,#343160 0%,#314e66 38%,#1f4664 62%,#382852 100%);color:white}.aurora{position:absolute;border-radius:50%;filter:blur(28px);mix-blend-mode:screen;opacity:.82;z-index:-1}.aurora-one{width:900px;height:310px;top:-118px;left:8%;background:radial-gradient(ellipse,#75ead5 0%,#69b6ce 35%,#6260cb 63%,transparent 72%);transform:rotate(-9deg)}.aurora-two{width:700px;height:180px;bottom:66px;right:-80px;background:radial-gradient(ellipse,#a173da 0%,#4b74bd 43%,transparent 70%);transform:rotate(12deg)}.stars{position:absolute;inset:0;opacity:.56;background-image:radial-gradient(#fff 1px,transparent 1.8px),radial-gradient(#d5e5ff .8px,transparent 1px);background-size:61px 61px,37px 37px;background-position:10px 18px,0 0;z-index:-1}.mountains{position:absolute;bottom:0;left:0;width:100%;z-index:-1}.mountains-back{height:130px;background:#1b2b41;clip-path:polygon(0 79%,11% 55%,18% 72%,31% 35%,43% 75%,57% 42%,71% 73%,81% 33%,100% 77%,100% 100%,0 100%);opacity:.65}.mountains-front{height:90px;background:#172232;clip-path:polygon(0 65%,14% 28%,29% 85%,43% 40%,61% 72%,75% 22%,87% 66%,100% 38%,100% 100%,0 100%)}.hero-content{padding:67px 0 42px 11.5%;position:relative}.date{font-size:13px;font-weight:600;margin:0 0 7px;opacity:.83}.hero h1{font:800 clamp(46px,5vw,63px)/1 Manrope;margin:0;letter-spacing:-3.5px}.updated{font-size:12px;margin:11px 0 21px;opacity:.7}.metric-grid{width:365px;display:grid;grid-template-columns:1fr 1fr;background:#f8f7ffed;color:#35405e;border-radius:13px;padding:10px;gap:2px;box-shadow:0 14px 35px #16123b36}.metric-grid>div{display:flex;align-items:center;gap:8px;padding:5px}.metric-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:7px;background:#6458d1;color:#fff;font-size:19px;line-height:1}.metric-grid p{margin:0}.metric-grid strong{display:block;font-size:10px;font-weight:700}.metric-grid small{display:block;font-size:9px;color:#7a8193;margin-top:2px}.current-card{position:absolute;right:13.5%;top:44px;width:150px;height:245px;border-radius:19px;padding:16px 18px;background:linear-gradient(160deg,#7968e5,#5044b5);box-shadow:0 20px 38px #17134a80;text-align:center}.current-day{margin:0 auto 8px;padding:4px 8px;width:max-content;border-radius:99px;background:#423a9f;font-size:8px;font-weight:bold}.weather-icon{height:69px;position:relative}.sun-disc{position:absolute;top:5px;right:23px;width:33px;height:33px;border-radius:50%;background:linear-gradient(135deg,#ffdf4d,#f58a26)}.cloud-shape{position:absolute;bottom:8px;left:18px;width:75px;height:39px;border-radius:28px;background:#d9dcfc;box-shadow:-13px 7px 0 -3px #d9dcfc,8px -13px 0 -4px #d9dcfc}.current-card strong{display:block;font:700 48px/1 Manrope;letter-spacing:-4px}.current-card>span{font-size:10px;opacity:.8}.range{display:flex;justify-content:center;align-items:center;gap:6px;font-size:10px;margin-top:20px}.range i{width:47px;height:3px;border-radius:4px;background:linear-gradient(90deg,#c4d0ff,#ffce6c)}.forecast{padding:27px 54px 46px}.forecast-head{display:flex;justify-content:space-between;align-items:center}.tabs{display:flex;gap:29px}.tab{border:0;padding:0 0 9px;background:transparent;color:#9297a9;font:600 13px inherit;cursor:pointer;border-bottom:2px solid transparent}.tab.active{color:#4338af;border-color:#5447c8}.arrows{display:flex;gap:7px}.arrows button{border:0;background:transparent;color:#5b5685;font-size:18px;cursor:pointer}.forecast h2,.lower-grid h2{font:800 22px/1.2 Manrope;letter-spacing:-1px;margin:24px 0 21px}.forecast-track{display:grid;grid-template-columns:repeat(6,1fr);gap:15px;transition:opacity .22s}.day-card{min-height:202px;border:1px solid #eff0f7;border-radius:16px;padding:14px 14px 13px;background:linear-gradient(150deg,#fff,#fafaff);box-shadow:0 8px 18px #20277807;transition:transform .18s,box-shadow .18s}.day-card:hover{transform:translateY(-4px);box-shadow:0 16px 23px #20277818}.day-card .day{font-size:11px;color:#777e94;font-weight:700}.mini-weather{height:70px;position:relative;margin:5px 0 2px}.mini-weather .sun-disc{transform:scale(.72);transform-origin:center}.mini-weather .cloud-shape{transform:scale(.72);transform-origin:center}.night .sun-disc{display:none}.night .cloud-shape{width:42px;height:42px;background:#7156df;bottom:15px;left:32px;box-shadow:-14px 13px 0 -7px #f9f7ff}.night .cloud-shape:after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:#f9f7ff;right:-3px;top:-2px}.rain .cloud-shape:after{content:"⋮";position:absolute;top:36px;left:28px;color:#5e62d6;font-size:27px;line-height:.5;letter-spacing:5px}.time{font-size:10px;color:#fff;background:#4f45b7;border-radius:20px;padding:3px 7px;width:max-content;font-weight:bold}.temps{margin-top:10px;display:flex;align-items:baseline;gap:6px}.temps strong{font:700 30px/1 Manrope;letter-spacing:-2px}.temps span{font-size:14px;color:#8b90a4}.details{margin:8px 0 0;font-size:10px;color:#9297a7;line-height:1.6}.lower-grid{background:#fafbff;border-top:1px solid #f0f1f8;display:grid;grid-template-columns:1.35fr 1fr;gap:25px;padding:38px 54px 48px}.lower-grid article{background:#fff;border:1px solid #eceef7;border-radius:16px;padding:26px}.section-label{font-size:10px;letter-spacing:1.2px;color:#7a72cb;font-weight:800;margin:0}.lower-grid h2{font-size:20px;margin:6px 0}.chart{height:102px;margin-top:14px;position:relative;border-bottom:1px solid #e4e7f1;background:repeating-linear-gradient(0deg,transparent 0 32px,#f1f2f8 33px)}.chart-line{position:absolute;left:1%;right:1%;top:24px;height:48px;background:linear-gradient(180deg,#7460da38,transparent);clip-path:polygon(0 82%,14% 58%,30% 64%,48% 5%,68% 28%,82% 51%,100% 100%,100% 100%,0 100%);border-top:3px solid #7561d5}.chart-labels{position:absolute;left:0;right:0;bottom:-38px;display:flex;justify-content:space-between;color:#9297a7;font-size:9px}.chart-labels b{color:#515a78}.hourly{min-height:210px}.notice{display:flex;gap:17px;align-items:flex-start}.notice-icon{display:grid;place-items:center;flex:0 0 48px;height:48px;border-radius:15px;background:#fff1c7;color:#f6a828;font-size:25px}.notice p:not(.section-label){font-size:12px;color:#7f869b;line-height:1.6;margin:9px 0 0}@media(max-width:760px){.app-shell{width:100%;margin:0;border-radius:0}.topbar{height:66px;padding:0 19px}.topbar nav,.location{display:none}.hero{min-height:480px}.hero-content{padding:49px 25px}.metric-grid{width:100%;max-width:365px}.current-card{top:auto;bottom:25px;right:22px;width:125px;height:195px;padding:11px}.current-card strong{font-size:40px}.weather-icon{transform:scale(.8);height:58px}.range{margin-top:13px}.forecast{padding:24px 19px 34px}.forecast h2{font-size:21px}.forecast-track{display:flex;overflow:auto;padding-bottom:8px;scroll-snap-type:x mandatory}.day-card{flex:0 0 145px;scroll-snap-align:start}.lower-grid{grid-template-columns:1fr;padding:25px 19px 37px;gap:16px}.lower-grid article{padding:21px}.chart-labels{font-size:8px}.brand{font-size:14px}}@media(max-width:430px){.metric-grid{grid-template-columns:1fr 1fr;width:calc(100% - 118px)}.metric-grid strong{font-size:9px}.metric-grid small{display:none}.metric-grid>div{padding:3px}.current-card{right:14px;bottom:28px;width:110px}.hero h1{font-size:48px}}
.site-page{min-height:100vh}.site-page h1{font:800 clamp(32px,4vw,48px)/1.08 Manrope;letter-spacing:-2.5px;margin:0}.purple-intro{padding:58px 54px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(115deg,#4840aa,#7669df);color:white}.purple-intro .section-label{color:#dcd8ff}.purple-intro p:not(.section-label){opacity:.8;margin:12px 0 0;font-size:15px}.intro-icon{display:grid;place-items:center;width:110px;height:110px;border-radius:32px;background:#ffffff16;font-size:58px}.week-page{padding:38px 54px 55px}.week-summary{display:flex;align-items:center;gap:18px;padding:22px 25px;border:1px solid #e8e8f4;border-radius:16px;background:#fbfbff}.week-summary>strong{font:800 48px/1 Manrope;letter-spacing:-3px;color:#5549be}.week-summary span{font-weight:700;font-size:15px}.week-summary p{margin:3px 0 0;color:var(--muted);font-size:13px}.week-summary small{margin-left:auto;display:flex;align-items:center;gap:8px;color:#69708b}.week-summary small i{width:90px;height:4px;border-radius:9px;background:linear-gradient(90deg,#80b8ef,#ffd46f)}.week-table{margin-top:21px;border:1px solid #e9ebf4;border-radius:15px;overflow:hidden}.week-row{display:grid;grid-template-columns:1.2fr 1.25fr 1.45fr .6fr .85fr;align-items:center;gap:15px;padding:15px 20px;border-top:1px solid #eef0f6;font-size:12px}.week-row.head{border:0;background:#fafbff;color:#9298a9;text-transform:uppercase;letter-spacing:.7px;font-size:9px;font-weight:800}.week-row>b{font:700 13px Manrope}.week-row>b small{display:block;color:#a0a5b5;font:400 10px "DM Sans";margin-top:2px}.row-weather{display:flex;align-items:center;gap:8px}.row-sun,.row-moon,.row-cloud,.row-rain{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;font-style:normal}.row-sun{background:#ffda6e}.row-sun:after{content:"";width:13px;height:13px;background:#fff1a1;border-radius:50%}.row-moon{background:#785ce0}.row-moon:after{content:"";width:11px;height:11px;background:#fff;border-radius:50%;transform:translate(5px,-5px)}.row-cloud{font-size:19px;background:#dfe3fb;color:#7880d2}.row-rain{background:#dfe3fb;color:#6870d0;font-size:23px}.bar-temp{position:relative;display:flex;align-items:center;height:24px}.bar-temp:before{content:"";position:absolute;left:0;right:0;height:5px;border-radius:4px;background:#eef0f7}.bar-temp i{position:absolute;left:var(--from);right:calc(100% - var(--to));height:5px;border-radius:4px;background:linear-gradient(90deg,#79b6eb,#fdcf65)}.bar-temp b{position:relative;margin-left:auto;background:#fff;padding-left:8px;font:600 11px "DM Sans"}footer{display:flex;gap:20px;padding:23px 54px;border-top:1px solid #edf0f6;color:#9298a8;font-size:11px}footer a{color:#6960bd;text-decoration:none}.map-page{padding:40px 54px 52px}.map-toolbar,.places-head{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:25px}.map-controls{display:flex;gap:7px}.map-control{border:1px solid #e3e4f0;border-radius:20px;background:#fff;color:#687089;padding:9px 13px;font:600 11px "DM Sans";cursor:pointer}.map-control.active{background:#5148bc;color:white;border-color:#5148bc}.weather-map{position:relative;overflow:hidden;height:430px;border-radius:18px;background:linear-gradient(130deg,#b1e5f6,#b5c9ef 40%,#e9b8e8 100%);box-shadow:inset 0 0 0 1px #e4e6f2;transition:filter .25s,transform .25s}.weather-map[data-mode="niederschlag"]{background:linear-gradient(135deg,#5f6cc3,#7c95cf 40%,#8ac9da)}.weather-map[data-mode="wind"]{background:linear-gradient(135deg,#e1c7ed,#a5d7f1 47%,#c3e8e4)}.weather-map.zoomed .land{transform:scale(1.12)}.land{position:absolute;width:400px;height:510px;left:28%;top:-54px;background:#eaf0d9aa;clip-path:polygon(39% 0,60% 5%,69% 15%,76% 25%,69% 34%,85% 43%,73% 53%,79% 65%,63% 74%,56% 94%,45% 100%,35% 84%,19% 76%,24% 59%,10% 50%,25% 33%,17% 19%);transition:transform .25s}.isobar{position:absolute;border:2px solid #fff9;border-radius:50%;width:450px;height:150px;transform:rotate(-22deg)}.isobar.one{left:-90px;top:28px}.isobar.two{left:132px;top:136px}.isobar.three{right:-190px;bottom:-5px}.map-city{position:absolute;color:#2d3a68;font-size:11px;font-weight:700}.map-city b{display:block;color:#4a43a8;font:800 19px Manrope}.berlin{top:33%;left:56%}.hamburg{top:17%;left:48%}.koeln{top:58%;left:36%}.muenchen{top:72%;left:60%}.map-scale{position:absolute;left:24px;bottom:22px;display:flex;align-items:center;gap:8px;background:#fffffff0;border-radius:9px;padding:8px 10px;color:#57617a;font-size:10px}.map-scale i{width:82px;height:7px;border-radius:8px;background:linear-gradient(90deg,#7184d6,#7fc7e6,#fee082,#ef8f8f)}.zoom{position:absolute;right:20px;border:0;width:35px;height:35px;background:#fff;color:#4d45ab;font-size:21px;font-weight:bold;cursor:pointer}.zoom.plus{top:20px;border-radius:9px 9px 0 0}.zoom.minus{top:56px;border-top:1px solid #e8e9f2;border-radius:0 0 9px 9px}.map-note{display:flex;gap:11px;margin:21px auto 0;max-width:530px;align-items:center;color:#66708a;font-size:12px;line-height:1.5}.map-note span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#fff0c5;color:#f3a42c;font-size:20px}.map-note p{margin:0}.map-note strong{display:block;color:#3e4667}.places-page{padding:42px 54px 60px}.search{width:240px;height:40px;border:1px solid #e2e4f0;border-radius:10px;padding:0 12px;display:flex;align-items:center;gap:8px;color:#6961bd;background:white}.search input{border:0;outline:0;width:100%;font:500 12px "DM Sans";color:#4d5574}.places-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.place-card{position:relative;min-height:210px;padding:19px;border:1px solid #e9ebf4;border-radius:16px;background:#fff;overflow:hidden;transition:transform .2s,box-shadow .2s}.place-card:hover{transform:translateY(-4px);box-shadow:0 15px 28px #33387818}.place-card.featured{background:linear-gradient(145deg,#5549bf,#8069e7);color:white;border-color:transparent}.place-card p{font-size:10px;font-weight:800;letter-spacing:1px;margin:0}.place-card strong{display:block;font:800 40px/1 Manrope;letter-spacing:-2px;margin-top:15px}.place-card small{display:block;margin-top:7px;font-size:11px;color:#8c92a7}.featured small{color:#e8e6ff}.place-symbol{display:grid;place-items:center;width:56px;height:56px;margin-top:14px;border-radius:18px;background:#f5f1ff;font-size:31px}.place-symbol.sun{color:#f7b52d}.place-symbol.cloud{color:#8385cb}.empty-search{text-align:center;padding:45px;color:#8f95aa;font-size:14px}@media(max-width:760px){.purple-intro,.week-page,.map-page,.places-page{padding-left:20px;padding-right:20px}.purple-intro{padding-top:38px;padding-bottom:38px}.intro-icon{width:74px;height:74px;font-size:42px;border-radius:24px}.week-summary{padding:18px}.week-row{grid-template-columns:1.2fr 1.3fr 1fr;gap:9px;padding:14px}.week-row>*:nth-child(4),.week-row>*:nth-child(5){display:none}.map-toolbar,.places-head{align-items:flex-start;flex-direction:column}.weather-map{height:355px}.places-grid{grid-template-columns:repeat(2,1fr)}footer{padding:21px 20px}.site-page .topbar nav{display:flex;margin-left:auto;gap:13px}.site-page .topbar nav a:nth-child(3),.site-page .topbar nav a:nth-child(4){display:none}}@media(max-width:420px){.map-controls{width:100%;overflow:auto}.map-control{white-space:nowrap}.week-summary small{display:none}.places-grid{grid-template-columns:1fr 1fr;gap:10px}.place-card{min-height:185px;padding:15px}.place-card strong{font-size:34px}}