:root{--font-size-xxxs: clamp(.625rem, .57rem + .125vw, .75rem);--font-size-xxs: clamp(.75rem, .7rem + .25vw, .875rem);--font-size-xs: clamp(.875rem, .8rem + .375vw, 1rem);--font-size-sm: clamp(1rem, .96105rem + .164vw, 1.125rem);--font-size-md: clamp(1.125rem, 1.0471rem + .328vw, 1.375rem);--font-size-lg: clamp(1.375rem, 1.2971rem + .328vw, 1.625rem);--font-size-xl: clamp(1.625rem, 1.50815rem + .492vw, 2rem);--font-size-xxl: clamp(2rem, 1.53664rem + 1.951vw, 3rem);--logo-height: clamp(3rem, 2.7532rem + 1.039vw, 4rem);--font-family-base: "Inter", sans-serif;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--spacing-xxs: .25rem;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 2.5rem;--spacing-xxxl: 3rem;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--color-primary: #007bff;--color-primary-light: #66aaff;--color-primary-dark: #0056b3;--color-accent: #ffc107;--color-accent-light: #ffd966;--color-accent-dark: #e0a800;--color-white: #ffffff;--color-black: #000000;--color-gray-100: #e5e5e5;--color-gray-200: #cccccc;--color-gray-300: #b2b2b2;--color-gray-400: #999999;--color-gray-500: #7f7f7f;--color-gray-600: #666666;--color-gray-700: #4c4c4c;--color-gray-800: #333333;--color-gray-900: #151515;--color-success: #28a745;--color-warning: #ffc107;--color-error: #dc3545;--color-normal: #17a2b8;--color-bg: var(--color-white);--color-text: var(--color-black);--color-link: var(--color-gray-900);--color-hr: var(--color-gray-200);--color-header-bg: rgba(255, 255, 255, .7);--color-header-toggler-border: var(--color-gray-200);--color-header-toggler-bg: var(--color-white);--color-header-circle: var(--color-gray-400);--color-footer-bg: var(--color-gray-500);--color-footer-term: var(--color-gray-100);--color-footer-hr: var(--color-gray-400);--color-footer-copy: var(--color-gray-100);--color-arrow-svg: var(--color-gray-300);--color-description: var(--color-gray-600);--color-tag: var(--color-gray-600);--color-tag-border: var(--color-gray-200);--color-stats: var(--color-gray-400);--color-skeletion-pri: var(--color-gray-100);--color-skeletion-sec: var(--color-gray-200)}.dark-mode{color-scheme:dark;--shadow-sm: 0 1px 2px rgba(255, 255, 255, .1);--shadow-md: 0 4px 6px rgba(255, 255, 255, .1);--shadow-lg: 0 10px 15px rgba(255, 255, 255, .1);--shadow-xl: 0 20px 25px rgba(255, 255, 255, .1);--color-primary-light: #0056b3;--color-primary-dark: #66aaff;--color-bg: var(--color-gray-800);--color-text: var(--color-white);--color-link: var(--color-gray-100);--color-hr: var(--color-gray-700);--color-header-bg: rgba(33, 33, 33, .8);--color-header-toggler-border: var(--color-primary);--color-header-toggler-bg: var(--color-primary);--color-header-circle: var(--color-white);--color-footer-bg: var(--color-gray-900);--color-footer-term: var(--color-gray-300);--color-footer-hr: var(--color-gray-700);--color-footer-copy: var(--color-gray-400);--color-arrow-svg: var(--color-gray-600);--color-description: var(--color-gray-300);--color-tag: var(--color-gray-300);--color-tag-border: var(--color-gray-500);--color-stats: var(--color-gray-500);--color-skeletion-pri: var(--color-gray-700);--color-skeletion-sec: var(--color-gray-800)}*{margin:0;padding:0;box-sizing:border-box;border:none;outline:none;color:var(--color-text);background-color:transparent;font-size:1rem;font-family:var(--font-family-base);transition:all .1s ease-in;letter-spacing:.5px}.html{background-color:var(--color-bg)}h1{font-size:var(--font-size-xxl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}h4{font-size:var(--font-size-md)}h5{font-size:var(--font-size-sm)}h6{font-size:var(--font-size-xs)}.main-container{display:flex;flex-direction:column;min-height:100dvh;background-color:var(--color-bg)}.max-width-wrapper{width:min(calc(100% - var(--spacing-xxl)),1280px);margin:0 auto;flex:1}header{position:sticky;width:100%;top:0;box-shadow:var(--shadow-sm);background-color:var(--color-header-bg);-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);margin-bottom:var(--spacing-xxxl);z-index:99999}.navbar{position:relative;display:flex;align-items:center;justify-content:space-between;height:100%}.logo{height:var(--logo-height);margin:var(--spacing-xxs) 0}.menu{display:flex;align-items:center;gap:var(--spacing-md)}.menu ul{display:flex;gap:var(--spacing-xl);list-style:none}.menu ul li{display:inline-block}.menu ul li button{color:var(--color-link);font-weight:var(--font-weight-medium);font-size:var(--font-size-xs);cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.menu ul li button:active{color:var(--color-primary-dark);transform:scale(1.05)}@media (hover: hover){.menu ul li button:hover{color:var(--color-primary-dark);transform:scale(1.05)}}.menu hr{align-self:stretch;width:2px;background-color:var(--color-hr)}.toggler{position:relative;display:flex;align-items:center;width:2.4rem;height:1.2rem;border-radius:1rem;border:2px solid var(--color-header-toggler-border);background-color:var(--color-header-toggler-bg)}.bi-moon-stars-fill,.bi-sun-fill{position:absolute;font-size:var(--font-size-xxxs);display:flex;top:50%;transform:translateY(-42%)}.bi-moon-stars-fill{color:var(--color-header-circle);left:.23rem}.bi-sun-fill{color:var(--color-header-circle);left:1.36rem}.circle{height:.8rem;aspect-ratio:1;border-radius:50%;background-color:var(--color-header-circle);margin-left:.2rem}[data-circle=true]{margin-left:1.3rem}footer{background-color:var(--color-footer-bg);padding:var(--spacing-xxl) 0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:var(--spacing-xxxl)}.social-links{display:flex;gap:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.social-links a i{color:var(--color-link);font-size:var(--font-size-lg);user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.social-links a i:active{color:var(--color-primary-dark);font-size:var(--font-size-lg);transform:scale(1.05)}@media (hover: hover){.social-links a i:hover{color:var(--color-primary-dark);font-size:var(--font-size-lg);transform:scale(1.05)}}footer a{font-size:var(--font-size-xxs);color:var(--color-footer-term);text-decoration:none;font-weight:var(--font-weight-light)}footer hr{background-color:var(--color-footer-hr);width:min(calc(100% - var(--spacing-xxl)),30rem);height:1px;margin:var(--spacing-md) 0}footer p{font-size:var(--font-size-xs);color:var(--color-footer-copy)}.sort-ctn{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg)}.sort-ctn i{font-size:var(--font-size-lg)}.react-select-container:first-of-type{min-width:10ch}@media (min-width: 390px){.react-select-container:first-of-type{min-width:12ch}}.react-select__control,.react-select__menu,.react-select__option,.react-select__single-value,.react-select__placeholder{font-size:var(--font-size-xxs)!important}.react-select__control{background-color:var(--color-bg)!important;min-height:var(--spacing-xl)!important;border-color:var(--color-gray-400)!important}.react-select__indicator svg{height:var(--spacing-md);width:var(--spacing-md);fill:var(--color-gray-400)!important}.react-select__indicator-separator{background-color:var(--color-hr)!important}.react-select__single-value,.react-select__option--is-selected{color:var(--color-text)!important}.react-select__menu{background-color:var(--color-bg)!important;border:1px solid var(--color-hr)!important;box-shadow:var(--shadow-md)!important}.react-select__option--is-focused{background-color:var(--color-primary-light)!important}.order-ctn{display:flex;align-items:center;justify-content:center;border:1px solid var(--color-gray-400);border-radius:var(--spacing-xxs);height:var(--spacing-xl);aspect-ratio:1}.arrow-svg{fill:var(--color-arrow-svg)}[data-asc=true]{fill:var(--color-primary)}.separator{position:relative;display:flex;align-items:center;width:100%;margin-bottom:var(--spacing-md)}.separator h6{color:var(--color-primary);margin-right:var(--spacing-md)}.separator hr{background-color:var(--color-primary);flex-grow:1;height:3px}.post-card-grid{display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(3,1fr)}.post-card{position:relative;cursor:pointer}.post-card:hover{transform:scale(1.01)}.post-card img{object-fit:cover;width:100%;margin-bottom:var(--spacing-sm)}.post-card article .description{color:var(--color-description);font-size:var(--font-size-xs);line-height:var(--font-size-lg);margin-top:var(--spacing-xxs)}.tag-ctn{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.tag{border:1px solid var(--color-tag-border);border-radius:var(--spacing-xxs);padding:var(--spacing-xxs) var(--spacing-xs);text-transform:uppercase;font-size:var(--font-size-xxxs);font-weight:var(--font-weight-light);color:var(--color-tag);background-color:var(--color-bg)}.post-card article .stats{display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-md)}.post-card article .stats p{color:var(--color-stats);font-size:var(--font-size-xxs);display:flex;align-items:center;gap:.7ch}.post-card article .stats p i{color:var(--color-stats)}.skeleton{background:linear-gradient(120deg,var(--color-skeletion-pri) 25%,var(--color-skeletion-sec),var(--color-skeletion-pri) 75%);background-size:200% 100%;animation:shimmer 1.2s infinite;border-radius:var(--spacing-xs)}@keyframes shimmer{to{background-position:-200% 0}}.skeleton-image{width:100%;aspect-ratio:16 / 9;margin-bottom:var(--spacing-sm)}.skeleton-title{width:70%;height:var(--spacing-xxl)}.skeleton-description{width:100%;height:var(--spacing-md);margin-top:var(--spacing-xxs)}.skeleton-description:nth-child(3){width:85%}.skeleton-tag{width:20%;height:var(--spacing-md);margin-top:var(--spacing-sm)}.skeleton-stats{width:60%;height:var(--spacing-sm);margin-top:var(--spacing-sm)}@media (min-width: 495px) and (max-width: 800px){.post-card-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 495px){.post-card-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.post-card{display:flex;position:relative;gap:var(--spacing-md);align-items:center;border-bottom:1px solid var(--color-hr);padding-bottom:var(--spacing-md)}.post-card:last-of-type{border:none}.post-card img{width:30%;height:100%;margin-bottom:0}.post-card article{flex-grow:1}.skeleton-card{display:flex;width:100%;position:relative;gap:var(--spacing-md);border-bottom:1px solid var(--color-hr);padding-bottom:var(--spacing-md)}.skeleton-image{width:30%;height:100%;margin-bottom:0}.skeleton-article{flex-grow:1}}.about{display:flex;gap:var(--spacing-xl);align-items:center;position:relative;justify-content:center}.about img{position:relative;width:17rem;height:30rem;object-fit:cover}.about article{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-top:var(--spacing-md);width:min(100%,70ch)}.about article h1{position:relative}.about article h1:before{content:"";position:absolute;width:12rem;height:.5rem;top:-.7rem;left:0;background-color:var(--color-primary)}.about article h1 span{font-size:var(--font-size-xxl);color:var(--color-primary)}.about article p{line-height:var(--font-size-xl);font-size:var(--font-size-sm)}.about article p b{line-height:var(--font-size-xl);font-size:var(--font-size-sm);color:var(--color-primary)}@media (max-width: 680px){.about{flex-direction:column}.about img{width:min(430px,100% + var(--spacing-xxl));height:auto}}.max-width-wrapper-content{width:min(100%,70ch);margin:0 auto}.not-found{display:flex;text-align:center;justify-content:center;flex-direction:column}.not-found h1{color:var(--color-primary);display:flex;align-items:center;justify-content:center;gap:.7ch}.not-found h1 i{color:var(--color-primary);font-size:inherit}.not-found h4{margin-top:var(--spacing-sm);line-height:var(--font-size-xxl);font-weight:var(--font-weight-regular)}.not-found p{margin-top:var(--spacing-sm);line-height:var(--font-size-xl)}.not-found .home-button-ctn{margin-top:var(--spacing-sm)}.cookie{display:flex;flex-direction:column;gap:var(--spacing-lg)}.cookie h1:after{content:" 🍪"}.cookie p,.cookie ul,.cookie li,.cookie a,.cookie strong{line-height:var(--font-size-xl);font-size:var(--font-size-sm)}.cookie ul{margin-left:var(--spacing-md);display:grid;gap:var(--spacing-xxs)}.cookie ul li a{word-break:break-all}.post{position:relative}.post h1{margin-bottom:var(--spacing-lg);color:var(--color-link);text-align:center}.post .tag-ctn,.post .skeleton-tag{justify-self:center;margin-bottom:var(--spacing-xxxl)}.post img{width:100%}.post .stats{display:flex;justify-content:space-between;margin-top:var(--spacing-xl)}.post .stats p{margin-bottom:var(--spacing-xs);color:var(--color-stats);font-size:var(--font-size-xxxs);font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:.7ch}.post .stats p i{color:var(--color-stats)}.post hr{height:1px;background-color:var(--color-hr)}.post article{margin:var(--spacing-xl) 0;display:flex;flex-direction:column;gap:var(--spacing-lg)}.post article p,.post article p>*{line-height:var(--font-size-xl);font-size:var(--font-size-sm)}figcaption{font-style:italic;font-size:var(--font-size-xs);margin-top:var(--spacing-xxs)}figcaption:before{content:"Image: "}.share-ctn{display:flex;justify-content:end;margin-bottom:var(--spacing-xs)}.share{display:flex;align-items:center;gap:.7ch;cursor:pointer;color:var(--color-success)}.share i{color:var(--color-success)}.home-button-ctn{display:flex;justify-content:center;margin-top:var(--spacing-xxxl)}.home-button{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-xl);font-weight:var(--font-weight-medium);border-radius:var(--spacing-xxxl);color:var(--color-primary);border:1px solid var(--color-primary)}.home-button i{margin-top:1.5px;color:var(--color-primary)}.home-button:hover{background-color:var(--color-primary);color:var(--color-white);transform:scale(1.05)}.home-button:hover i{color:var(--color-white)}