@charset "UTF-8";/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--color-primary:#4361ee;--color-secondary:#3f37c9;--color-accent:#4895ef;--color-light:#f8f9fa;--color-dark:#212529;--color-bg:#1a1a2e;--color-card:#16213e;--color-text:#e6e6e6;--color-muted:#a0a0a0;--color-error:#ff6b6b;--color-green:#006a25;--color-orange:#f0c20a}*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}body{position:relative;background:var(--color-bg);min-height:100vh;padding:2rem;color:var(--color-text)}.container{max-width:1200px;margin:0 auto}header{text-align:center;margin-bottom:2rem}h1{color:var(--color-accent);margin-bottom:.5rem}h4{color:var(--color-muted);margin-bottom:.5rem}ul li{list-style-type:none}li:not(:last-child){padding-bottom:1rem}header{background:#0d1b2a;position:fixed;top:0;left:0;width:100%;height:60px;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.header__container{max-width:1200px;margin:0 auto;padding:0 20px}.menu__body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.menu__list{display:-webkit-box;display:-ms-flexbox;display:flex;gap:30px;list-style:none;margin:0;padding:0}li.menu__item{padding-bottom:0}.menu__link{color:var(--color-muted);text-decoration:none;font-size:1.125rem;position:relative;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;background-color:transparent}.menu__link::after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;-webkit-transition:width .3s ease 0s;transition:width .3s ease 0s;background-color:var(--color-muted)}.main-title{text-align:center;margin-bottom:1rem;padding-top:3.125rem}.card{background:var(--color-card);border-radius:20px;padding:2rem;-webkit-box-shadow:0 10px 30px rgba(0,0,0,.3);box-shadow:0 10px 30px rgba(0,0,0,.3);margin-bottom:2rem}.current-weather{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;gap:2rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-top:2px solid var(--color-accent);background:var(--color-card);border-radius:20px;padding:2rem}.current-main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fishing-forecast{margin-bottom:2rem}.fishing-forecast-item{background:var(--color-card);border-radius:20px;padding:2rem;-webkit-box-shadow:0 8px 24px rgba(0,0,0,.2);box-shadow:0 8px 24px rgba(0,0,0,.2);margin-bottom:2rem}.detail-card{margin-bottom:1rem}.detail-card h3{color:var(--light-color);margin-bottom:.5rem;text-align:center}.daily-container{margin-bottom:1.5rem}.detail-value>div{font-size:1rem;font-weight:400}.current-temp{font-size:4rem;font-weight:700;color:var(--color-accent);margin:.5rem 0}.weather-icon{width:120px;height:120px}.current-details{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr);gap:1.5rem}.detail-card{background:rgba(255,255,255,.1);border-radius:12px;padding:1rem}.detail-label{font-size:.9rem;color:var(--color-muted);margin-bottom:.5rem;text-align:center}.detail-value{font-size:1.4rem;font-weight:700;color:var(--color-light)}.daily-moon,.moon-phase{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:1rem;gap:.3rem}.daily-moon-icon,.moon-icon{font-size:2rem}.hourly-forecast{padding:1.5rem}.hourly-title{margin-bottom:1.5rem;color:var(--color-accent);font-size:1.5rem;text-align:center}.hourly-container{display:-webkit-box;display:-ms-flexbox;display:flex;overflow-x:auto;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1rem;padding-bottom:1rem}.hourly-item{min-width:120px;background:rgba(255,255,255,.1);border-radius:12px;padding:1rem;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hourly-time{font-weight:700;margin-bottom:.5rem}.hourly-icon{width:80px;height:80px;margin:.5rem 0}.hourly-temp{font-size:1.2rem;font-weight:700;color:var(--color-accent)}.hourly-pressure,.hourly-wind{font-size:.9rem;margin-top:.3rem}.daily-forecast{padding:1.5rem}.daily-title{margin-bottom:1.5rem;color:var(--color-accent);font-size:1.5rem;text-align:center}.daily-container{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr);gap:1rem}.daily-item{background:rgba(255,255,255,.1);border-radius:12px;padding:1rem;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.daily-day{font-weight:700;margin-bottom:.5rem}.daily-icon{width:60px;height:60px;margin:.5rem 0}.daily-temp{font-size:1.1rem;font-weight:700;color:var(--color-accent)}.daily-temp-avg{margin:.5rem 0}.temp-avg{color:var(--color-accent);font-weight:700}.temp-avg-history{color:var(--color-accent);font-weight:700;font-size:1.1rem}.previous-weather{background:rgba(255,255,255,.05);padding:1.5rem;border-left:4px solid var(--color-secondary);border-radius:12px;margin-bottom:2rem}.previous-weather h2{color:var(--color-accent);margin-bottom:1rem;font-size:1.4rem}.previous-weather-entry{border-top:1px solid rgba(255,255,255,.1);padding:1rem 0}.previous-weather-entry:first-child{border-top:none}.previous-weather-entry span{display:block;margin:.3rem 0}.loading{text-align:center;padding:2rem;font-size:1.2rem;color:var(--color-accent)}.error{text-align:center;padding:1rem;background:rgba(198,40,40,.2);color:var(--color-error);border-radius:8px;margin:1rem 0}.hourly-container::-webkit-scrollbar{height:8px}.hourly-container::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:10px}.hourly-container::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:10px}.weather-icon-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;margin-bottom:10px}.weather-icon{width:50px;height:50px}.weather-description{font-size:14px;color:#555}#weather-container{display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;padding:1.5rem}.day-card{background:rgba(255,255,255,.1);border-radius:12px;padding:1rem}.day-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.date{font-weight:700;color:var(--color-light);-ms-flex-item-align:start;align-self:flex-start}.weather-icon-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.weather-icon{width:80px;height:80px}.weather-desc{font-size:.9rem;color:var(--color-muted);margin-top:.3rem}.weather-details{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr);gap:1.5rem}.detail-card{background:rgba(255,255,255,.1);border-radius:12px;padding:1rem}.detail-card .current-date-fishing{color:var(--color-muted)}.detail-label{font-size:.9rem;color:var(--color-muted);margin-bottom:.5rem}.detail-value{font-size:1.4rem;font-weight:700;color:var(--color-light)}.detail-range,.detail-unit{font-size:.9rem;color:var(--color-muted);margin-top:.3rem}.detail-change{font-size:.8rem;margin-top:.5rem}.detail-change.positive{color:#4caf50}.detail-change.negative{color:#f44336}.detail-today-main-fishing__moon{margin-top:2rem}.detail-day-moon-fishing,.detail-evening-moon-fishing,.detail-morning-moon-fishing,.detail-today-main-fishing__moon{padding:1rem;margin:.5rem -.8rem;border-radius:5px;background-color:#16213e}.detail-today-main-fishing__season{padding:1rem;margin:.5rem -.8rem;border-radius:5px}.excellent,.good,.medium,.very_weak,.weak{padding:1rem;margin:.5rem -.8rem;border-radius:5px}.very_weak{background-color:rgba(255,107,107,.1);border-left:4px solid var(--color-error)}.weak{background-color:rgba(255,107,107,.05);border-left:4px solid rgba(255,107,107,.5)}.medium{background-color:rgba(72,149,239,.08);border-left:4px solid var(--color-accent)}.good{background-color:rgba(67,97,238,.08);border-left:4px solid var(--color-primary)}.excellent{background-color:rgba(63,55,201,.12);border-left:4px solid var(--color-secondary);padding:1rem;margin:.5rem -.8rem;border-radius:5px}.past-weather h2{text-align:center}.detail-card__top.excellent .detail-card__descriptin{color:#4ade80}.detail-card__top.good .detail-card__descriptin{color:#60a5fa}.detail-card__top.medium .detail-card__descriptin{color:#fbbf24}.detail-card__top.weak .detail-card__descriptin{color:#f87171}.detail-card__top.very_weak .detail-card__descriptin{color:#9ca3af}.detail-card__top.excellent{background-color:rgba(74,222,128,.1);border-left:4px solid #4ade80}.detail-card__top.good{background-color:rgba(96,165,250,.1);border-left:4px solid #60a5fa}.detail-card__top.medium{background-color:rgba(251,191,36,.1);border-left:4px solid #fbbf24}.detail-card__top.weak{background-color:rgba(248,113,113,.1);border-left:4px solid #f87171}.detail-card__top.very_weak{background-color:rgba(156,163,175,.1);border-left:4px solid #9ca3af}.no-webp .detail-card__img{background:url(../img/fish.png) no-repeat}.detail-card__img{display:block;width:200px;height:50px;overflow:hidden;background-size:200px 250px}.webp .detail-card__img{background:url(../img/fish.webp) no-repeat}.no-webp .detail-card__img{background:url(../img/fish.png) no-repeat}.detail-card__top.very_weak .detail-card__img{background-position:0 -200px}.detail-card__top.weak .detail-card__img{background-position:0 -160px}.detail-card__top.medium .detail-card__img{background-position:0 -120px}.detail-card__top.good .detail-card__img{background-position:0 -40px}.detail-card__top.excellent .detail-card__img{background-position:0 0}.detail-card__button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;padding:.75rem 1.5rem;margin-top:1rem;margin-bottom:.5rem;background-color:rgba(67,97,238,.2);color:var(--color-accent);border:1px solid var(--color-accent);border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;position:relative;overflow:hidden}.detail-card__button:hover{background-color:rgba(67,97,238,.3);-webkit-transform:translateY(-1px);-ms-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 4px 12px rgba(72,149,239,.2);box-shadow:0 4px 12px rgba(72,149,239,.2)}.detail-card__button:active{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);background-color:rgba(67,97,238,.4)}.detail-card__button:focus{outline:0;-webkit-box-shadow:0 0 0 3px rgba(72,149,239,.5);box-shadow:0 0 0 3px rgba(72,149,239,.5)}.custom-loader{position:fixed;left:50%;top:50%;margin-top:-25px;margin-left:-25px;width:50px;height:50px;border-radius:50%;background:radial-gradient(farthest-side,#766df4 94%,rgba(0,0,0,0)) top/8px 8px no-repeat,conic-gradient(rgba(0,0,0,0) 30%,#766df4);-webkit-mask:radial-gradient(farthest-side,rgba(0,0,0,0) calc(100% - 8px),#000 0);-webkit-animation:s3 1s infinite linear;animation:s3 1s infinite linear}@-webkit-keyframes s3{100%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes s3{100%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.photo img{max-width:100%;border-radius:5%;overflow:hidden}.scroll-up{position:fixed;right:2rem;bottom:2rem;z-index:50;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:50px;height:50px;border-radius:50%;color:var(--color-light);background:linear-gradient(145deg,var(--color-primary),var(--color-accent));-webkit-box-shadow:0 6px 16px rgba(0,0,0,.3);box-shadow:0 6px 16px rgba(0,0,0,.3);cursor:pointer;visibility:hidden;opacity:0;-webkit-transform:translateY(24px);-ms-transform:translateY(24px);transform:translateY(24px);-webkit-transition:all .4s ease;transition:all .4s ease}.scroll-up.active{visibility:visible;opacity:.3;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.scroll-up:focus,.scroll-up:hover{background:linear-gradient(145deg,var(--color-accent),var(--color-secondary));-webkit-box-shadow:0 8px 20px rgba(72,149,239,.4);box-shadow:0 8px 20px rgba(72,149,239,.4);-webkit-transform:translateY(-4px);-ms-transform:translateY(-4px);transform:translateY(-4px)}.scroll-up:active{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-box-shadow:0 4px 10px rgba(0,0,0,.25);box-shadow:0 4px 10px rgba(0,0,0,.25)}.scroll-up::before{content:"";display:inline-block;width:12px;height:12px;border-left:3px solid #fff;border-bottom:3px solid #fff;-webkit-transform:translateY(25%) rotate(135deg);-ms-transform:translateY(25%) rotate(135deg);transform:translateY(25%) rotate(135deg)}@media (max-width:768px){.current-weather{-ms-grid-columns:1fr;grid-template-columns:1fr}.current-details{-ms-grid-columns:1fr;grid-template-columns:1fr}.daily-container{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.weather-details{-ms-grid-columns:1fr;grid-template-columns:1fr}.day-header{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:.5rem}.detail-card__button{padding:.65rem 1.25rem;font-size:.9rem}}@media (max-width:600px){.daily-container{-ms-grid-columns:1fr;grid-template-columns:1fr}}@media (max-width:479.98px){.fishing-forecast-item{padding:0}}@media (max-width:370px){.hourly-item{min-width:250px}}@media (any-hover:hover){.menu__link:hover::after{width:100%}}.webp .detail-card__img{background:url(../img/fish.webp) no-repeat}.webp .detail-card__img{background:url(../img/fish.webp) no-repeat}