:root{--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:2.5rem;--container-max-width:1500px;--header-height:4rem;--footer-height:3rem;--home-max-width:1500px;--home-margin-x:3%;--home-margin-x-mobile:1rem;--home-padding-x:60px;--home-padding-x-mobile:1rem;--z-dropdown:10;--z-sticky:20;--z-fixed:30;--z-modal-backdrop:40;--z-modal:50;--z-popover:60;--z-tooltip:70}

:root{--card-shadow:0 8px 32px hsl(var(--primary)/15%)}
img{max-width:100%;height:auto;margin-left:auto;margin-right:auto;display:block}
.app-bg{z-index:0;flex-direction:column;min-height:100vh;display:flex;position:relative}.main-content{z-index:0;flex-grow:1;justify-content:center;display:flex;position:relative}.header{z-index:30;--tw-backdrop-blur:blur(4px);width:100%;backdrop-filter:var(--tw-backdrop-blur)var(--tw-backdrop-brightness)var(--tw-backdrop-contrast)var(--tw-backdrop-grayscale)var(--tw-backdrop-hue-rotate)var(--tw-backdrop-invert)var(--tw-backdrop-opacity)var(--tw-backdrop-saturate)var(--tw-backdrop-sepia);color:hsl(var(--primary-foreground));box-shadow:0 2px 8px hsl(var(--primary)/20%);padding:.5rem;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;width:100%;padding-left:1rem;padding-right:1rem;display:flex}.header-home{letter-spacing:.05em;color:hsl(var(--primary-foreground));align-items:center;font-size:1.125rem;font-weight:700;line-height:1.75rem;text-decoration-line:none;display:flex}.header-menu{display:flex}.header-mobile-menu{z-index:50;background:hsl(var(--popover));flex-direction:column;align-items:flex-start;width:100vw;height:100vh;padding-top:.5rem;padding-bottom:.5rem;font-size:.875rem;line-height:1.25rem;display:none;position:fixed;inset:0;overflow-y:auto}.footer{--tw-backdrop-blur:blur(4px);width:100%;backdrop-filter:var(--tw-backdrop-blur)var(--tw-backdrop-brightness)var(--tw-backdrop-contrast)var(--tw-backdrop-grayscale)var(--tw-backdrop-hue-rotate)var(--tw-backdrop-invert)var(--tw-backdrop-opacity)var(--tw-backdrop-saturate)var(--tw-backdrop-sepia);color:hsl(var(--primary-foreground));box-shadow:0 -2px 8px hsl(var(--primary)/20%);background-color:#0d83a1;justify-content:center;padding:1rem;display:flex}.footer-inner{text-align:right;width:80%;max-width:1280px;color:hsl(var(--primary-foreground));font-size:.875rem;line-height:1.25rem}.label-image{z-index:10;object-fit:cover;width:100vw;max-width:none;height:auto;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);display:block;position:relative;overflow:hidden}.app-container{background-color:hsl(var(--card));--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);width:100%;max-width:1500px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);border-radius:0;margin-left:3%;margin-right:3%;padding-left:60px;padding-right:60px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}
.page-content{z-index:0;min-height:100vh;color:hsl(var(--card-foreground));--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);background-color:#0000;border-radius:0;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);position:relative}.page-content-centered{flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 10rem);display:flex}@media (max-width:768px){.page-content{margin:0;padding:1rem .5rem}.page-content-centered{justify-content:flex-start;align-items:flex-start;min-height:0}}.page-content--sm{max-width:42rem}.page-content--md{max-width:56rem}.page-content--lg{max-width:72rem}.page-content--xl{max-width:80rem}.page-content--2xl{max-width:1536px}.page-content--full{max-width:none}.page-content--bg-transparent{background-color:#0000}.page-content--bg-solid{background-color:hsl(var(--card))}.page-content--bg-card{border-radius:var(--radius);border-width:1px;border-color:hsl(var(--border));background-color:hsl(var(--card));--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.page-content__title{margin-bottom:1rem;font-family:"Press Start 2P",monospace;font-size:2.5rem;font-weight:700;line-height:1.2}.page-content__description{margin-top:.5rem;font-family:VT323,monospace;font-size:1.25rem;line-height:1.5}.page-content__header--centered{text-align:center}.page-content__header{margin-bottom:2rem}
input,textarea,select{color:hsl(var(--foreground))}input::placeholder,textarea::placeholder{color:hsl(var(--muted-foreground))}.profile-avatar{background-color:hsl(var(--card));border-width:4px;border-color:hsl(var(--primary)/30%);width:7rem;height:7rem;box-shadow:0 4px 16px hsl(var(--primary)/18%);border-radius:9999px;justify-content:center;align-items:center;margin-bottom:.5rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}
@media (--mobile){.header-mobile-menu{display:flex}.app-container{border-radius:0;width:98vw;max-width:98vw;margin-left:1vw;margin-right:1vw;padding:1rem .25rem}html{font-size:.875rem;line-height:1.25rem}}@media (--tablet){.app-container{border-radius:0;width:98vw;max-width:900px;margin-left:2vw;margin-right:2vw;padding:2rem 1.5rem}}@media (--lg){.header-menu{display:none}.app-container{border-radius:0;width:99vw;max-width:1500px;margin-left:5%;margin-right:5%;padding:2.5rem 2rem}}@media (max-width:1024px){.header-nav{display:none}.header-menu{display:flex}}@media (--reduced-motion){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.markdown-body{overflow-wrap:break-word;text-align:left;color:hsl(var(--foreground));font-size:1rem;line-height:1.625}.markdown-body h1{margin-top:1.5rem;margin-bottom:1.5rem;font-size:1.875rem;font-weight:700;line-height:2.25rem}.markdown-body h2{margin-top:1.25rem;margin-bottom:1.25rem;font-size:1.5rem;font-weight:700;line-height:2rem}.markdown-body h3{margin-top:1rem;margin-bottom:1rem;font-size:1.25rem;font-weight:600;line-height:1.75rem}.markdown-body p{margin-top:.5rem;margin-bottom:.5rem}.markdown-body ul{margin-left:1.5rem;list-style-type:disc}.markdown-body ol{margin-left:1.5rem;list-style-type:decimal}.markdown-body img{border-radius:var(--radius);max-width:100%;margin-top:1rem;margin-bottom:1rem}.markdown-body code{background-color:hsl(var(--muted));color:hsl(var(--primary));border-radius:.25rem;padding:.125rem .375rem;font-size:.875rem;line-height:1.25rem}.markdown-body pre{border-radius:var(--radius);background-color:hsl(var(--muted));margin-top:1rem;margin-bottom:1rem;padding:1rem;overflow-x:auto}.markdown-body blockquote{border-left-width:4px;border-color:hsl(var(--primary));color:hsl(var(--muted-foreground));margin-top:1rem;margin-bottom:1rem;padding-left:1rem;font-style:italic}
.article-card{transition-property:transform;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.3s;animation-timing-function:cubic-bezier(.4,0,.2,1)}.article-card:hover{--tw-translate-y:-.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.article-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;width:100%;display:grid}