\u041b\u0438\u043b\u0438, \u0432\u0430\u043b\u0438 \u043b\u0438?<\/title>\n<meta name=\"description\" content=\"\u041f\u0438\u0442\u0430\u0439 \u041b\u0438\u043b\u0438 \u0437\u0430 \u0434\u044a\u0436\u0434\u0430 \u2014 \u044f\u0441\u0435\u043d \u043e\u0442\u0433\u043e\u0432\u043e\u0440 \u0438 \u0447\u0430\u0441\u043e\u0432\u0435\u0442\u0435 \u043d\u0430 \u0432\u0430\u043b\u0435\u0436\u0438\u0442\u0435.\">\n<link rel=\"icon\" href=\"data:image\/svg+xml,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 64 64'><path d='M20 44a12 12 0 0 1-1-23.9A15 15 0 0 1 48 24a10 10 0 0 1-1 20z' fill='%23ffffff'\/><path d='M32 46c3 4 6 7 6 10a6 6 0 1 1-12 0c0-3 3-6 6-10z' fill='%23ffffff'\/><\/svg>\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Comfortaa:wght@500;600;700&family=Nunito:ital,wght@0,400;0,600;0,700;1,400&display=swap&subset=cyrillic,latin\" rel=\"stylesheet\">\n<style>\n :root{\n --cloud:#ffffff;\n --ink:#0f2235;\n --sky-top:#4aa3e6;\n --sky-bot:#bfe6ff;\n --card:rgba(255,255,255,.78);\n --card-border:rgba(255,255,255,.65);\n }\n\n *{box-sizing:border-box;margin:0;padding:0}\n html,body{min-height:100%;height:auto}\n body{\n font-family:\"Nunito\",system-ui,sans-serif;\n color:var(--ink);\n overflow-x:hidden;\n overflow-y:auto;\n background:linear-gradient(180deg,var(--sky-top),var(--sky-bot));\n transition:background 1.2s ease, color 1.2s ease;\n position:relative;\n min-height:100dvh;\n }\n\n \/* ---------- SKY STATES ---------- *\/\n body.day-clear {--sky-top:#3f9ae3; --sky-bot:#cdeeff; --cloud:#ffffff; --cloud-light:#ffffff; --cloud-dark:#d3e3f2; --ink:#0f2235; --card:rgba(255,255,255,.78); --card-border:rgba(255,255,255,.7)}\n body.day-cloudy {--sky-top:#7a8794; --sky-bot:#c4ccd5; --cloud:#aeb8c4; --cloud-light:#d2d9e1; --cloud-dark:#8a95a3; --ink:#1d2a36; --card:rgba(255,255,255,.78); --card-border:rgba(255,255,255,.6)}\n body.day-rain {--sky-top:#56646f; --sky-bot:#94a2af; --cloud:#7f8b98; --cloud-light:#9aa6b3; --cloud-dark:#5c6874; --ink:#10202b; --card:rgba(255,255,255,.8); --card-border:rgba(255,255,255,.55)}\n body.night-clear {--sky-top:#060a1d; --sky-bot:#1a2348; --cloud:#dfe6ff; --cloud-light:#eef2ff; --cloud-dark:#a9b4d8; --ink:#eef3ff; --card:rgba(18,24,52,.62); --card-border:rgba(160,180,255,.28)}\n body.night-cloudy{--sky-top:#0a0f24; --sky-bot:#222b4f; --cloud:#39426b; --cloud-light:#4b5588; --cloud-dark:#262d4f; --ink:#eef3ff; --card:rgba(18,24,52,.62); --card-border:rgba(160,180,255,.24)}\n body.night-rain {--sky-top:#070b1c; --sky-bot:#1c2444; --cloud:#2a3252; --cloud-light:#3a4470; --cloud-dark:#1c2340; --ink:#eef3ff; --card:rgba(18,24,52,.66); --card-border:rgba(160,180,255,.22)}\n\n \/* ---------- ATMOSPHERE LAYERS ---------- *\/\n .sky-layer{position:fixed;inset:0;pointer-events:none;overflow:hidden}\n\n \/* Sun *\/\n .sun{\n position:fixed;top:8%;right:11%;width:130px;height:130px;border-radius:50%;\n background:radial-gradient(circle at 50% 50%,#fff7cf 0%,#ffe680 38%,#ffd24d 60%,rgba(255,210,77,0) 72%);\n opacity:0;transition:opacity 1.2s ease;animation:sun-pulse 6s ease-in-out infinite;\n }\n body.day-clear .sun{opacity:1}\n @keyframes sun-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}\n\n \/* Moon *\/\n .moon{\n position:fixed;top:9%;right:12%;width:84px;height:84px;border-radius:50%;\n background:radial-gradient(circle at 36% 34%,#ffffff 0%,#e7ecff 42%,#c3cdf2 70%,#aab6e6 100%);\n box-shadow:0 0 50px 12px rgba(200,214,255,.35);\n opacity:0;transition:opacity 1.2s ease;\n }\n body.night-clear .moon,body.night-cloudy .moon,body.night-rain .moon{opacity:.95}\n body.night-cloudy .moon,body.night-rain .moon{opacity:.45}\n .moon::after{content:\"\";position:absolute;top:14%;left:46%;width:20px;height:20px;border-radius:50%;\n background:rgba(170,182,230,.5);box-shadow:18px 22px 0 -4px rgba(170,182,230,.4),-6px 30px 0 -7px rgba(170,182,230,.35)}\n\n \/* Stars *\/\n .stars{opacity:0;transition:opacity 1.4s ease}\n body.night-clear .stars{opacity:1}\n .star{position:absolute;border-radius:50%;background:#fff;animation:twinkle var(--tw,4s) ease-in-out infinite}\n @keyframes twinkle{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}\n\n \/* Clouds *\/\n .clouds{opacity:0;transition:opacity 1.2s ease}\n body.day-clear .clouds{opacity:.95}\n body.day-cloudy .clouds{opacity:1}\n body.day-rain .clouds{opacity:1}\n body.night-cloudy .clouds{opacity:.92}\n body.night-rain .clouds{opacity:.9}\n .cloud{position:absolute;animation:drift linear infinite;will-change:transform}\n .cloud svg{display:block;overflow:visible;filter:drop-shadow(0 12px 16px rgba(30,50,80,.12))}\n .cloud .lobes{filter:url(#cloudFilter)}\n .cloud ellipse{fill:url(#cloudFill)}\n @keyframes drift{from{transform:translateX(-30vw)}to{transform:translateX(130vw)}}\n\n \/* Rain *\/\n .rain{opacity:0;transition:opacity .8s ease}\n body.day-rain .rain,body.night-rain .rain{opacity:1}\n .drop{position:absolute;top:-12%;width:2px;height:64px;border-radius:2px;\n background:linear-gradient(to bottom,rgba(190,215,240,0),rgba(190,215,240,.75));\n animation:fall linear infinite}\n @keyframes fall{to{transform:translateY(120vh)}}\n\n \/* ---------- CONTENT ---------- *\/\n .wrap{position:relative;z-index:5;min-height:100dvh;display:flex;flex-direction:column;\n align-items:center;justify-content:center;padding:40px 20px 110px;text-align:center}\n body.has-answer .wrap{justify-content:flex-start}\n\n .brand{display:flex;align-items:center;gap:14px;margin-bottom:6px}\n .logo{width:58px;height:58px;flex:none;filter:drop-shadow(0 8px 14px rgba(30,50,80,.18))}\n h1{font-family:\"Comfortaa\",cursive;font-weight:700;font-size:clamp(2rem,7vw,3.4rem);\n letter-spacing:.5px;line-height:1;text-shadow:0 2px 12px rgba(20,40,70,.12)}\n .tagline{margin:14px 0 30px;font-size:clamp(.95rem,2.4vw,1.1rem);font-weight:600;opacity:.82}\n\n .ask{width:100%;max-width:560px}\n .field{position:relative;display:flex;align-items:center}\n #q{\n width:100%;font-family:\"Nunito\",sans-serif;font-size:clamp(1rem,3.6vw,1.22rem);font-weight:600;\n color:var(--ink);background:var(--card);border:1.5px solid var(--card-border);\n border-radius:999px;padding:20px 64px 20px 26px;outline:none;\n backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);\n box-shadow:0 18px 50px rgba(20,40,70,.16);transition:border-color .25s,box-shadow .25s,background 1.2s ease,color 1.2s ease}\n #q::placeholder{color:var(--ink);opacity:.45;font-weight:600}\n #q:focus{border-color:rgba(120,180,255,.9);box-shadow:0 20px 60px rgba(20,40,70,.22)}\n #send{position:absolute;right:8px;top:50%;transform:translateY(-50%);\n width:48px;height:48px;border:none;border-radius:50%;cursor:pointer;\n background:linear-gradient(135deg,#4aa3e6,#2d7fd0);color:#fff;\n display:grid;place-items:center;transition:transform .18s,filter .18s;box-shadow:0 8px 20px rgba(45,127,208,.45)}\n #send:hover{transform:translateY(-50%) scale(1.07)}\n #send:active{transform:translateY(-50%) scale(.96)}\n #send svg{width:22px;height:22px}\n\n .chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:16px}\n .chip{font-family:\"Nunito\",sans-serif;font-size:.85rem;font-weight:600;color:var(--ink);\n background:rgba(255,255,255,.28);border:1px solid var(--card-border);border-radius:999px;\n padding:7px 14px;cursor:pointer;opacity:.78;transition:opacity .2s,background .2s,transform .15s}\n .chip:hover{opacity:1;background:rgba(255,255,255,.45);transform:translateY(-1px)}\n body.night-clear .chip,body.night-cloudy .chip,body.night-rain .chip{background:rgba(255,255,255,.08)}\n body.night-clear .chip:hover,body.night-cloudy .chip:hover,body.night-rain .chip:hover{background:rgba(255,255,255,.16)}\n\n \/* Answer card *\/\n .answer{width:100%;max-width:560px;margin-top:26px;min-height:0}\n .card{background:var(--card);border:1.5px solid var(--card-border);border-radius:26px;\n padding:26px 26px 24px;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);\n box-shadow:0 22px 60px rgba(20,40,70,.18);text-align:left;\n animation:rise .5s cubic-bezier(.2,.8,.2,1) both}\n @keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}\n .verdict{display:flex;align-items:baseline;gap:14px;margin-bottom:6px}\n .verdict .big{font-family:\"Comfortaa\",cursive;font-weight:700;font-size:clamp(2.4rem,9vw,3.6rem);line-height:1}\n .verdict.yes .big{color:#2d7fd0}\n .verdict.no .big{color:#3aa66a}\n body.night-clear .verdict.yes .big,body.night-cloudy .verdict.yes .big,body.night-rain .verdict.yes .big{color:#7cc0ff}\n body.night-clear .verdict.no .big,body.night-cloudy .verdict.no .big,body.night-rain .verdict.no .big{color:#7ce0a8}\n .verdict .emoji{font-size:clamp(1.8rem,7vw,2.6rem)}\n .lead{font-size:1.08rem;font-weight:700;line-height:1.4;margin-bottom:4px}\n .sub{font-size:.98rem;font-weight:600;opacity:.82;line-height:1.5}\n\n .days{list-style:none;margin-top:14px;display:flex;flex-direction:column;gap:2px}\n .day{display:flex;align-items:center;gap:12px;padding:9px 4px;border-top:1px solid var(--card-border)}\n .day:first-child{border-top:none}\n .day .dname{flex:1;font-weight:700;font-size:.98rem;text-transform:capitalize}\n .day .dico{font-size:1.3rem;width:30px;text-align:center}\n .day .dtemp{font-weight:700;font-size:.92rem;opacity:.85;min-width:74px;text-align:right}\n .day .dprob{font-weight:700;font-size:.82rem;color:#2d7fd0;min-width:48px;text-align:right}\n body.night-clear .day .dprob,body.night-cloudy .day .dprob,body.night-rain .day .dprob{color:#7cc0ff}\n .day.rainy{background:linear-gradient(90deg,rgba(74,163,230,.14),transparent);border-radius:12px}\n\n .spinner{display:inline-block;width:20px;height:20px;border:3px solid var(--card-border);\n border-top-color:#4aa3e6;border-radius:50%;animation:spin .8s linear infinite;vertical-align:-4px;margin-right:10px}\n @keyframes spin{to{transform:rotate(360deg)}}\n\n .foot{position:fixed;bottom:14px;left:0;right:0;z-index:5;text-align:center;\n font-size:.8rem;font-weight:600;opacity:.6}\n .foot a{color:inherit}\n\n @media (max-width:480px){\n #q{padding:18px 58px 18px 20px}\n .logo{width:48px;height:48px}\n }\n @media (prefers-reduced-motion:reduce){\n .cloud,.drop,.star,.sun{animation:none!important}\n .card{animation:none}\n body{transition:none}\n }\n<\/style>\n<\/head>\n<body class=\"day-clear\">\n\n \n <svg width=\"0\" height=\"0\" style=\"position:absolute\" aria-hidden=\"true\">\n <defs>\n <linearGradient id=\"cloudFill\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n <stop offset=\"0\" stop-color=\"var(--cloud-light)\"\/>\n <stop offset=\"0.6\" stop-color=\"var(--cloud)\"\/>\n <stop offset=\"1\" stop-color=\"var(--cloud-dark)\"\/>\n <\/linearGradient>\n <filter id=\"cloudFilter\" x=\"-35%\" y=\"-35%\" width=\"170%\" height=\"170%\" color-interpolation-filters=\"sRGB\">\n <feTurbulence type=\"fractalNoise\" baseFrequency=\"0.011 0.016\" numOctaves=\"4\" seed=\"11\" result=\"noise\"\/>\n <feDisplacementMap in=\"SourceGraphic\" in2=\"noise\" scale=\"24\" xChannelSelector=\"R\" yChannelSelector=\"G\" result=\"disp\"\/>\n <feGaussianBlur in=\"disp\" stdDeviation=\"1.3\"\/>\n <\/filter>\n <\/defs>\n <\/svg>\n\n \n <div class=\"sky-layer stars\" id=\"stars\"><\/div>\n <div class=\"sun\"><\/div>\n <div class=\"moon\"><\/div>\n <div class=\"sky-layer clouds\" id=\"clouds\"><\/div>\n <div class=\"sky-layer rain\" id=\"rain\"><\/div>\n\n \n <main class=\"wrap\">\n <div class=\"brand\">\n \n <svg class=\"logo\" viewBox=\"0 0 64 64\" aria-label=\"\u041b\u0438\u043b\u0438\">\n <defs>\n <linearGradient id=\"lg-cloud\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n <stop offset=\"0\" stop-color=\"#ffffff\"\/><stop offset=\"1\" stop-color=\"#eaf4ff\"\/>\n <\/linearGradient>\n <linearGradient id=\"lg-drop\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n <stop offset=\"0\" stop-color=\"#ffffff\"\/><stop offset=\"1\" stop-color=\"#e4f2ff\"\/>\n <\/linearGradient>\n <\/defs>\n <path d=\"M19 43a11.5 11.5 0 0 1-1-22.9A15 15 0 0 1 47 23.5 9.5 9.5 0 0 1 46 42.5z\" fill=\"url(#lg-cloud)\"\/>\n <circle cx=\"26\" cy=\"31\" r=\"2.1\" fill=\"#2d7fd0\"\/>\n <circle cx=\"38\" cy=\"31\" r=\"2.1\" fill=\"#2d7fd0\"\/>\n <path d=\"M27 36c2.6 2.4 7.4 2.4 10 0\" fill=\"none\" stroke=\"#2d7fd0\" stroke-width=\"2.1\" stroke-linecap=\"round\"\/>\n <path d=\"M32 47c2.6 3.6 5.2 6.1 5.2 9a5.2 5.2 0 0 1-10.4 0c0-2.9 2.6-5.4 5.2-9z\" fill=\"url(#lg-drop)\" stroke=\"#9cc9f2\" stroke-width=\"1.1\"\/>\n <\/svg>\n <h1>\u041b\u0438\u043b\u0438, \u0432\u0430\u043b\u0438 \u043b\u0438?<\/h1>\n <\/div>\n <p class=\"tagline\">\u041f\u0438\u0442\u0430\u0439 \u043c\u0435 \u0437\u0430 \u0434\u044a\u0436\u0434\u0430 \u2014 \u043e\u0442\u0433\u043e\u0432\u0430\u0440\u044f\u043c \u044f\u0441\u043d\u043e.<\/p>\n\n <div class=\"ask\">\n <div class=\"field\">\n <input id=\"q\" type=\"text\" autocomplete=\"off\" spellcheck=\"false\"\n aria-label=\"\u041f\u043e\u043f\u0438\u0442\u0430\u0439 \u041b\u0438\u043b\u0438 \u0437\u0430 \u0434\u044a\u0436\u0434\u0430\"\n placeholder=\"\u041b\u0438\u043b\u0438, \u0434\u043d\u0435\u0441 \u0449\u0435 \u0432\u0430\u043b\u0438 \u043b\u0438?\">\n <button id=\"send\" aria-label=\"\u041f\u0438\u0442\u0430\u0439\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\n <\/svg>\n <\/button>\n <\/div>\n <div class=\"chips\" id=\"chips\">\n <button class=\"chip\">\u041b\u0438\u043b\u0438, \u0434\u043d\u0435\u0441 \u0449\u0435 \u0432\u0430\u043b\u0438 \u043b\u0438?<\/button>\n <button class=\"chip\">\u041b\u0438\u043b\u0438, \u043a\u043e\u0433\u0430 \u0449\u0435 \u0432\u0430\u043b\u0438?<\/button>\n <button class=\"chip\">\u041b\u0438\u043b\u0438, \u0432\u0430\u043b\u0438 \u043b\u0438 \u0441\u0435\u0433\u0430?<\/button>\n <button class=\"chip\">\u041b\u0438\u043b\u0438, \u043f\u0440\u043e\u0433\u043d\u043e\u0437\u0430 \u0437\u0430 \u0441\u0435\u0434\u043c\u0438\u0446\u0430\u0442\u0430<\/button>\n <\/div>\n <\/div>\n\n <div class=\"answer\" id=\"answer\" aria-live=\"polite\"><\/div>\n <\/main>\n\n <div class=\"foot\">\n <span id=\"place\">\ud83d\udccd \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u043c \u043c\u0435\u0441\u0442\u043e\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435\u2026<\/span> \u00b7 \u0434\u0430\u043d\u043d\u0438 \u043e\u0442 <a href=\"https:\/\/open-meteo.com\" target=\"_blank\" rel=\"noopener\">Open\u2011Meteo<\/a> \u00b7 \u043c\u043e\u0434\u0435\u043b ECMWF\n <\/div>\n\n<script>\n\"use strict\";\nconst FALLBACK = {lat:42.6977, lon:23.3219, name:\"\u0421\u043e\u0444\u0438\u044f\"};\nconst DAYS = [\"\u043d\u0435\u0434\u0435\u043b\u044f\",\"\u043f\u043e\u043d\u0435\u0434\u0435\u043b\u043d\u0438\u043a\",\"\u0432\u0442\u043e\u0440\u043d\u0438\u043a\",\"\u0441\u0440\u044f\u0434\u0430\",\"\u0447\u0435\u0442\u0432\u044a\u0440\u0442\u044a\u043a\",\"\u043f\u0435\u0442\u044a\u043a\",\"\u0441\u044a\u0431\u043e\u0442\u0430\"];\nlet weather = null, loc = null, lastFetch = 0;\n\n\/* ---------- weather code \u2192 \u0442\u0435\u043a\u0441\u0442\/\u0435\u043c\u043e\u0434\u0436\u0438 ---------- *\/\nfunction wmo(code, night){\n const c = +code;\n if(c===0) return night ? [\"\u0427\u0438\u0441\u0442\u043e \u043d\u0435\u0431\u0435\",\"\ud83c\udf19\"] : [\"\u042f\u0441\u043d\u043e\",\"\u2600\ufe0f\"];\n if(c===1) return night ? [\"\u041f\u0440\u0435\u0434\u0438\u043c\u043d\u043e \u0447\u0438\u0441\u0442\u043e\",\"\ud83c\udf19\"] : [\"\u041f\u0440\u0435\u0434\u0438\u043c\u043d\u043e \u044f\u0441\u043d\u043e\",\"\ud83c\udf24\ufe0f\"];\n if(c===2) return [\"\u041f\u0440\u043e\u043c\u0435\u043d\u043b\u0438\u0432\u0430 \u043e\u0431\u043b\u0430\u0447\u043d\u043e\u0441\u0442\", night?\"\u2601\ufe0f\":\"\u26c5\"];\n if(c===3) return [\"\u041e\u0431\u043b\u0430\u0447\u043d\u043e\",\"\u2601\ufe0f\"];\n if(c===45||c===48) return [\"\u041c\u044a\u0433\u043b\u0430\",\"\ud83c\udf2b\ufe0f\"];\n if(c>=51&&c<=57) return [\"\u0420\u044a\u043c\u0435\u0436\",\"\ud83c\udf26\ufe0f\"];\n if(c===61||c===80) return [\"\u0421\u043b\u0430\u0431 \u0434\u044a\u0436\u0434\",\"\ud83c\udf26\ufe0f\"];\n if(c===63||c===81) return [\"\u0414\u044a\u0436\u0434\",\"\ud83c\udf27\ufe0f\"];\n if(c===65||c===82) return [\"\u0421\u0438\u043b\u0435\u043d \u0434\u044a\u0436\u0434\",\"\ud83c\udf27\ufe0f\"];\n if(c===66||c===67) return [\"\u041b\u0435\u0434\u0435\u043d \u0434\u044a\u0436\u0434\",\"\ud83c\udf27\ufe0f\"];\n if(c>=71&&c<=77) return [\"\u0421\u043d\u044f\u0433\",\"\ud83c\udf28\ufe0f\"];\n if(c===85||c===86) return [\"\u0421\u043d\u0435\u0433\u043e\u0432\u0430\u043b\u0435\u0436\",\"\ud83c\udf28\ufe0f\"];\n if(c>=95) return [\"\u0413\u0440\u044a\u043c\u043e\u0442\u0435\u0432\u0438\u0447\u043d\u0430 \u0431\u0443\u0440\u044f\",\"\u26c8\ufe0f\"];\n return [\"\u041e\u0431\u043b\u0430\u0447\u043d\u043e\",\"\u2601\ufe0f\"];\n}\nconst isRainyCode = c => (c>=51&&c<=67)||(c>=80&&c<=82)||c>=95;\nconst pad = n => String(n).padStart(2,\"0\");\nconst hourOf = t => parseInt(t.slice(11,13),10);\nconst dateOf = t => t.slice(0,10);\n\n\/* ---------- \u0430\u0442\u043c\u043e\u0441\u0444\u0435\u0440\u0430: \u0433\u0435\u043d\u0435\u0440\u0438\u0440\u0430\u043d\u0435 ---------- *\/\nfunction buildStars(){\n const box = document.getElementById(\"stars\");\n let html = \"\";\n for(let i=0;i<130;i++){\n const s = (Math.random()*2+1).toFixed(1);\n html += `<span class=\"star\" style=\"left:${(Math.random()*100).toFixed(2)}%;top:${(Math.random()*72).toFixed(2)}%;width:${s}px;height:${s}px;--tw:${(Math.random()*4+2).toFixed(1)}s;animation-delay:${(Math.random()*4).toFixed(1)}s\"><\/span>`;\n }\n box.innerHTML = html;\n}\nfunction buildClouds(){\n const box = document.getElementById(\"clouds\");\n const shapes = [\n \/\/ \u043a\u0443\u043f\u0435\u0441\u0442 \u043e\u0431\u043b\u0430\u043a \u0441 \u043f\u043b\u043e\u0441\u043a\u043e \u0434\u044a\u043d\u043e\n `<ellipse cx=\"100\" cy=\"86\" rx=\"82\" ry=\"22\"\/><ellipse cx=\"56\" cy=\"76\" rx=\"30\" ry=\"26\"\/><ellipse cx=\"88\" cy=\"56\" rx=\"38\" ry=\"35\"\/><ellipse cx=\"124\" cy=\"66\" rx=\"34\" ry=\"31\"\/><ellipse cx=\"152\" cy=\"80\" rx=\"26\" ry=\"23\"\/><ellipse cx=\"74\" cy=\"72\" rx=\"24\" ry=\"22\"\/><ellipse cx=\"108\" cy=\"74\" rx=\"26\" ry=\"24\"\/>`,\n \/\/ \u0448\u0438\u0440\u043e\u043a, \u043f\u043e-\u043f\u043b\u043e\u0441\u044a\u043a \u043e\u0431\u043b\u0430\u043a\n `<ellipse cx=\"100\" cy=\"88\" rx=\"94\" ry=\"18\"\/><ellipse cx=\"48\" cy=\"78\" rx=\"28\" ry=\"24\"\/><ellipse cx=\"80\" cy=\"66\" rx=\"32\" ry=\"28\"\/><ellipse cx=\"116\" cy=\"60\" rx=\"36\" ry=\"32\"\/><ellipse cx=\"150\" cy=\"72\" rx=\"30\" ry=\"26\"\/><ellipse cx=\"98\" cy=\"76\" rx=\"30\" ry=\"26\"\/>`,\n \/\/ \u043c\u0430\u043b\u043a\u043e \u043f\u0443\u0445\u0447\u0435\n `<ellipse cx=\"100\" cy=\"80\" rx=\"58\" ry=\"20\"\/><ellipse cx=\"74\" cy=\"70\" rx=\"26\" ry=\"24\"\/><ellipse cx=\"104\" cy=\"56\" rx=\"32\" ry=\"30\"\/><ellipse cx=\"130\" cy=\"70\" rx=\"24\" ry=\"22\"\/><ellipse cx=\"92\" cy=\"72\" rx=\"22\" ry=\"20\"\/>`\n ];\n let html = \"\";\n for(let i=0;i<7;i++){\n const shape = shapes[Math.floor(Math.random()*shapes.length)];\n const w = Math.round(Math.random()*160+140);\n const top = (Math.random()*48+2).toFixed(1);\n const dur = (Math.random()*45+45).toFixed(0);\n const delay = (-Math.random()*60).toFixed(0);\n const op = (Math.random()*0.3+0.7).toFixed(2);\n const svg = `<svg width=\"100%\" height=\"100%\" viewBox=\"0 0 200 120\"><g class=\"lobes\">${shape}<\/g><\/svg>`;\n html += `<div class=\"cloud\" style=\"top:${top}%;width:${w}px;height:${Math.round(w*0.6)}px;opacity:${op};animation-duration:${dur}s;animation-delay:${delay}s\">${svg}<\/div>`;\n }\n box.innerHTML = html;\n}\nfunction buildRain(){\n const box = document.getElementById(\"rain\");\n let html = \"\";\n for(let i=0;i<90;i++){\n const dur = (Math.random()*0.5+0.5).toFixed(2);\n html += `<span class=\"drop\" style=\"left:${(Math.random()*100).toFixed(2)}%;animation-duration:${dur}s;animation-delay:${(-Math.random()*2).toFixed(2)}s;opacity:${(Math.random()*0.5+0.4).toFixed(2)}\"><\/span>`;\n }\n box.innerHTML = html;\n}\n\n\/* ---------- \u0444\u043e\u043d \u0441\u043f\u043e\u0440\u0435\u0434 \u0441\u044a\u0441\u0442\u043e\u044f\u043d\u0438\u0435\u0442\u043e ---------- *\/\nfunction applyBackground(night, code, cloud, precip){\n let cond = \"clear\";\n if(precip>0 || isRainyCode(code)) cond = \"rain\";\n else if(cloud>=60 || code===3 || code===45 || code===48) cond = \"cloudy\";\n document.body.className = `${night?\"night\":\"day\"}-${cond}`;\n}\nfunction defaultBackgroundByClock(){\n const h = new Date().getHours();\n const night = h<6 || h>=20;\n document.body.className = night ? \"night-clear\" : \"day-clear\";\n}\n\n\/* ---------- \u043c\u0435\u0441\u0442\u043e\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435 + \u0434\u0430\u043d\u043d\u0438 ---------- *\/\nfunction getLocation(){\n return new Promise(res=>{\n if(!navigator.geolocation) return res(null);\n navigator.geolocation.getCurrentPosition(\n p=>res({lat:p.coords.latitude, lon:p.coords.longitude}),\n ()=>res(null),\n {timeout:6000, maximumAge:600000}\n );\n });\n}\nasync function reverseName(lat,lon){\n try{\n const r = await fetch(`https:\/\/api.bigdatacloud.net\/data\/reverse-geocode-client?latitude=${lat}&longitude=${lon}&localityLanguage=bg`);\n const d = await r.json();\n return d.city || d.locality || d.principalSubdivision || null;\n }catch(e){ return null; }\n}\nasync function fetchWeather(lat,lon){\n const url = `https:\/\/api.open-meteo.com\/v1\/forecast?latitude=${lat}&longitude=${lon}`+\n `¤t=temperature_2m,is_day,precipitation,weather_code,cloud_cover`+\n `&hourly=precipitation,precipitation_probability,weather_code`+\n `&daily=weather_code,precipitation_sum,precipitation_probability_max,temperature_2m_max,temperature_2m_min`+\n `&models=ecmwf_ifs025&timezone=auto&forecast_days=7`;\n const r = await fetch(url);\n if(!r.ok) throw new Error(\"api\");\n return r.json();\n}\nasync function ensureWeather(){\n if(weather && Date.now()-lastFetch < 600000) return weather;\n if(!loc){\n const g = await getLocation();\n loc = g ? {...g, name:null} : {...FALLBACK};\n const nm = await reverseName(loc.lat, loc.lon);\n loc.name = nm || loc.name || \"\u0442\u0432\u043e\u0435\u0442\u043e \u043c\u044f\u0441\u0442\u043e\";\n document.getElementById(\"place\").textContent = \"\ud83d\udccd \" + loc.name;\n }\n weather = await fetchWeather(loc.lat, loc.lon);\n lastFetch = Date.now();\n return weather;\n}\n\n\/* ---------- \u043f\u043e\u043c\u043e\u0449\u043d\u0438: \u0447\u0430\u0441\u043e\u0432\u0435 \u043d\u0430 \u0434\u044a\u0436\u0434 ---------- *\/\nfunction rainyHours(w, dateStr, fromHour){\n const t = w.hourly.time, p = w.hourly.precipitation, pr = w.hourly.precipitation_probability || [];\n const hits = [];\n for(let i=0;i<t.length;i++){\n if(dateOf(t[i])!==dateStr) continue;\n const h = hourOf(t[i]);\n if(fromHour!=null && h<fromHour) continue;\n if(p[i]>=0.1 || pr[i]>=60) hits.push(h);\n }\n return hits;\n}\nfunction rangesText(hours){\n if(!hours.length) return \"\";\n hours.sort((a,b)=>a-b);\n const parts=[]; let s=hours[0], prev=hours[0];\n for(let k=1;k<hours.length;k++){\n if(hours[k]===prev+1){ prev=hours[k]; }\n else { parts.push(s===prev?`${pad(s)}:00`:`${pad(s)}:00\u2013${pad(prev)}:00`); s=hours[k]; prev=hours[k]; }\n }\n parts.push(s===prev?`${pad(s)}:00`:`${pad(s)}:00\u2013${pad(prev)}:00`);\n return parts.join(\", \") + \" \u0447.\";\n}\nfunction dayLabel(dateStr){\n const [y,m,d] = dateStr.split(\"-\").map(Number);\n const dt = new Date(y, m-1, d);\n const today = new Date(); today.setHours(0,0,0,0);\n const diff = Math.round((dt-today)\/86400000);\n if(diff===0) return \"\u0434\u043d\u0435\u0441\";\n if(diff===1) return \"\u0443\u0442\u0440\u0435\";\n return DAYS[dt.getDay()];\n}\n\n\/* ---------- \u0440\u0435\u043d\u0434\u0438\u0440\u0430\u043d\u0435 ---------- *\/\nfunction el(html){ const d=document.createElement(\"div\"); d.innerHTML=html.trim(); return d.firstChild; }\nfunction show(node){ document.body.classList.add(\"has-answer\"); const a=document.getElementById(\"answer\"); a.innerHTML=\"\"; a.appendChild(node); }\nfunction loading(){ show(el(`<div class=\"card\"><div class=\"lead\"><span class=\"spinner\"><\/span>\u041b\u0438\u043b\u0438 \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0432\u0430 \u043d\u0435\u0431\u0435\u0442\u043e\u2026<\/div><\/div>`)); }\nfunction errorCard(){ show(el(`<div class=\"card\"><div class=\"lead\">\u041e\u0445, \u043d\u0435 \u0443\u0441\u043f\u044f\u0445 \u0434\u0430 \u0432\u0438\u0434\u044f \u043d\u0435\u0431\u0435\u0442\u043e \ud83c\udf2b\ufe0f<\/div><div class=\"sub\">\u041f\u0440\u043e\u0432\u0435\u0440\u0438 \u0432\u0440\u044a\u0437\u043a\u0430\u0442\u0430 \u043a\u044a\u043c \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442 \u0438 \u043e\u043f\u0438\u0442\u0430\u0439 \u043f\u0430\u043a.<\/div><\/div>`)); }\n\nfunction verdict(yes, emoji, lead, sub){\n return `<div class=\"verdict ${yes?\"yes\":\"no\"}\"><span class=\"big\">${yes?\"\u0414\u0410\":\"\u041d\u0415\"}<\/span><span class=\"emoji\">${emoji}<\/span><\/div>\n <div class=\"lead\">${lead}<\/div>${sub?`<div class=\"sub\">${sub}<\/div>`:\"\"}`;\n}\n\nfunction weeklyList(w){\n let rows = \"\";\n const probArr = w.daily.precipitation_probability_max;\n for(let i=0;i<w.daily.time.length;i++){\n const ds = w.daily.time[i];\n const [desc,ico] = wmo(w.daily.weather_code[i], false);\n const probRaw = probArr ? probArr[i] : null;\n const psum = (w.daily.precipitation_sum && w.daily.precipitation_sum[i]!=null) ? w.daily.precipitation_sum[i] : 0;\n const metric = (probRaw==null)\n ? (psum>=0.1 ? (Math.round(psum*10)\/10)+\" \u043c\u043c\" : \"0 \u043c\u043c\")\n : probRaw+\"%\";\n const tmax = Math.round(w.daily.temperature_2m_max[i]);\n const tmin = Math.round(w.daily.temperature_2m_min[i]);\n const rainy = isRainyCode(w.daily.weather_code[i]) || psum >= 0.5;\n rows += `<li class=\"day ${rainy?\"rainy\":\"\"}\">\n <span class=\"dico\" title=\"${desc}\">${ico}<\/span>\n <span class=\"dname\">${dayLabel(ds)}<\/span>\n <span class=\"dprob\">${metric}<\/span>\n <span class=\"dtemp\">${tmin}\u00b0 \/ ${tmax}\u00b0<\/span>\n <\/li>`;\n }\n return `<ul class=\"days\">${rows}<\/ul>`;\n}\n\n\/* ---------- \u0438\u043d\u0442\u0435\u0440\u043f\u0440\u0435\u0442\u0430\u0446\u0438\u044f \u043d\u0430 \u0432\u044a\u043f\u0440\u043e\u0441\u0430 ---------- *\/\nasync function answer(rawText){\n const text = rawText.toLowerCase().replace(\/\u043b\u0438\u043b\u0438[,!\\s]*\/g,\"\").trim();\n loading();\n let w;\n try{ w = await ensureWeather(); }\n catch(e){ errorCard(); return; }\n\n applyBackground(w.current.is_day===0, w.current.weather_code, w.current.cloud_cover, w.current.precipitation);\n\n const nowHour = hourOf(w.current.time);\n const todayStr = dateOf(w.current.time);\n const tomorrowStr = w.daily.time[1];\n\n \/\/ \u0421\u0415\u0413\u0410\n if(\/\u0441\u0435\u0433\u0430|\u0432 \u043c\u043e\u043c\u0435\u043d\u0442\u0430|\u0432 \u043c\u043e\u043c\u0435\u043d\u0442\/.test(text)){\n const raining = w.current.precipitation>0 || isRainyCode(w.current.weather_code);\n const [desc,ico] = wmo(w.current.weather_code, w.current.is_day===0);\n if(raining){\n const rest = rainyHours(w, todayStr, nowHour+1);\n const tail = rest.length ? `\u0429\u0435 \u043f\u0440\u043e\u0434\u044a\u043b\u0436\u0438 \u043e\u043a\u043e\u043b\u043e: ${rangesText(rest)}` : \"\u0421\u043a\u043e\u0440\u043e \u0449\u0435 \u0441\u043f\u0440\u0435.\";\n show(el(`<div class=\"card\">${verdict(true, ico, \"\u0414\u0430, \u0432 \u043c\u043e\u043c\u0435\u043d\u0442\u0430 \u0432\u0430\u043b\u0438.\", tail)}<\/div>`));\n } else {\n show(el(`<div class=\"card\">${verdict(false, ico, `\u0412 \u043c\u043e\u043c\u0435\u043d\u0442\u0430 \u043d\u0435 \u0432\u0430\u043b\u0438. ${desc}.`, `\u0421\u0435\u0433\u0430 \u0435 ${Math.round(w.current.temperature_2m)}\u00b0.`)}<\/div>`));\n }\n return;\n }\n\n \/\/ \u041a\u041e\u0413\u0410 \u0449\u0435 \u0432\u0430\u043b\u0438 \u2192 \u0441\u043b\u0435\u0434\u0432\u0430\u0449 \u0434\u044a\u0436\u0434 + \u0441\u0435\u0434\u043c\u0438\u0446\u0430\n if(\/\u043a\u043e\u0433\u0430\/.test(text)){\n const t = w.hourly.time, p = w.hourly.precipitation, pr = w.hourly.precipitation_probability || [];\n let found = null;\n for(let i=0;i<t.length;i++){\n const isFuture = t[i] > w.current.time;\n if(isFuture && (p[i]>=0.1 || pr[i]>=60)){ found = t[i]; break; }\n }\n let head;\n if(found){\n head = verdict(true, \"\ud83c\udf27\ufe0f\", `\u0421\u043b\u0435\u0434\u0432\u0430\u0449 \u0434\u044a\u0436\u0434: ${dayLabel(dateOf(found))} \u043e\u043a\u043e\u043b\u043e ${pad(hourOf(found))}:00 \u0447.`, \"\u0415\u0442\u043e \u0438 \u0446\u044f\u043b\u0430\u0442\u0430 \u0441\u0435\u0434\u043c\u0438\u0446\u0430:\");\n } else {\n head = verdict(false, \"\ud83c\udf24\ufe0f\", \"\u041f\u0440\u0435\u0437 \u0441\u043b\u0435\u0434\u0432\u0430\u0449\u0438\u0442\u0435 7 \u0434\u043d\u0438 \u043d\u0435 \u043e\u0447\u0430\u043a\u0432\u0430\u043c \u0434\u044a\u0436\u0434.\", \"\u0415\u0442\u043e \u043f\u0440\u043e\u0433\u043d\u043e\u0437\u0430\u0442\u0430 \u0437\u0430 \u0441\u0435\u0434\u043c\u0438\u0446\u0430\u0442\u0430:\");\n }\n show(el(`<div class=\"card\">${head}${weeklyList(w)}<\/div>`));\n return;\n }\n\n \/\/ \u0421\u0415\u0414\u041c\u0418\u0426\u0410 \/ \u043f\u0440\u043e\u0433\u043d\u043e\u0437\u0430\n if(\/\u0441\u0435\u0434\u043c\u0438\u0446|\u043f\u0440\u043e\u0433\u043d\u043e\u0437|\u0434\u043d\u0438|\u0434\u043d\u0438\u0442\u0435\/.test(text)){\n show(el(`<div class=\"card\"><div class=\"lead\">\u041f\u0440\u043e\u0433\u043d\u043e\u0437\u0430 \u0437\u0430 7 \u0434\u043d\u0438 \ud83d\udcc5<\/div><div class=\"sub\">\u0414\u044f\u0441\u043d\u0430\u0442\u0430 \u0441\u0442\u043e\u0439\u043d\u043e\u0441\u0442 \u0435 \u043e\u0447\u0430\u043a\u0432\u0430\u043d\u0438\u044f\u0442 \u0432\u0430\u043b\u0435\u0436 (\u043c\u043c) \u0438\u043b\u0438 \u0432\u0435\u0440\u043e\u044f\u0442\u043d\u043e\u0441\u0442\u0442\u0430 \u0437\u0430 \u0434\u044a\u0436\u0434.<\/div>${weeklyList(w)}<\/div>`));\n return;\n }\n\n \/\/ \u0423\u0422\u0420\u0415\n if(\/\u0443\u0442\u0440\u0435\/.test(text)){\n const hrs = rainyHours(w, tomorrowStr, null);\n if(hrs.length){\n show(el(`<div class=\"card\">${verdict(true,\"\ud83c\udf27\ufe0f\",\"\u0423\u0442\u0440\u0435 \u0441\u0435 \u043e\u0447\u0430\u043a\u0432\u0430 \u0434\u044a\u0436\u0434.\",\"\u041e\u043a\u043e\u043b\u043e: \"+rangesText(hrs))}<\/div>`));\n } else {\n const [desc,ico] = wmo(w.daily.weather_code[1], false);\n show(el(`<div class=\"card\">${verdict(false,ico,\"\u0423\u0442\u0440\u0435 \u043d\u044f\u043c\u0430 \u0434\u0430 \u0432\u0430\u043b\u0438.\",desc+\" \u043f\u0440\u0435\u0437 \u0434\u0435\u043d\u044f.\")}<\/div>`));\n }\n return;\n }\n\n \/\/ \u0414\u041d\u0415\u0421 (\u0438 \u043f\u043e \u043f\u043e\u0434\u0440\u0430\u0437\u0431\u0438\u0440\u0430\u043d\u0435 \u043f\u0440\u0438 \u0432\u044a\u043f\u0440\u043e\u0441 \u0437\u0430 \u0434\u044a\u0436\u0434)\n const hrs = rainyHours(w, todayStr, nowHour);\n if(hrs.length){\n show(el(`<div class=\"card\">${verdict(true,\"\ud83c\udf27\ufe0f\",\"\u0414\u043d\u0435\u0441 \u0449\u0435 \u0432\u0430\u043b\u0438.\",\"\u041e\u0447\u0430\u043a\u0432\u0430\u043c \u0434\u044a\u0436\u0434: \"+rangesText(hrs))}<\/div>`));\n } else {\n const earlier = rainyHours(w, todayStr, null);\n const sub = earlier.length ? \"\u041f\u043e-\u0440\u0430\u043d\u043e \u0434\u043d\u0435\u0441 \u0432\u0430\u043b\u044f, \u043d\u043e \u0434\u043e \u043a\u0440\u0430\u044f \u043d\u0430 \u0434\u0435\u043d\u044f \u043d\u0435\u0431\u0435\u0442\u043e \u0435 \u0441\u0443\u0445\u043e.\" : \"\u0414\u043e \u043a\u0440\u0430\u044f \u043d\u0430 \u0434\u0435\u043d\u044f \u043d\u0435\u0431\u0435\u0442\u043e \u0435 \u0441\u0443\u0445\u043e. \u0421\u043f\u043e\u043a\u043e\u0439\u043d\u043e!\";\n show(el(`<div class=\"card\">${verdict(false,\"\ud83c\udf24\ufe0f\",\"\u0414\u043d\u0435\u0441 \u043f\u043e\u0432\u0435\u0447\u0435 \u043d\u044f\u043c\u0430 \u0434\u0430 \u0432\u0430\u043b\u0438.\",sub)}<\/div>`));\n }\n}\n\n\/* ---------- \u0432\u0445\u043e\u0434 ---------- *\/\nconst input = document.getElementById(\"q\");\nfunction submit(){ const v=input.value.trim(); if(v) answer(v); }\ndocument.getElementById(\"send\").addEventListener(\"click\", submit);\ninput.addEventListener(\"keydown\", e=>{ if(e.key===\"Enter\") submit(); });\ndocument.getElementById(\"chips\").addEventListener(\"click\", e=>{\n const b = e.target.closest(\".chip\"); if(!b) return;\n input.value = b.textContent; input.focus(); submit();\n});\n\n\/* ---------- \u0441\u0442\u0430\u0440\u0442 ---------- *\/\nbuildStars(); buildClouds(); buildRain();\ndefaultBackgroundByClock();\nensureWeather()\n .then(w=>applyBackground(w.current.is_day===0, w.current.weather_code, w.current.cloud_cover, w.current.precipitation))\n .catch(()=>{ document.getElementById(\"place\").textContent = \"\ud83d\udccd \" + (loc?loc.name:FALLBACK.name); });\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u041b\u0438\u043b\u0438, \u0432\u0430\u043b\u0438 \u043b\u0438?<\/p>\n","protected":false},"author":1,"featured_media":34,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/lilivalili.eu\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lilivalili.eu\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lilivalili.eu\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lilivalili.eu\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lilivalili.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":14,"href":"https:\/\/lilivalili.eu\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":37,"href":"https:\/\/lilivalili.eu\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/37"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lilivalili.eu\/index.php?rest_route=\/wp\/v2\/media\/34"}],"wp:attachment":[{"href":"https:\/\/lilivalili.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n\n\n\u041b\u0438\u043b\u0438, \u0432\u0430\u043b\u0438 \u043b\u0438?<\/title>\n<meta name=\"description\" content=\"\u041f\u0438\u0442\u0430\u0439 \u041b\u0438\u043b\u0438 \u0437\u0430 \u0434\u044a\u0436\u0434\u0430 \u2014 \u044f\u0441\u0435\u043d \u043e\u0442\u0433\u043e\u0432\u043e\u0440 \u0438 \u0447\u0430\u0441\u043e\u0432\u0435\u0442\u0435 \u043d\u0430 \u0432\u0430\u043b\u0435\u0436\u0438\u0442\u0435.\">\n<link rel=\"icon\" href=\"data:image\/svg+xml,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 64 64'><path d='M20 44a12 12 0 0 1-1-23.9A15 15 0 0 1 48 24a10 10 0 0 1-1 20z' fill='%23ffffff'\/><path d='M32 46c3 4 6 7 6 10a6 6 0 1 1-12 0c0-3 3-6 6-10z' fill='%23ffffff'\/><\/svg>\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Comfortaa:wght@500;600;700&family=Nunito:ital,wght@0,400;0,600;0,700;1,400&display=swap&subset=cyrillic,latin\" rel=\"stylesheet\">\n<style>\n :root{\n --cloud:#ffffff;\n --ink:#0f2235;\n --sky-top:#4aa3e6;\n --sky-bot:#bfe6ff;\n --card:rgba(255,255,255,.78);\n --card-border:rgba(255,255,255,.65);\n }\n\n *{box-sizing:border-box;margin:0;padding:0}\n html,body{min-height:100%;height:auto}\n body{\n font-family:\"Nunito\",system-ui,sans-serif;\n color:var(--ink);\n overflow-x:hidden;\n overflow-y:auto;\n background:linear-gradient(180deg,var(--sky-top),var(--sky-bot));\n transition:background 1.2s ease, color 1.2s ease;\n position:relative;\n min-height:100dvh;\n }\n\n \/* ---------- SKY STATES ---------- *\/\n body.day-clear {--sky-top:#3f9ae3; --sky-bot:#cdeeff; --cloud:#ffffff; --cloud-light:#ffffff; --cloud-dark:#d3e3f2; --ink:#0f2235; --card:rgba(255,255,255,.78); --card-border:rgba(255,255,255,.7)}\n body.day-cloudy {--sky-top:#7a8794; --sky-bot:#c4ccd5; --cloud:#aeb8c4; --cloud-light:#d2d9e1; --cloud-dark:#8a95a3; --ink:#1d2a36; --card:rgba(255,255,255,.78); --card-border:rgba(255,255,255,.6)}\n body.day-rain {--sky-top:#56646f; --sky-bot:#94a2af; --cloud:#7f8b98; --cloud-light:#9aa6b3; --cloud-dark:#5c6874; --ink:#10202b; --card:rgba(255,255,255,.8); --card-border:rgba(255,255,255,.55)}\n body.night-clear {--sky-top:#060a1d; --sky-bot:#1a2348; --cloud:#dfe6ff; --cloud-light:#eef2ff; --cloud-dark:#a9b4d8; --ink:#eef3ff; --card:rgba(18,24,52,.62); --card-border:rgba(160,180,255,.28)}\n body.night-cloudy{--sky-top:#0a0f24; --sky-bot:#222b4f; --cloud:#39426b; --cloud-light:#4b5588; --cloud-dark:#262d4f; --ink:#eef3ff; --card:rgba(18,24,52,.62); --card-border:rgba(160,180,255,.24)}\n body.night-rain {--sky-top:#070b1c; --sky-bot:#1c2444; --cloud:#2a3252; --cloud-light:#3a4470; --cloud-dark:#1c2340; --ink:#eef3ff; --card:rgba(18,24,52,.66); --card-border:rgba(160,180,255,.22)}\n\n \/* ---------- ATMOSPHERE LAYERS ---------- *\/\n .sky-layer{position:fixed;inset:0;pointer-events:none;overflow:hidden}\n\n \/* Sun *\/\n .sun{\n position:fixed;top:8%;right:11%;width:130px;height:130px;border-radius:50%;\n background:radial-gradient(circle at 50% 50%,#fff7cf 0%,#ffe680 38%,#ffd24d 60%,rgba(255,210,77,0) 72%);\n opacity:0;transition:opacity 1.2s ease;animation:sun-pulse 6s ease-in-out infinite;\n }\n body.day-clear .sun{opacity:1}\n @keyframes sun-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}\n\n \/* Moon *\/\n .moon{\n position:fixed;top:9%;right:12%;width:84px;height:84px;border-radius:50%;\n background:radial-gradient(circle at 36% 34%,#ffffff 0%,#e7ecff 42%,#c3cdf2 70%,#aab6e6 100%);\n box-shadow:0 0 50px 12px rgba(200,214,255,.35);\n opacity:0;transition:opacity 1.2s ease;\n }\n body.night-clear .moon,body.night-cloudy .moon,body.night-rain .moon{opacity:.95}\n body.night-cloudy .moon,body.night-rain .moon{opacity:.45}\n .moon::after{content:\"\";position:absolute;top:14%;left:46%;width:20px;height:20px;border-radius:50%;\n background:rgba(170,182,230,.5);box-shadow:18px 22px 0 -4px rgba(170,182,230,.4),-6px 30px 0 -7px rgba(170,182,230,.35)}\n\n \/* Stars *\/\n .stars{opacity:0;transition:opacity 1.4s ease}\n body.night-clear .stars{opacity:1}\n .star{position:absolute;border-radius:50%;background:#fff;animation:twinkle var(--tw,4s) ease-in-out infinite}\n @keyframes twinkle{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}\n\n \/* Clouds *\/\n .clouds{opacity:0;transition:opacity 1.2s ease}\n body.day-clear .clouds{opacity:.95}\n body.day-cloudy .clouds{opacity:1}\n body.day-rain .clouds{opacity:1}\n body.night-cloudy .clouds{opacity:.92}\n body.night-rain .clouds{opacity:.9}\n .cloud{position:absolute;animation:drift linear infinite;will-change:transform}\n .cloud svg{display:block;overflow:visible;filter:drop-shadow(0 12px 16px rgba(30,50,80,.12))}\n .cloud .lobes{filter:url(#cloudFilter)}\n .cloud ellipse{fill:url(#cloudFill)}\n @keyframes drift{from{transform:translateX(-30vw)}to{transform:translateX(130vw)}}\n\n \/* Rain *\/\n .rain{opacity:0;transition:opacity .8s ease}\n body.day-rain .rain,body.night-rain .rain{opacity:1}\n .drop{position:absolute;top:-12%;width:2px;height:64px;border-radius:2px;\n background:linear-gradient(to bottom,rgba(190,215,240,0),rgba(190,215,240,.75));\n animation:fall linear infinite}\n @keyframes fall{to{transform:translateY(120vh)}}\n\n \/* ---------- CONTENT ---------- *\/\n .wrap{position:relative;z-index:5;min-height:100dvh;display:flex;flex-direction:column;\n align-items:center;justify-content:center;padding:40px 20px 110px;text-align:center}\n body.has-answer .wrap{justify-content:flex-start}\n\n .brand{display:flex;align-items:center;gap:14px;margin-bottom:6px}\n .logo{width:58px;height:58px;flex:none;filter:drop-shadow(0 8px 14px rgba(30,50,80,.18))}\n h1{font-family:\"Comfortaa\",cursive;font-weight:700;font-size:clamp(2rem,7vw,3.4rem);\n letter-spacing:.5px;line-height:1;text-shadow:0 2px 12px rgba(20,40,70,.12)}\n .tagline{margin:14px 0 30px;font-size:clamp(.95rem,2.4vw,1.1rem);font-weight:600;opacity:.82}\n\n .ask{width:100%;max-width:560px}\n .field{position:relative;display:flex;align-items:center}\n #q{\n width:100%;font-family:\"Nunito\",sans-serif;font-size:clamp(1rem,3.6vw,1.22rem);font-weight:600;\n color:var(--ink);background:var(--card);border:1.5px solid var(--card-border);\n border-radius:999px;padding:20px 64px 20px 26px;outline:none;\n backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);\n box-shadow:0 18px 50px rgba(20,40,70,.16);transition:border-color .25s,box-shadow .25s,background 1.2s ease,color 1.2s ease}\n #q::placeholder{color:var(--ink);opacity:.45;font-weight:600}\n #q:focus{border-color:rgba(120,180,255,.9);box-shadow:0 20px 60px rgba(20,40,70,.22)}\n #send{position:absolute;right:8px;top:50%;transform:translateY(-50%);\n width:48px;height:48px;border:none;border-radius:50%;cursor:pointer;\n background:linear-gradient(135deg,#4aa3e6,#2d7fd0);color:#fff;\n display:grid;place-items:center;transition:transform .18s,filter .18s;box-shadow:0 8px 20px rgba(45,127,208,.45)}\n #send:hover{transform:translateY(-50%) scale(1.07)}\n #send:active{transform:translateY(-50%) scale(.96)}\n #send svg{width:22px;height:22px}\n\n .chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:16px}\n .chip{font-family:\"Nunito\",sans-serif;font-size:.85rem;font-weight:600;color:var(--ink);\n background:rgba(255,255,255,.28);border:1px solid var(--card-border);border-radius:999px;\n padding:7px 14px;cursor:pointer;opacity:.78;transition:opacity .2s,background .2s,transform .15s}\n .chip:hover{opacity:1;background:rgba(255,255,255,.45);transform:translateY(-1px)}\n body.night-clear .chip,body.night-cloudy .chip,body.night-rain .chip{background:rgba(255,255,255,.08)}\n body.night-clear .chip:hover,body.night-cloudy .chip:hover,body.night-rain .chip:hover{background:rgba(255,255,255,.16)}\n\n \/* Answer card *\/\n .answer{width:100%;max-width:560px;margin-top:26px;min-height:0}\n .card{background:var(--card);border:1.5px solid var(--card-border);border-radius:26px;\n padding:26px 26px 24px;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);\n box-shadow:0 22px 60px rgba(20,40,70,.18);text-align:left;\n animation:rise .5s cubic-bezier(.2,.8,.2,1) both}\n @keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}\n .verdict{display:flex;align-items:baseline;gap:14px;margin-bottom:6px}\n .verdict .big{font-family:\"Comfortaa\",cursive;font-weight:700;font-size:clamp(2.4rem,9vw,3.6rem);line-height:1}\n .verdict.yes .big{color:#2d7fd0}\n .verdict.no .big{color:#3aa66a}\n body.night-clear .verdict.yes .big,body.night-cloudy .verdict.yes .big,body.night-rain .verdict.yes .big{color:#7cc0ff}\n body.night-clear .verdict.no .big,body.night-cloudy .verdict.no .big,body.night-rain .verdict.no .big{color:#7ce0a8}\n .verdict .emoji{font-size:clamp(1.8rem,7vw,2.6rem)}\n .lead{font-size:1.08rem;font-weight:700;line-height:1.4;margin-bottom:4px}\n .sub{font-size:.98rem;font-weight:600;opacity:.82;line-height:1.5}\n\n .days{list-style:none;margin-top:14px;display:flex;flex-direction:column;gap:2px}\n .day{display:flex;align-items:center;gap:12px;padding:9px 4px;border-top:1px solid var(--card-border)}\n .day:first-child{border-top:none}\n .day .dname{flex:1;font-weight:700;font-size:.98rem;text-transform:capitalize}\n .day .dico{font-size:1.3rem;width:30px;text-align:center}\n .day .dtemp{font-weight:700;font-size:.92rem;opacity:.85;min-width:74px;text-align:right}\n .day .dprob{font-weight:700;font-size:.82rem;color:#2d7fd0;min-width:48px;text-align:right}\n body.night-clear .day .dprob,body.night-cloudy .day .dprob,body.night-rain .day .dprob{color:#7cc0ff}\n .day.rainy{background:linear-gradient(90deg,rgba(74,163,230,.14),transparent);border-radius:12px}\n\n .spinner{display:inline-block;width:20px;height:20px;border:3px solid var(--card-border);\n border-top-color:#4aa3e6;border-radius:50%;animation:spin .8s linear infinite;vertical-align:-4px;margin-right:10px}\n @keyframes spin{to{transform:rotate(360deg)}}\n\n .foot{position:fixed;bottom:14px;left:0;right:0;z-index:5;text-align:center;\n font-size:.8rem;font-weight:600;opacity:.6}\n .foot a{color:inherit}\n\n @media (max-width:480px){\n #q{padding:18px 58px 18px 20px}\n .logo{width:48px;height:48px}\n }\n @media (prefers-reduced-motion:reduce){\n .cloud,.drop,.star,.sun{animation:none!important}\n .card{animation:none}\n body{transition:none}\n }\n<\/style>\n<\/head>\n<body class=\"day-clear\">\n\n \n <svg width=\"0\" height=\"0\" style=\"position:absolute\" aria-hidden=\"true\">\n <defs>\n <linearGradient id=\"cloudFill\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n <stop offset=\"0\" stop-color=\"var(--cloud-light)\"\/>\n <stop offset=\"0.6\" stop-color=\"var(--cloud)\"\/>\n <stop offset=\"1\" stop-color=\"var(--cloud-dark)\"\/>\n <\/linearGradient>\n <filter id=\"cloudFilter\" x=\"-35%\" y=\"-35%\" width=\"170%\" height=\"170%\" color-interpolation-filters=\"sRGB\">\n <feTurbulence type=\"fractalNoise\" baseFrequency=\"0.011 0.016\" numOctaves=\"4\" seed=\"11\" result=\"noise\"\/>\n <feDisplacementMap in=\"SourceGraphic\" in2=\"noise\" scale=\"24\" xChannelSelector=\"R\" yChannelSelector=\"G\" result=\"disp\"\/>\n <feGaussianBlur in=\"disp\" stdDeviation=\"1.3\"\/>\n <\/filter>\n <\/defs>\n <\/svg>\n\n \n <div class=\"sky-layer stars\" id=\"stars\"><\/div>\n <div class=\"sun\"><\/div>\n <div class=\"moon\"><\/div>\n <div class=\"sky-layer clouds\" id=\"clouds\"><\/div>\n <div class=\"sky-layer rain\" id=\"rain\"><\/div>\n\n \n <main class=\"wrap\">\n <div class=\"brand\">\n \n <svg class=\"logo\" viewBox=\"0 0 64 64\" aria-label=\"\u041b\u0438\u043b\u0438\">\n <defs>\n <linearGradient id=\"lg-cloud\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n <stop offset=\"0\" stop-color=\"#ffffff\"\/><stop offset=\"1\" stop-color=\"#eaf4ff\"\/>\n <\/linearGradient>\n <linearGradient id=\"lg-drop\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n <stop offset=\"0\" stop-color=\"#ffffff\"\/><stop offset=\"1\" stop-color=\"#e4f2ff\"\/>\n <\/linearGradient>\n <\/defs>\n <path d=\"M19 43a11.5 11.5 0 0 1-1-22.9A15 15 0 0 1 47 23.5 9.5 9.5 0 0 1 46 42.5z\" fill=\"url(#lg-cloud)\"\/>\n <circle cx=\"26\" cy=\"31\" r=\"2.1\" fill=\"#2d7fd0\"\/>\n <circle cx=\"38\" cy=\"31\" r=\"2.1\" fill=\"#2d7fd0\"\/>\n <path d=\"M27 36c2.6 2.4 7.4 2.4 10 0\" fill=\"none\" stroke=\"#2d7fd0\" stroke-width=\"2.1\" stroke-linecap=\"round\"\/>\n <path d=\"M32 47c2.6 3.6 5.2 6.1 5.2 9a5.2 5.2 0 0 1-10.4 0c0-2.9 2.6-5.4 5.2-9z\" fill=\"url(#lg-drop)\" stroke=\"#9cc9f2\" stroke-width=\"1.1\"\/>\n <\/svg>\n <h1>\u041b\u0438\u043b\u0438, \u0432\u0430\u043b\u0438 \u043b\u0438?<\/h1>\n <\/div>\n <p class=\"tagline\">\u041f\u0438\u0442\u0430\u0439 \u043c\u0435 \u0437\u0430 \u0434\u044a\u0436\u0434\u0430 \u2014 \u043e\u0442\u0433\u043e\u0432\u0430\u0440\u044f\u043c \u044f\u0441\u043d\u043e.<\/p>\n\n <div class=\"ask\">\n <div class=\"field\">\n <input id=\"q\" type=\"text\" autocomplete=\"off\" spellcheck=\"false\"\n aria-label=\"\u041f\u043e\u043f\u0438\u0442\u0430\u0439 \u041b\u0438\u043b\u0438 \u0437\u0430 \u0434\u044a\u0436\u0434\u0430\"\n placeholder=\"\u041b\u0438\u043b\u0438, \u0434\u043d\u0435\u0441 \u0449\u0435 \u0432\u0430\u043b\u0438 \u043b\u0438?\">\n <button id=\"send\" aria-label=\"\u041f\u0438\u0442\u0430\u0439\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\n <\/svg>\n <\/button>\n <\/div>\n <div class=\"chips\" id=\"chips\">\n <button class=\"chip\">\u041b\u0438\u043b\u0438, \u0434\u043d\u0435\u0441 \u0449\u0435 \u0432\u0430\u043b\u0438 \u043b\u0438?<\/button>\n <button class=\"chip\">\u041b\u0438\u043b\u0438, \u043a\u043e\u0433\u0430 \u0449\u0435 \u0432\u0430\u043b\u0438?<\/button>\n <button class=\"chip\">\u041b\u0438\u043b\u0438, \u0432\u0430\u043b\u0438 \u043b\u0438 \u0441\u0435\u0433\u0430?<\/button>\n <button class=\"chip\">\u041b\u0438\u043b\u0438, \u043f\u0440\u043e\u0433\u043d\u043e\u0437\u0430 \u0437\u0430 \u0441\u0435\u0434\u043c\u0438\u0446\u0430\u0442\u0430<\/button>\n <\/div>\n <\/div>\n\n <div class=\"answer\" id=\"answer\" aria-live=\"polite\"><\/div>\n <\/main>\n\n <div class=\"foot\">\n <span id=\"place\">\ud83d\udccd \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u043c \u043c\u0435\u0441\u0442\u043e\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435\u2026<\/span> \u00b7 \u0434\u0430\u043d\u043d\u0438 \u043e\u0442 <a href=\"https:\/\/open-meteo.com\" target=\"_blank\" rel=\"noopener\">Open\u2011Meteo<\/a> \u00b7 \u043c\u043e\u0434\u0435\u043b ECMWF\n <\/div>\n\n<script>\n\"use strict\";\nconst FALLBACK = {lat:42.6977, lon:23.3219, name:\"\u0421\u043e\u0444\u0438\u044f\"};\nconst DAYS = [\"\u043d\u0435\u0434\u0435\u043b\u044f\",\"\u043f\u043e\u043d\u0435\u0434\u0435\u043b\u043d\u0438\u043a\",\"\u0432\u0442\u043e\u0440\u043d\u0438\u043a\",\"\u0441\u0440\u044f\u0434\u0430\",\"\u0447\u0435\u0442\u0432\u044a\u0440\u0442\u044a\u043a\",\"\u043f\u0435\u0442\u044a\u043a\",\"\u0441\u044a\u0431\u043e\u0442\u0430\"];\nlet weather = null, loc = null, lastFetch = 0;\n\n\/* ---------- weather code \u2192 \u0442\u0435\u043a\u0441\u0442\/\u0435\u043c\u043e\u0434\u0436\u0438 ---------- *\/\nfunction wmo(code, night){\n const c = +code;\n if(c===0) return night ? [\"\u0427\u0438\u0441\u0442\u043e \u043d\u0435\u0431\u0435\",\"\ud83c\udf19\"] : [\"\u042f\u0441\u043d\u043e\",\"\u2600\ufe0f\"];\n if(c===1) return night ? [\"\u041f\u0440\u0435\u0434\u0438\u043c\u043d\u043e \u0447\u0438\u0441\u0442\u043e\",\"\ud83c\udf19\"] : [\"\u041f\u0440\u0435\u0434\u0438\u043c\u043d\u043e \u044f\u0441\u043d\u043e\",\"\ud83c\udf24\ufe0f\"];\n if(c===2) return [\"\u041f\u0440\u043e\u043c\u0435\u043d\u043b\u0438\u0432\u0430 \u043e\u0431\u043b\u0430\u0447\u043d\u043e\u0441\u0442\", night?\"\u2601\ufe0f\":\"\u26c5\"];\n if(c===3) return [\"\u041e\u0431\u043b\u0430\u0447\u043d\u043e\",\"\u2601\ufe0f\"];\n if(c===45||c===48) return [\"\u041c\u044a\u0433\u043b\u0430\",\"\ud83c\udf2b\ufe0f\"];\n if(c>=51&&c<=57) return [\"\u0420\u044a\u043c\u0435\u0436\",\"\ud83c\udf26\ufe0f\"];\n if(c===61||c===80) return [\"\u0421\u043b\u0430\u0431 \u0434\u044a\u0436\u0434\",\"\ud83c\udf26\ufe0f\"];\n if(c===63||c===81) return [\"\u0414\u044a\u0436\u0434\",\"\ud83c\udf27\ufe0f\"];\n if(c===65||c===82) return [\"\u0421\u0438\u043b\u0435\u043d \u0434\u044a\u0436\u0434\",\"\ud83c\udf27\ufe0f\"];\n if(c===66||c===67) return [\"\u041b\u0435\u0434\u0435\u043d \u0434\u044a\u0436\u0434\",\"\ud83c\udf27\ufe0f\"];\n if(c>=71&&c<=77) return [\"\u0421\u043d\u044f\u0433\",\"\ud83c\udf28\ufe0f\"];\n if(c===85||c===86) return [\"\u0421\u043d\u0435\u0433\u043e\u0432\u0430\u043b\u0435\u0436\",\"\ud83c\udf28\ufe0f\"];\n if(c>=95) return [\"\u0413\u0440\u044a\u043c\u043e\u0442\u0435\u0432\u0438\u0447\u043d\u0430 \u0431\u0443\u0440\u044f\",\"\u26c8\ufe0f\"];\n return [\"\u041e\u0431\u043b\u0430\u0447\u043d\u043e\",\"\u2601\ufe0f\"];\n}\nconst isRainyCode = c => (c>=51&&c<=67)||(c>=80&&c<=82)||c>=95;\nconst pad = n => String(n).padStart(2,\"0\");\nconst hourOf = t => parseInt(t.slice(11,13),10);\nconst dateOf = t => t.slice(0,10);\n\n\/* ---------- \u0430\u0442\u043c\u043e\u0441\u0444\u0435\u0440\u0430: \u0433\u0435\u043d\u0435\u0440\u0438\u0440\u0430\u043d\u0435 ---------- *\/\nfunction buildStars(){\n const box = document.getElementById(\"stars\");\n let html = \"\";\n for(let i=0;i<130;i++){\n const s = (Math.random()*2+1).toFixed(1);\n html += `<span class=\"star\" style=\"left:${(Math.random()*100).toFixed(2)}%;top:${(Math.random()*72).toFixed(2)}%;width:${s}px;height:${s}px;--tw:${(Math.random()*4+2).toFixed(1)}s;animation-delay:${(Math.random()*4).toFixed(1)}s\"><\/span>`;\n }\n box.innerHTML = html;\n}\nfunction buildClouds(){\n const box = document.getElementById(\"clouds\");\n const shapes = [\n \/\/ \u043a\u0443\u043f\u0435\u0441\u0442 \u043e\u0431\u043b\u0430\u043a \u0441 \u043f\u043b\u043e\u0441\u043a\u043e \u0434\u044a\u043d\u043e\n `<ellipse cx=\"100\" cy=\"86\" rx=\"82\" ry=\"22\"\/><ellipse cx=\"56\" cy=\"76\" rx=\"30\" ry=\"26\"\/><ellipse cx=\"88\" cy=\"56\" rx=\"38\" ry=\"35\"\/><ellipse cx=\"124\" cy=\"66\" rx=\"34\" ry=\"31\"\/><ellipse cx=\"152\" cy=\"80\" rx=\"26\" ry=\"23\"\/><ellipse cx=\"74\" cy=\"72\" rx=\"24\" ry=\"22\"\/><ellipse cx=\"108\" cy=\"74\" rx=\"26\" ry=\"24\"\/>`,\n \/\/ \u0448\u0438\u0440\u043e\u043a, \u043f\u043e-\u043f\u043b\u043e\u0441\u044a\u043a \u043e\u0431\u043b\u0430\u043a\n `<ellipse cx=\"100\" cy=\"88\" rx=\"94\" ry=\"18\"\/><ellipse cx=\"48\" cy=\"78\" rx=\"28\" ry=\"24\"\/><ellipse cx=\"80\" cy=\"66\" rx=\"32\" ry=\"28\"\/><ellipse cx=\"116\" cy=\"60\" rx=\"36\" ry=\"32\"\/><ellipse cx=\"150\" cy=\"72\" rx=\"30\" ry=\"26\"\/><ellipse cx=\"98\" cy=\"76\" rx=\"30\" ry=\"26\"\/>`,\n \/\/ \u043c\u0430\u043b\u043a\u043e \u043f\u0443\u0445\u0447\u0435\n `<ellipse cx=\"100\" cy=\"80\" rx=\"58\" ry=\"20\"\/><ellipse cx=\"74\" cy=\"70\" rx=\"26\" ry=\"24\"\/><ellipse cx=\"104\" cy=\"56\" rx=\"32\" ry=\"30\"\/><ellipse cx=\"130\" cy=\"70\" rx=\"24\" ry=\"22\"\/><ellipse cx=\"92\" cy=\"72\" rx=\"22\" ry=\"20\"\/>`\n ];\n let html = \"\";\n for(let i=0;i<7;i++){\n const shape = shapes[Math.floor(Math.random()*shapes.length)];\n const w = Math.round(Math.random()*160+140);\n const top = (Math.random()*48+2).toFixed(1);\n const dur = (Math.random()*45+45).toFixed(0);\n const delay = (-Math.random()*60).toFixed(0);\n const op = (Math.random()*0.3+0.7).toFixed(2);\n const svg = `<svg width=\"100%\" height=\"100%\" viewBox=\"0 0 200 120\"><g class=\"lobes\">${shape}<\/g><\/svg>`;\n html += `<div class=\"cloud\" style=\"top:${top}%;width:${w}px;height:${Math.round(w*0.6)}px;opacity:${op};animation-duration:${dur}s;animation-delay:${delay}s\">${svg}<\/div>`;\n }\n box.innerHTML = html;\n}\nfunction buildRain(){\n const box = document.getElementById(\"rain\");\n let html = \"\";\n for(let i=0;i<90;i++){\n const dur = (Math.random()*0.5+0.5).toFixed(2);\n html += `<span class=\"drop\" style=\"left:${(Math.random()*100).toFixed(2)}%;animation-duration:${dur}s;animation-delay:${(-Math.random()*2).toFixed(2)}s;opacity:${(Math.random()*0.5+0.4).toFixed(2)}\"><\/span>`;\n }\n box.innerHTML = html;\n}\n\n\/* ---------- \u0444\u043e\u043d \u0441\u043f\u043e\u0440\u0435\u0434 \u0441\u044a\u0441\u0442\u043e\u044f\u043d\u0438\u0435\u0442\u043e ---------- *\/\nfunction applyBackground(night, code, cloud, precip){\n let cond = \"clear\";\n if(precip>0 || isRainyCode(code)) cond = \"rain\";\n else if(cloud>=60 || code===3 || code===45 || code===48) cond = \"cloudy\";\n document.body.className = `${night?\"night\":\"day\"}-${cond}`;\n}\nfunction defaultBackgroundByClock(){\n const h = new Date().getHours();\n const night = h<6 || h>=20;\n document.body.className = night ? \"night-clear\" : \"day-clear\";\n}\n\n\/* ---------- \u043c\u0435\u0441\u0442\u043e\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435 + \u0434\u0430\u043d\u043d\u0438 ---------- *\/\nfunction getLocation(){\n return new Promise(res=>{\n if(!navigator.geolocation) return res(null);\n navigator.geolocation.getCurrentPosition(\n p=>res({lat:p.coords.latitude, lon:p.coords.longitude}),\n ()=>res(null),\n {timeout:6000, maximumAge:600000}\n );\n });\n}\nasync function reverseName(lat,lon){\n try{\n const r = await fetch(`https:\/\/api.bigdatacloud.net\/data\/reverse-geocode-client?latitude=${lat}&longitude=${lon}&localityLanguage=bg`);\n const d = await r.json();\n return d.city || d.locality || d.principalSubdivision || null;\n }catch(e){ return null; }\n}\nasync function fetchWeather(lat,lon){\n const url = `https:\/\/api.open-meteo.com\/v1\/forecast?latitude=${lat}&longitude=${lon}`+\n `¤t=temperature_2m,is_day,precipitation,weather_code,cloud_cover`+\n `&hourly=precipitation,precipitation_probability,weather_code`+\n `&daily=weather_code,precipitation_sum,precipitation_probability_max,temperature_2m_max,temperature_2m_min`+\n `&models=ecmwf_ifs025&timezone=auto&forecast_days=7`;\n const r = await fetch(url);\n if(!r.ok) throw new Error(\"api\");\n return r.json();\n}\nasync function ensureWeather(){\n if(weather && Date.now()-lastFetch < 600000) return weather;\n if(!loc){\n const g = await getLocation();\n loc = g ? {...g, name:null} : {...FALLBACK};\n const nm = await reverseName(loc.lat, loc.lon);\n loc.name = nm || loc.name || \"\u0442\u0432\u043e\u0435\u0442\u043e \u043c\u044f\u0441\u0442\u043e\";\n document.getElementById(\"place\").textContent = \"\ud83d\udccd \" + loc.name;\n }\n weather = await fetchWeather(loc.lat, loc.lon);\n lastFetch = Date.now();\n return weather;\n}\n\n\/* ---------- \u043f\u043e\u043c\u043e\u0449\u043d\u0438: \u0447\u0430\u0441\u043e\u0432\u0435 \u043d\u0430 \u0434\u044a\u0436\u0434 ---------- *\/\nfunction rainyHours(w, dateStr, fromHour){\n const t = w.hourly.time, p = w.hourly.precipitation, pr = w.hourly.precipitation_probability || [];\n const hits = [];\n for(let i=0;i<t.length;i++){\n if(dateOf(t[i])!==dateStr) continue;\n const h = hourOf(t[i]);\n if(fromHour!=null && h<fromHour) continue;\n if(p[i]>=0.1 || pr[i]>=60) hits.push(h);\n }\n return hits;\n}\nfunction rangesText(hours){\n if(!hours.length) return \"\";\n hours.sort((a,b)=>a-b);\n const parts=[]; let s=hours[0], prev=hours[0];\n for(let k=1;k<hours.length;k++){\n if(hours[k]===prev+1){ prev=hours[k]; }\n else { parts.push(s===prev?`${pad(s)}:00`:`${pad(s)}:00\u2013${pad(prev)}:00`); s=hours[k]; prev=hours[k]; }\n }\n parts.push(s===prev?`${pad(s)}:00`:`${pad(s)}:00\u2013${pad(prev)}:00`);\n return parts.join(\", \") + \" \u0447.\";\n}\nfunction dayLabel(dateStr){\n const [y,m,d] = dateStr.split(\"-\").map(Number);\n const dt = new Date(y, m-1, d);\n const today = new Date(); today.setHours(0,0,0,0);\n const diff = Math.round((dt-today)\/86400000);\n if(diff===0) return \"\u0434\u043d\u0435\u0441\";\n if(diff===1) return \"\u0443\u0442\u0440\u0435\";\n return DAYS[dt.getDay()];\n}\n\n\/* ---------- \u0440\u0435\u043d\u0434\u0438\u0440\u0430\u043d\u0435 ---------- *\/\nfunction el(html){ const d=document.createElement(\"div\"); d.innerHTML=html.trim(); return d.firstChild; }\nfunction show(node){ document.body.classList.add(\"has-answer\"); const a=document.getElementById(\"answer\"); a.innerHTML=\"\"; a.appendChild(node); }\nfunction loading(){ show(el(`<div class=\"card\"><div class=\"lead\"><span class=\"spinner\"><\/span>\u041b\u0438\u043b\u0438 \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0432\u0430 \u043d\u0435\u0431\u0435\u0442\u043e\u2026<\/div><\/div>`)); }\nfunction errorCard(){ show(el(`<div class=\"card\"><div class=\"lead\">\u041e\u0445, \u043d\u0435 \u0443\u0441\u043f\u044f\u0445 \u0434\u0430 \u0432\u0438\u0434\u044f \u043d\u0435\u0431\u0435\u0442\u043e \ud83c\udf2b\ufe0f<\/div><div class=\"sub\">\u041f\u0440\u043e\u0432\u0435\u0440\u0438 \u0432\u0440\u044a\u0437\u043a\u0430\u0442\u0430 \u043a\u044a\u043c \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442 \u0438 \u043e\u043f\u0438\u0442\u0430\u0439 \u043f\u0430\u043a.<\/div><\/div>`)); }\n\nfunction verdict(yes, emoji, lead, sub){\n return `<div class=\"verdict ${yes?\"yes\":\"no\"}\"><span class=\"big\">${yes?\"\u0414\u0410\":\"\u041d\u0415\"}<\/span><span class=\"emoji\">${emoji}<\/span><\/div>\n <div class=\"lead\">${lead}<\/div>${sub?`<div class=\"sub\">${sub}<\/div>`:\"\"}`;\n}\n\nfunction weeklyList(w){\n let rows = \"\";\n const probArr = w.daily.precipitation_probability_max;\n for(let i=0;i<w.daily.time.length;i++){\n const ds = w.daily.time[i];\n const [desc,ico] = wmo(w.daily.weather_code[i], false);\n const probRaw = probArr ? probArr[i] : null;\n const psum = (w.daily.precipitation_sum && w.daily.precipitation_sum[i]!=null) ? w.daily.precipitation_sum[i] : 0;\n const metric = (probRaw==null)\n ? (psum>=0.1 ? (Math.round(psum*10)\/10)+\" \u043c\u043c\" : \"0 \u043c\u043c\")\n : probRaw+\"%\";\n const tmax = Math.round(w.daily.temperature_2m_max[i]);\n const tmin = Math.round(w.daily.temperature_2m_min[i]);\n const rainy = isRainyCode(w.daily.weather_code[i]) || psum >= 0.5;\n rows += `<li class=\"day ${rainy?\"rainy\":\"\"}\">\n <span class=\"dico\" title=\"${desc}\">${ico}<\/span>\n <span class=\"dname\">${dayLabel(ds)}<\/span>\n <span class=\"dprob\">${metric}<\/span>\n <span class=\"dtemp\">${tmin}\u00b0 \/ ${tmax}\u00b0<\/span>\n <\/li>`;\n }\n return `<ul class=\"days\">${rows}<\/ul>`;\n}\n\n\/* ---------- \u0438\u043d\u0442\u0435\u0440\u043f\u0440\u0435\u0442\u0430\u0446\u0438\u044f \u043d\u0430 \u0432\u044a\u043f\u0440\u043e\u0441\u0430 ---------- *\/\nasync function answer(rawText){\n const text = rawText.toLowerCase().replace(\/\u043b\u0438\u043b\u0438[,!\\s]*\/g,\"\").trim();\n loading();\n let w;\n try{ w = await ensureWeather(); }\n catch(e){ errorCard(); return; }\n\n applyBackground(w.current.is_day===0, w.current.weather_code, w.current.cloud_cover, w.current.precipitation);\n\n const nowHour = hourOf(w.current.time);\n const todayStr = dateOf(w.current.time);\n const tomorrowStr = w.daily.time[1];\n\n \/\/ \u0421\u0415\u0413\u0410\n if(\/\u0441\u0435\u0433\u0430|\u0432 \u043c\u043e\u043c\u0435\u043d\u0442\u0430|\u0432 \u043c\u043e\u043c\u0435\u043d\u0442\/.test(text)){\n const raining = w.current.precipitation>0 || isRainyCode(w.current.weather_code);\n const [desc,ico] = wmo(w.current.weather_code, w.current.is_day===0);\n if(raining){\n const rest = rainyHours(w, todayStr, nowHour+1);\n const tail = rest.length ? `\u0429\u0435 \u043f\u0440\u043e\u0434\u044a\u043b\u0436\u0438 \u043e\u043a\u043e\u043b\u043e: ${rangesText(rest)}` : \"\u0421\u043a\u043e\u0440\u043e \u0449\u0435 \u0441\u043f\u0440\u0435.\";\n show(el(`<div class=\"card\">${verdict(true, ico, \"\u0414\u0430, \u0432 \u043c\u043e\u043c\u0435\u043d\u0442\u0430 \u0432\u0430\u043b\u0438.\", tail)}<\/div>`));\n } else {\n show(el(`<div class=\"card\">${verdict(false, ico, `\u0412 \u043c\u043e\u043c\u0435\u043d\u0442\u0430 \u043d\u0435 \u0432\u0430\u043b\u0438. ${desc}.`, `\u0421\u0435\u0433\u0430 \u0435 ${Math.round(w.current.temperature_2m)}\u00b0.`)}<\/div>`));\n }\n return;\n }\n\n \/\/ \u041a\u041e\u0413\u0410 \u0449\u0435 \u0432\u0430\u043b\u0438 \u2192 \u0441\u043b\u0435\u0434\u0432\u0430\u0449 \u0434\u044a\u0436\u0434 + \u0441\u0435\u0434\u043c\u0438\u0446\u0430\n if(\/\u043a\u043e\u0433\u0430\/.test(text)){\n const t = w.hourly.time, p = w.hourly.precipitation, pr = w.hourly.precipitation_probability || [];\n let found = null;\n for(let i=0;i<t.length;i++){\n const isFuture = t[i] > w.current.time;\n if(isFuture && (p[i]>=0.1 || pr[i]>=60)){ found = t[i]; break; }\n }\n let head;\n if(found){\n head = verdict(true, \"\ud83c\udf27\ufe0f\", `\u0421\u043b\u0435\u0434\u0432\u0430\u0449 \u0434\u044a\u0436\u0434: ${dayLabel(dateOf(found))} \u043e\u043a\u043e\u043b\u043e ${pad(hourOf(found))}:00 \u0447.`, \"\u0415\u0442\u043e \u0438 \u0446\u044f\u043b\u0430\u0442\u0430 \u0441\u0435\u0434\u043c\u0438\u0446\u0430:\");\n } else {\n head = verdict(false, \"\ud83c\udf24\ufe0f\", \"\u041f\u0440\u0435\u0437 \u0441\u043b\u0435\u0434\u0432\u0430\u0449\u0438\u0442\u0435 7 \u0434\u043d\u0438 \u043d\u0435 \u043e\u0447\u0430\u043a\u0432\u0430\u043c \u0434\u044a\u0436\u0434.\", \"\u0415\u0442\u043e \u043f\u0440\u043e\u0433\u043d\u043e\u0437\u0430\u0442\u0430 \u0437\u0430 \u0441\u0435\u0434\u043c\u0438\u0446\u0430\u0442\u0430:\");\n }\n show(el(`<div class=\"card\">${head}${weeklyList(w)}<\/div>`));\n return;\n }\n\n \/\/ \u0421\u0415\u0414\u041c\u0418\u0426\u0410 \/ \u043f\u0440\u043e\u0433\u043d\u043e\u0437\u0430\n if(\/\u0441\u0435\u0434\u043c\u0438\u0446|\u043f\u0440\u043e\u0433\u043d\u043e\u0437|\u0434\u043d\u0438|\u0434\u043d\u0438\u0442\u0435\/.test(text)){\n show(el(`<div class=\"card\"><div class=\"lead\">\u041f\u0440\u043e\u0433\u043d\u043e\u0437\u0430 \u0437\u0430 7 \u0434\u043d\u0438 \ud83d\udcc5<\/div><div class=\"sub\">\u0414\u044f\u0441\u043d\u0430\u0442\u0430 \u0441\u0442\u043e\u0439\u043d\u043e\u0441\u0442 \u0435 \u043e\u0447\u0430\u043a\u0432\u0430\u043d\u0438\u044f\u0442 \u0432\u0430\u043b\u0435\u0436 (\u043c\u043c) \u0438\u043b\u0438 \u0432\u0435\u0440\u043e\u044f\u0442\u043d\u043e\u0441\u0442\u0442\u0430 \u0437\u0430 \u0434\u044a\u0436\u0434.<\/div>${weeklyList(w)}<\/div>`));\n return;\n }\n\n \/\/ \u0423\u0422\u0420\u0415\n if(\/\u0443\u0442\u0440\u0435\/.test(text)){\n const hrs = rainyHours(w, tomorrowStr, null);\n if(hrs.length){\n show(el(`<div class=\"card\">${verdict(true,\"\ud83c\udf27\ufe0f\",\"\u0423\u0442\u0440\u0435 \u0441\u0435 \u043e\u0447\u0430\u043a\u0432\u0430 \u0434\u044a\u0436\u0434.\",\"\u041e\u043a\u043e\u043b\u043e: \"+rangesText(hrs))}<\/div>`));\n } else {\n const [desc,ico] = wmo(w.daily.weather_code[1], false);\n show(el(`<div class=\"card\">${verdict(false,ico,\"\u0423\u0442\u0440\u0435 \u043d\u044f\u043c\u0430 \u0434\u0430 \u0432\u0430\u043b\u0438.\",desc+\" \u043f\u0440\u0435\u0437 \u0434\u0435\u043d\u044f.\")}<\/div>`));\n }\n return;\n }\n\n \/\/ \u0414\u041d\u0415\u0421 (\u0438 \u043f\u043e \u043f\u043e\u0434\u0440\u0430\u0437\u0431\u0438\u0440\u0430\u043d\u0435 \u043f\u0440\u0438 \u0432\u044a\u043f\u0440\u043e\u0441 \u0437\u0430 \u0434\u044a\u0436\u0434)\n const hrs = rainyHours(w, todayStr, nowHour);\n if(hrs.length){\n show(el(`<div class=\"card\">${verdict(true,\"\ud83c\udf27\ufe0f\",\"\u0414\u043d\u0435\u0441 \u0449\u0435 \u0432\u0430\u043b\u0438.\",\"\u041e\u0447\u0430\u043a\u0432\u0430\u043c \u0434\u044a\u0436\u0434: \"+rangesText(hrs))}<\/div>`));\n } else {\n const earlier = rainyHours(w, todayStr, null);\n const sub = earlier.length ? \"\u041f\u043e-\u0440\u0430\u043d\u043e \u0434\u043d\u0435\u0441 \u0432\u0430\u043b\u044f, \u043d\u043e \u0434\u043e \u043a\u0440\u0430\u044f \u043d\u0430 \u0434\u0435\u043d\u044f \u043d\u0435\u0431\u0435\u0442\u043e \u0435 \u0441\u0443\u0445\u043e.\" : \"\u0414\u043e \u043a\u0440\u0430\u044f \u043d\u0430 \u0434\u0435\u043d\u044f \u043d\u0435\u0431\u0435\u0442\u043e \u0435 \u0441\u0443\u0445\u043e. \u0421\u043f\u043e\u043a\u043e\u0439\u043d\u043e!\";\n show(el(`<div class=\"card\">${verdict(false,\"\ud83c\udf24\ufe0f\",\"\u0414\u043d\u0435\u0441 \u043f\u043e\u0432\u0435\u0447\u0435 \u043d\u044f\u043c\u0430 \u0434\u0430 \u0432\u0430\u043b\u0438.\",sub)}<\/div>`));\n }\n}\n\n\/* ---------- \u0432\u0445\u043e\u0434 ---------- *\/\nconst input = document.getElementById(\"q\");\nfunction submit(){ const v=input.value.trim(); if(v) answer(v); }\ndocument.getElementById(\"send\").addEventListener(\"click\", submit);\ninput.addEventListener(\"keydown\", e=>{ if(e.key===\"Enter\") submit(); });\ndocument.getElementById(\"chips\").addEventListener(\"click\", e=>{\n const b = e.target.closest(\".chip\"); if(!b) return;\n input.value = b.textContent; input.focus(); submit();\n});\n\n\/* ---------- \u0441\u0442\u0430\u0440\u0442 ---------- *\/\nbuildStars(); buildClouds(); buildRain();\ndefaultBackgroundByClock();\nensureWeather()\n .then(w=>applyBackground(w.current.is_day===0, w.current.weather_code, w.current.cloud_cover, w.current.precipitation))\n .catch(()=>{ document.getElementById(\"place\").textContent = \"\ud83d\udccd \" + (loc?loc.name:FALLBACK.name); });\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u041b\u0438\u043b\u0438, \u0432\u0430\u043b\u0438 \u043b\u0438?<\/p>\n","protected":false},"author":1,"featured_media":34,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/lilivalili.eu\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lilivalili.eu\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lilivalili.eu\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lilivalili.eu\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lilivalili.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":14,"href":"https:\/\/lilivalili.eu\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":37,"href":"https:\/\/lilivalili.eu\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/37"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lilivalili.eu\/index.php?rest_route=\/wp\/v2\/media\/34"}],"wp:attachment":[{"href":"https:\/\/lilivalili.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}