:root{--text: #6b6375;--text-h: #08060d;--bg: #fff;--border: #e5e4e7;--code-bg: #f4f3ec;--accent: #aa3bff;--accent-bg: rgba(170, 59, 255, .1);--accent-border: rgba(170, 59, 255, .5);--social-bg: rgba(244, 243, 236, .5);--shadow: rgba(0, 0, 0, .1) 0 10px 15px -3px, rgba(0, 0, 0, .05) 0 4px 6px -2px;--sans: system-ui, "Segoe UI", Roboto, sans-serif;--heading: system-ui, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 1024px){:root{font-size:16px}}@media (prefers-color-scheme: dark){:root{--text: #9ca3af;--text-h: #f3f4f6;--bg: #16171d;--border: #2e303a;--code-bg: #1f2028;--accent: #c084fc;--accent-bg: rgba(192, 132, 252, .15);--accent-border: rgba(192, 132, 252, .5);--social-bg: rgba(47, 48, 58, .5);--shadow: rgba(0, 0, 0, .4) 0 10px 15px -3px, rgba(0, 0, 0, .25) 0 4px 6px -2px}#social .button-icon{filter:invert(1) brightness(2)}}body{margin:0}#root{width:1126px;max-width:100%;margin:0 auto;text-align:center;border-inline:1px solid var(--border);min-height:100svh;display:flex;flex-direction:column;box-sizing:border-box}h1,h2{font-family:var(--heading);font-weight:500;color:var(--text-h)}h1{font-size:56px;letter-spacing:-1.68px;margin:32px 0}@media (max-width: 1024px){h1{font-size:36px;margin:20px 0}}h2{font-size:24px;line-height:118%;letter-spacing:-.24px;margin:0 0 8px}@media (max-width: 1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);display:inline-flex;border-radius:4px;color:var(--text-h)}code{font-size:15px;line-height:135%;padding:4px 8px;background:var(--code-bg)}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.app{height:100vh;display:flex;justify-content:center;align-items:center;background-size:cover;background-position:center;background-repeat:no-repeat;transition:background-image .5s ease}.card{background:#ffffff26;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:30px;border-radius:20px;width:700px;text-align:center;color:#fff;box-shadow:0 8px 32px #0003;text-shadow:0 1px 3px rgba(0,0,0,.7)}.title{margin-bottom:20px}.search{display:flex;gap:10px;margin-bottom:20px}.search input{flex:1;padding:10px;border-radius:10px;border:none;outline:none}.search button{padding:10px 15px;border:none;border-radius:10px;background:#fff;color:#333;cursor:pointer;font-weight:700;transition:.2s}.search button:hover{background:#ddd}.hourly{display:flex;overflow-x:auto;gap:14px;padding:14px}.hour{min-width:110px;max-width:120px;background:#ffffff38;border-radius:18px;padding:16px;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .2s,box-shadow .2s;text-shadow:0 1px 2px rgba(0,0,0,.5)}.hour p,.hour span{margin:8px 0 0;line-height:1.4}.hour p:first-child,.hour span:first-child{margin-top:0}.hour:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 12px 30px #0000002e}.weekly{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.3)}.weekly h2{margin-bottom:15px;font-size:18px;text-align:center}.day{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1);text-shadow:0 1px 2px rgba(0,0,0,.5)}.day:last-child{border-bottom:none}.day-name{flex:1;font-weight:500}.day-icon{flex:1;text-align:center;font-size:20px}.day-temps{flex:1;text-align:right;font-weight:500}.weather{margin-top:10px}.city{font-size:22px;margin-bottom:5px}.temp{font-size:48px;margin:10px 0}.wind{opacity:.8}.app.day{background-image:url(/assets/DayTime-BVHPZyJq.png)}.app.night{background-image:url(/assets/Nighttime-BVCL62Iz.png)}.card{position:relative;z-index:1}