.wtw-hero{justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.wtw-atmospheric-bg{z-index:0;transition:background 3s;position:absolute;inset:0}.wtw-vignette{pointer-events:none;background:radial-gradient(#0000 35%,#00000059 100%);position:absolute;inset:0}.wtw-fx-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.wtw-raindrop{background:linear-gradient(#0000,#b4d7ff80);border-radius:1px;width:1.5px;animation:linear infinite wtw-rainFall;position:absolute;top:-30px}@keyframes wtw-rainFall{0%{transform:translateY(-5vh)}to{transform:translateY(105vh)}}.wtw-snowflake{background:#fff;border-radius:50%;animation:linear infinite wtw-snowFall;position:absolute;top:-10px}@keyframes wtw-snowFall{0%{transform:translateY(-5vh)translate(0)}to{transform:translateY(105vh)translateX(var(--drift,0px))}}.wtw-star{background:#fff;border-radius:50%;animation:ease-in-out infinite wtw-twinkle;position:absolute}@keyframes wtw-twinkle{0%,to{opacity:.15}50%{opacity:1}}.wtw-loading-pulse{animation:1.5s ease-in-out infinite wtw-pulse}@keyframes wtw-pulse{0%,to{opacity:.3}50%{opacity:.7}}.wtw-container{z-index:1;align-items:stretch;gap:28px;display:flex;position:relative}.wtw-card{width:100%;font-size:var(--wtw-font-card);cursor:default;padding:48px 42px;transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s,border-color .45s;animation:.9s cubic-bezier(.16,1,.3,1) both wtw-cardEnter}.wtw-card:nth-child(2){animation-delay:.14s}.wtw-card:hover{transform:translateY(-6px)}@keyframes wtw-cardEnter{0%{opacity:0;transform:translateY(28px)scale(.96)}}.wtw-card-inner{flex-direction:column;height:100%;display:flex}.wtw-card-separator{background:linear-gradient(90deg,var(--wtw-sep,#ffffff2e),transparent);width:42px;height:1.5px;margin:22px 0}.wtw-wc-icon-wrap{width:fit-content;color:var(--wtw-icon,currentColor);margin-bottom:22px;position:relative}.wtw-wc-icon-glow{background:radial-gradient(circle,var(--wtw-glow,#ffc8641a)0%,transparent 62%);pointer-events:none;border-radius:50%;animation:4s ease-in-out infinite alternate wtw-glowPulse;position:absolute;inset:-28px}@keyframes wtw-glowPulse{0%{opacity:.45;transform:scale(.85)}to{opacity:1;transform:scale(1.15)}}.wtw-wc-icon-wrap[data-weather=clear]:not([data-night=true]) svg{animation:40s linear infinite wtw-sunSpin}@keyframes wtw-sunSpin{to{transform:rotate(360deg)}}.wtw-wc-icon-wrap[data-weather=partly-cloudy] svg,.wtw-wc-icon-wrap[data-weather=cloudy] svg{animation:5s ease-in-out infinite alternate wtw-cloudFloat}@keyframes wtw-cloudFloat{0%{transform:translate(-2px)}to{transform:translate(2px)}}.wtw-wc-temp{font-size:var(--wtw-font-temp);color:var(--wtw-text1);direction:ltr;margin-bottom:8px;font-weight:600;line-height:1}.wtw-wc-degree{font-size:var(--wtw-font-degree);opacity:.45;vertical-align:super;margin-left:1px;font-weight:300}.wtw-wc-unit{font-size:var(--wtw-font-unit);opacity:.4;margin-left:1px;font-weight:400}.wtw-wc-condition{font-size:var(--wtw-font-condition);color:var(--wtw-text2);letter-spacing:.2px;margin-bottom:28px;font-weight:400}.wtw-wc-location{font-size:var(--wtw-font-location);color:var(--wtw-text2);letter-spacing:.3px;align-items:center;gap:6px;margin-top:auto;display:flex}.wtw-tc-greeting{font-size:var(--wtw-font-greeting);color:var(--wtw-text2);letter-spacing:3px;text-transform:uppercase;margin-bottom:18px;font-weight:400}.wtw-tc-clock{font-size:var(--wtw-font-clock);color:var(--wtw-text1);font-variant-numeric:tabular-nums;direction:ltr;align-items:baseline;margin-bottom:4px;font-weight:600;line-height:1.1;display:flex}.wtw-tc-colon{margin:0 1px;animation:1s step-end infinite wtw-colonBlink;display:inline-block}.wtw-tc-colon-s{font-size:var(--wtw-font-colon-s)}@keyframes wtw-colonBlink{0%,to{opacity:1}50%{opacity:.12}}.wtw-tc-sec{font-size:var(--wtw-font-sec);opacity:.38;margin-left:4px;font-weight:400}.wtw-tc-period{font-size:var(--wtw-font-period);opacity:.4;letter-spacing:1.5px;margin-left:10px;font-weight:500}.wtw-tc-date{font-size:var(--wtw-font-date);color:var(--wtw-text2);letter-spacing:.2px;margin-bottom:28px;font-weight:400}.wtw-tc-tz{font-size:var(--wtw-font-tz);color:var(--wtw-text2);opacity:.65;letter-spacing:.3px;align-items:center;gap:7px;margin-top:auto;display:flex}.wtw-v-glass .wtw-card{-webkit-backdrop-filter:blur(28px);--wtw-text1:#fffffff2;--wtw-text2:#ffffff8c;--wtw-icon:#ffffffd1;--wtw-glow:#ffffff12;--wtw-sep:#ffffff1f;background:#ffffff12;border:1px solid #ffffff1f;border-radius:24px;box-shadow:0 8px 32px #00000026,inset 0 1px #ffffff12}.wtw-v-glass .wtw-card:hover{border-color:#fff3;box-shadow:0 20px 56px #00000047,inset 0 1px #ffffff1f}.wtw-v-noir .wtw-card{--wtw-text1:#ffffffe6;--wtw-text2:#ffffff6b;--wtw-icon:#00bfa8;--wtw-glow:#0074651a;--wtw-sep:#0065574d;background:#080812e6;border:1px solid #ffffff0d;border-radius:8px;box-shadow:0 2px 12px #00000073}@supports (color:lab(0% 0 0)){.wtw-v-noir .wtw-card{--wtw-icon:lab(69.7776% -64.3003 -.41604);--wtw-glow:lab(43.8808% -54.3499 -.320697/.1);--wtw-sep:lab(37.4544% -35.4634 -.240988/.3)}}.wtw-v-noir .wtw-wc-temp,.wtw-v-noir .wtw-tc-clock{color:#31e1c7;color:lab(80.8767% -49.0324 -.363565)}.wtw-v-noir .wtw-card:hover{border-color:#ffffff17;box-shadow:0 12px 32px #000000a6}.wtw-v-luxe .wtw-card{-webkit-backdrop-filter:blur(18px);--wtw-text1:#fff8ebf2;--wtw-text2:#fff8eb80;--wtw-icon:#e4ac59;--wtw-glow:#c395531a;--wtw-sep:#b386444d;background:#120e08cc;border:1px solid #d4af372e;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 4px 24px #00000047}@supports (color:lab(0% 0 0)){.wtw-v-luxe .wtw-card{--wtw-icon:lab(74.4315% 14.934 50.2358);--wtw-glow:lab(65.1747% 12.1849 41.2394/.1);--wtw-sep:lab(59.3596% 12.445 41.8632/.3)}}.wtw-v-luxe .wtw-card:before{content:"";background:linear-gradient(90deg,#0000,#e4ac59,#0000);background:linear-gradient(90deg,#0000,lab(74.4315% 14.934 50.2358),#0000);height:2px;position:absolute;top:0;left:0;right:0}.wtw-v-luxe .wtw-wc-temp,.wtw-v-luxe .wtw-tc-clock{color:#f1c17f;color:lab(81.448% 11.6059 40.1071)}.wtw-v-luxe .wtw-card:hover{border-color:#d4af3752;box-shadow:0 16px 44px #00000061}.wtw-v-aurora .wtw-card{-webkit-backdrop-filter:blur(22px);--wtw-text1:#fffffff2;--wtw-text2:#c8c8ff8c;--wtw-icon:#b6a8ff;--wtw-glow:#644fb11a;--wtw-sep:#7850ff40;background:linear-gradient(135deg,#643cff1a,#3cb4ff0f);border:1px solid #7850ff29;border-radius:28px;box-shadow:0 8px 40px #5028c81a}@supports (color:lab(0% 0 0)){.wtw-v-aurora .wtw-card{--wtw-icon:lab(72.6% 24.2324 -50.8375);--wtw-glow:lab(39.7961% 27.9455 -50.2543/.1)}}.wtw-v-aurora .wtw-wc-temp,.wtw-v-aurora .wtw-tc-clock{background:linear-gradient(135deg,#ccc4ff,#00d5ef);background:linear-gradient(135deg,lab(80.7644% 23.6957 -50.9632),lab(77.9138% -41.047 -27.672));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.wtw-v-aurora .wtw-tc-colon{-webkit-text-fill-color:var(--wtw-text1);background:0 0}.wtw-v-aurora .wtw-tc-sec,.wtw-v-aurora .wtw-tc-period{-webkit-text-fill-color:var(--wtw-text2);background:0 0}.wtw-v-aurora .wtw-wc-degree,.wtw-v-aurora .wtw-wc-unit{-webkit-text-fill-color:var(--wtw-text1);background:0 0}.wtw-v-aurora .wtw-card:hover{border-color:#7850ff47;box-shadow:0 20px 56px #5028c833}.wtw-controls-panel{z-index:2;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;width:100%;margin-top:24px;animation:.9s cubic-bezier(.16,1,.3,1) .2s both wtw-cardEnter;display:flex}.wtw-controls-group{-webkit-backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff0d;border-radius:9999px;align-items:center;gap:4px;padding:3px;display:flex}.wtw-control-btn{cursor:pointer;color:var(--wtw-text2,#ffffff80);font-size:var(--wtw-font-control);letter-spacing:.5px;text-transform:uppercase;background:0 0;border:1px solid #0000;border-radius:9999px;padding:4px 12px;font-weight:500;transition:all .25s cubic-bezier(.16,1,.3,1)}.wtw-control-btn:hover{color:var(--wtw-text1,#fffffff2)}.wtw-control-btn.wtw-active{color:var(--wtw-text1,#fffffff2);background:#ffffff14;border-color:#ffffff1a;font-weight:600;box-shadow:0 2px 8px #00000026}.wtw-v-luxe .wtw-control-btn.wtw-active{color:#f1c17f;color:lab(81.448% 11.6059 40.1071);background:#d4af3726;border-color:#d4af3740}.wtw-v-noir .wtw-control-btn.wtw-active{color:#31e1c7;color:lab(80.8767% -49.0324 -.363565);background:#ffffff1a;border-color:#ffffff26}.wtw-v-aurora .wtw-control-btn.wtw-active{color:#ccc4ff;color:lab(80.7644% 23.6957 -50.9632);background:#7850ff26;border-color:#7850ff40}@media (max-width:800px){.wtw-container{flex-direction:column;align-items:center;gap:16px}.wtw-card{width:100%;padding:38px 32px}:root{--wtw-font-temp:62px;--wtw-font-clock:46px}}@media (min-width:1024px){.wtw-control-btn{padding:5px 14px}}@media (min-width:1280px){.wtw-control-btn{padding:6px 16px}}@media (min-width:1920px){.wtw-control-btn{padding:7px 18px}}@media (min-width:2560px){.wtw-control-btn{padding:8px 22px}}