pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub Dark
  Description: Dark theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-dark
  Current colors taken from GitHub's CSS
*/.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}:root{--color-background: #0d0e11;--color-surface: #15171b;--color-surface-raised: #1b1e23;--color-surface-hover: #22252b;--color-surface-transparent: rgb(21 23 27 / .72);--color-surface-raised-transparent: rgb(27 30 35 / .78);--color-surface-hover-transparent: rgb(34 37 43 / .84);--color-glass: rgb(21 23 27 / .58);--color-glass-strong: rgb(21 23 27 / .76);--color-text: #f1f2f4;--color-text-secondary: #b5bac4;--color-text-muted: #6f737c;--color-accent: #b9a7ff;--color-accent-hover: #c9baff;--color-accent-muted: rgb(185 167 255 / .14);--color-accent-subtle: rgb(185 167 255 / .08);--color-border: rgb(255 255 255 / .07);--color-border-strong: rgb(255 255 255 / .12);--color-glass-border: rgb(255 255 255 / .08);--color-glass-highlight: rgb(255 255 255 / .04);--color-overlay: rgb(0 0 0 / .35);--color-overlay-heavy: rgb(0 0 0 / .55);--sidebar-width: 240px;--shell-gap: 16px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 26px;--transition-fast: .14s ease;--transition-normal: .22s ease}.app-shell{position:relative;isolation:isolate;width:100%;height:100%;min-height:100vh;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);gap:var(--shell-gap);padding:var(--shell-gap);box-sizing:border-box;overflow:hidden}.app-background{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;z-index:-1;background-position:center;background-repeat:no-repeat;background-size:cover;filter:blur(2px);transform:scale(1.02);pointer-events:none}.app-background:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000059,#0000008c)}.main-frame{min-width:0;min-height:0;overflow:hidden;background:var(--color-glass);border:1px solid var(--color-glass-border);border-radius:var(--radius-xl);backdrop-filter:blur(28px) saturate(1.15);-webkit-backdrop-filter:blur(28px) saturate(1.15);box-shadow:0 20px 60px #00000047}.main-frame__content{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;padding:32px}.sidebar{min-width:0;min-height:0;display:flex;flex-direction:column;padding:20px 14px;background:var(--color-glass);border:1px solid var(--color-glass-border);border-radius:var(--radius-xl);backdrop-filter:blur(24px) saturate(1.15);-webkit-backdrop-filter:blur(24px) saturate(1.15)}.sidebar__header{display:flex;align-items:center;gap:12px;padding:8px 10px 24px}.sidebar__logo{width:38px;height:38px;display:grid;place-items:center;border-radius:var(--radius-md);background:var(--color-accent-muted);color:var(--color-accent);font-size:16px;font-weight:800}.sidebar__name{font-size:15px;font-weight:750;letter-spacing:-.01em}.sidebar__subtitle{margin-top:2px;color:var(--color-text-muted);font-size:11px}.sidebar__nav{display:flex;flex-direction:column;gap:4px}.sidebar__section-label{padding:8px 12px;color:var(--color-text-muted);font-size:10px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.sidebar__item{position:relative;display:flex;align-items:center;gap:11px;width:100%;min-height:42px;padding:0 12px;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);font-size:13px;font-weight:600;text-decoration:none;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.sidebar__item:hover{background:var(--color-surface-hover);color:var(--color-text)}.sidebar__item--active{background:var(--color-accent-muted);border-color:var(--color-border);color:var(--color-accent)}.sidebar__item--active:hover{background:var(--color-accent-muted);color:var(--color-accent)}.sidebar__item .material-symbols-rounded{width:20px;font-size:20px;line-height:1}.sidebar__item--active:before{content:"";position:absolute;left:-1px;width:3px;height:18px;border-radius:0 3px 3px 0;background:var(--color-accent)}.sidebar__footer{margin-top:auto;display:flex;flex-direction:column;gap:4px;padding-top:20px;border-top:1px solid var(--color-border)}.sidebar-profile{display:flex;align-items:center;gap:11px;padding:8px 9px 22px}.sidebar-profile__avatar-wrapper{position:relative;flex:0 0 auto}.sidebar-profile__avatar{display:block;width:40px;height:40px;border-radius:12px;object-fit:cover;border:1px solid var(--color-border-strong)}.sidebar-profile__status{position:absolute;right:-2px;bottom:-2px;width:12px;height:12px;border:3px solid var(--color-surface);border-radius:50%}.sidebar-profile__status--online{background:#23a55a}.sidebar-profile__status--idle{background:#f0b232}.sidebar-profile__status--dnd{background:#f23f42}.sidebar-profile__status--offline{background:#80848e}.sidebar-profile__info{min-width:0;display:flex;flex-direction:column;gap:2px}.sidebar-profile__info strong{overflow:hidden;color:var(--color-text);font-size:13px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.sidebar-profile__info span{overflow:hidden;color:var(--color-text-muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.welcome{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.8fr);gap:36px;padding:36px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-glass)}.welcome__eyebrow{margin-bottom:14px;color:var(--color-accent);font-size:11px;font-weight:750;letter-spacing:.14em;text-transform:uppercase}.welcome__title{margin:0;font-size:clamp(2rem,4vw,3.4rem);line-height:1.05;letter-spacing:-.045em}.welcome__title span{color:var(--color-accent)}.welcome__rotating{min-height:28px;margin:16px 0 0;color:var(--color-text-secondary);font-size:1.05rem;font-weight:600}.welcome__cursor{margin-left:2px;color:var(--color-accent);animation:cursor-blink 1s step-end infinite}.welcome__description{max-width:620px;margin:20px 0 0;color:var(--color-text-secondary);font-size:15px;line-height:1.7}.welcome__tags{display:flex;gap:8px;margin-top:22px}.welcome__tags span{padding:5px 9px;border:1px solid var(--color-border);border-radius:7px;background:var(--color-accent-muted);color:var(--color-accent);font-size:11px;font-weight:700}.welcome__actions{display:flex;gap:10px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 15px;border-radius:var(--radius-sm);font-size:13px;font-weight:650;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.button--primary{background:var(--color-accent);color:#101014}.button--primary:hover{background:var(--color-accent-hover)}.button--secondary{border:1px solid var(--color-border-strong);color:var(--color-text-secondary)}.button--secondary:hover{background:var(--color-surface-hover);color:var(--color-text)}@keyframes cursor-blink{50%{opacity:0}}.welcome__presence{min-width:0;display:flex;align-items:stretch}.welcome__presence .lanyard{width:100%}.welcome__presence-loading{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:180px;color:var(--color-text-muted);font-size:12px;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.welcome__loading-dot{width:7px;height:7px;border-radius:50%;background:var(--color-accent);animation:welcome-pulse 1.5s ease-in-out infinite}@keyframes welcome-pulse{0%,to{opacity:.35}50%{opacity:1}}@media (max-width: 800px){.welcome{grid-template-columns:1fr;gap:24px;padding:24px}.welcome__intro h1{font-size:36px}.welcome__presence{width:100%}}.featured-projects{display:flex;flex-direction:column;gap:24px;margin-top:32px}.featured-projects__header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.featured-projects__header h2{margin:5px 0 8px;color:var(--color-text);font-size:clamp(24px,3vw,32px);font-weight:750;letter-spacing:-.03em}.featured-projects__header p{max-width:560px;margin:0;color:var(--color-text-secondary);font-size:13px;line-height:1.6}.section-eyebrow{color:var(--color-accent);font-size:10px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.featured-projects__link{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;color:var(--color-text-secondary);font-size:12px;font-weight:650;text-decoration:none;transition:color .15s ease,gap .15s ease}.featured-projects__link:hover{color:var(--color-accent);gap:8px}.featured-projects__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.home-project-card{--project-accent: var(--color-accent);position:relative;display:flex;flex-direction:column;min-height:210px;padding:18px;overflow:hidden;color:inherit;text-decoration:none;background:var(--color-glass);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:transform .18s ease,background .18s ease,border-color .18s ease}.home-project-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--project-accent) 12%,transparent),transparent 45%);pointer-events:none}.home-project-card:hover{transform:translateY(-2px);background:var(--color-surface-hover);border-color:color-mix(in srgb,var(--project-accent) 40%,var(--color-border))}.home-project-card__top{position:relative;display:flex;align-items:center;justify-content:space-between}.home-project-card__indicator{width:7px;height:7px;border-radius:50%;background:var(--project-accent);box-shadow:0 0 12px color-mix(in srgb,var(--project-accent) 50%,transparent)}.home-project-card__arrow{color:var(--color-text-muted);transition:color .18s ease,transform .18s ease}.home-project-card:hover .home-project-card__arrow{color:var(--project-accent);transform:translate(2px,-2px)}.home-project-card__content{position:relative;margin-top:auto}.home-project-card__content h3{margin:0 0 6px;color:var(--color-text);font-size:17px;font-weight:700;letter-spacing:-.015em}.home-project-card__content p{margin:0;color:var(--color-text-secondary);font-size:12px;line-height:1.6}.home-project-card__tags{position:relative;display:flex;flex-wrap:wrap;gap:5px;margin-top:18px}.home-project-card__tags span{padding:4px 7px;color:var(--color-text-muted);font-size:9px;font-weight:650;border:1px solid var(--color-border);border-radius:6px}.buttons88{padding:28px;margin-top:32px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-glass)}.buttons88__header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.buttons88__header h2{margin:6px 0 0;color:var(--color-text);font-size:1.35rem;font-weight:750;letter-spacing:-.025em}.buttons88__count{flex-shrink:0;color:var(--color-text-muted);font-size:11px;font-weight:650}.buttons88__description{margin:8px 0 20px;color:var(--color-text-secondary);font-size:13px;line-height:1.6}.buttons88__grid{display:flex;flex-wrap:wrap;gap:10px}.buttons88__button{display:block;width:88px;height:31px;border-radius:4px;overflow:hidden;transition:transform .15s ease,opacity .15s ease,box-shadow .15s ease}.buttons88__button img{display:block;width:88px;height:31px;image-rendering:auto}.buttons88__button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000040;opacity:.9}.buttons88__footer{display:flex;align-items:center;gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:11px}.buttons88__footer button{padding:5px 9px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface-raised);color:var(--color-text-secondary);font:inherit;font-weight:650;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.buttons88__footer button:hover{background:var(--color-accent-muted);border-color:var(--color-accent);color:var(--color-accent)}@media (max-width: 500px){.buttons88{padding:22px}.buttons88__header{align-items:flex-start;flex-direction:column;gap:4px}}.projects-page{display:flex;flex-direction:column;gap:28px}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.page-header__eyebrow{display:block;margin-bottom:8px;color:var(--color-accent);font-size:11px;font-weight:750;letter-spacing:.14em;text-transform:uppercase}.page-header h1{margin:0;font-size:clamp(2rem,4vw,3rem);line-height:1;letter-spacing:-.045em}.page-header p{max-width:620px;margin:14px 0 0;color:var(--color-text-secondary);font-size:15px;line-height:1.6}.project-filters{display:flex;flex-wrap:wrap;gap:6px}.project-filters button{padding:7px 11px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);font:inherit;font-size:12px;font-weight:650;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.project-filters button:hover{background:var(--color-surface-hover);color:var(--color-text)}.project-filters button.active{border-color:var(--color-accent);background:var(--color-accent-muted);color:var(--color-accent)}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.project-card{display:flex;min-width:0;min-height:250px;flex-direction:column;padding:20px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-transparent);transition:transform var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.project-card:hover{transform:translateY(-2px);border-color:var(--color-border-strong);background:var(--color-surface-hover-transparent)}.project-card__top{display:flex;align-items:center;justify-content:space-between}.project-card__icon{display:flex;width:38px;height:38px;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-accent)}.project-card__links{display:flex;gap:4px}.project-card__links a{display:flex;width:32px;height:32px;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--color-text-muted);transition:background var(--transition-fast),color var(--transition-fast)}.project-card__links a:hover{background:var(--color-accent-muted);color:var(--color-accent)}.project-card__body{flex:1;margin-top:22px}.project-card__body h2{margin:0;font-size:19px;font-weight:700;letter-spacing:-.025em}.project-card__body p{margin:9px 0 0;color:var(--color-text-secondary);font-size:13px;line-height:1.6}.project-card__topics{display:flex;flex-wrap:wrap;gap:5px;margin-top:15px}.project-card__topics span{padding:4px 7px;border:1px solid var(--color-border);border-radius:5px;background:var(--color-accent-muted);color:var(--color-accent);font-size:10px;font-weight:650}.project-card__footer{display:flex;align-items:center;justify-content:space-between;margin-top:22px;padding-top:14px;border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:11px}.project-card__language{display:flex;align-items:center;gap:6px}.project-card__language-dot{width:7px;height:7px;border-radius:50%;background:var(--color-accent)}.project-card__stats{display:flex;gap:12px}.project-card__stats span{display:flex;align-items:center;gap:5px}.project-card__stats svg{font-size:10px}.projects-status{display:flex;align-items:center;gap:9px;padding:20px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised);color:var(--color-text-secondary);font-size:13px}.projects-status__dot{width:7px;height:7px;border-radius:50%;background:var(--color-accent);animation:project-pulse 1.5s ease-in-out infinite}.projects-status--error{flex-direction:column;align-items:flex-start}@keyframes project-pulse{50%{opacity:.35}}.projects-empty{padding:50px;border:1px dashed var(--color-border);border-radius:var(--radius-lg);text-align:center;color:var(--color-text-muted)}@media (max-width: 800px){.page-header{align-items:flex-start;flex-direction:column}.project-grid{grid-template-columns:1fr}}.about{margin:0 auto;padding:48px}.about__header{max-width:760px;margin-bottom:64px}.about__eyebrow{display:block;margin-bottom:14px;color:var(--color-accent);font-size:11px;font-weight:750;letter-spacing:.14em;text-transform:uppercase}.about__title{margin:0;color:var(--color-text);font-size:clamp(2.5rem,6vw,4.5rem);line-height:1;letter-spacing:-.055em}.about__title span{color:var(--color-accent)}.about__intro{max-width:680px;margin:22px 0 0;color:var(--color-text-secondary);font-size:17px;line-height:1.7}.about__section{padding:36px 0;border-top:1px solid var(--color-border)}.about__section--last{padding-bottom:0}.about__section-header{display:flex;gap:18px;align-items:flex-start;margin-bottom:28px}.about__section-number{flex:0 0 auto;padding-top:4px;color:var(--color-accent);font-family:monospace;font-size:11px;font-weight:700;opacity:.7}.about__section-header h2{margin:0;color:var(--color-text);font-size:21px;letter-spacing:-.02em}.about__section-header p{margin:5px 0 0;color:var(--color-text-muted);font-size:13px}.about__text{max-width:760px;margin:14px 0 0;color:var(--color-text-secondary);font-size:14px;line-height:1.8}.about__text:first-of-type{margin-top:0}.about__text em{color:var(--color-text)}.about__interest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.about__interest{padding:18px;background:var(--color-surface-transparent);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:13px;font-weight:600;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.about__interest:hover{background:var(--color-surface-hover-transparent);border-color:var(--color-border-strong);transform:translateY(-2px)}.about__toolkit{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.about__toolkit-group{padding:20px;background:var(--color-surface-transparent);border:1px solid var(--color-border);border-radius:var(--radius-md)}.about__toolkit-group h3{margin:0 0 14px;color:var(--color-text);font-size:12px;font-weight:700}.about__toolkit-items{display:flex;flex-wrap:wrap;gap:7px}.about__toolkit-items span{padding:5px 8px;background:var(--color-accent-subtle);border:1px solid var(--color-accent-muted);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:11px;font-weight:600}.about__projects{display:grid;gap:10px}.about__project{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px;background:var(--color-surface-transparent);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.about__project:hover{background:var(--color-surface-hover-transparent);border-color:var(--color-border-strong);transform:translate(3px)}.about__project h3{margin:0;color:var(--color-text);font-size:14px}.about__project p{max-width:700px;margin:6px 0 0;color:var(--color-text-secondary);font-size:12px;line-height:1.6}.about__project-arrow{flex:0 0 auto;color:var(--color-accent);font-size:18px;transition:transform var(--transition-fast)}.about__project:hover .about__project-arrow{transform:translate(2px,-2px)}@media (max-width: 700px){.about{padding:28px 20px}.about__header{margin-bottom:42px}.about__interest-grid,.about__toolkit{grid-template-columns:1fr}.about__section{padding:28px 0}}.blog-page{padding-bottom:48px}.page-header{margin-bottom:32px}.page-header__eyebrow{margin-bottom:8px;color:var(--color-accent);font-size:11px;font-weight:750;letter-spacing:.14em;text-transform:uppercase}.page-header__title{margin:0;font-size:clamp(2rem,4vw,3.4rem);line-height:1.05;letter-spacing:-.045em}.page-header__description{max-width:640px;margin:14px 0 0;color:var(--color-text-secondary);font-size:15px;line-height:1.7}.blog-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.blog-tag{padding:6px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);font:inherit;font-size:11px;font-weight:700;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.blog-tag:hover{color:var(--color-text);border-color:var(--color-border-strong);background:var(--color-surface-hover)}.blog-tag--active{border-color:var(--color-accent);background:var(--color-accent);color:#101014}.blog-list{display:flex;flex-direction:column;gap:10px}.blog-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-glass);color:inherit;text-decoration:none;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.blog-card:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong);transform:translateY(-1px)}.blog-card__content{min-width:0}.blog-card__meta{display:flex;align-items:center;gap:8px;margin-bottom:7px;color:var(--color-text-muted);font-size:11px;font-weight:650}.blog-card__title{margin:0;color:var(--color-text);font-size:18px;font-weight:750;letter-spacing:-.025em}.blog-card:hover .blog-card__title{color:var(--color-accent)}.blog-card__excerpt{max-width:760px;margin:7px 0 12px;color:var(--color-text-secondary);font-size:13px;line-height:1.6}.blog-card__tags,.blog-post__tags{display:flex;flex-wrap:wrap;gap:6px}.blog-card__tags span,.blog-post__tags span{padding:4px 7px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-accent-muted);color:var(--color-accent);font-size:10px;font-weight:700}.blog-card__arrow{flex-shrink:0;color:var(--color-text-muted);transition:color var(--transition-fast),transform var(--transition-fast)}.blog-card:hover .blog-card__arrow{color:var(--color-accent);transform:translate(3px)}.blog-post-page{padding-bottom:64px}.blog-post__back{display:inline-flex;align-items:center;gap:6px;margin-bottom:28px;color:var(--color-text-muted);font-size:12px;font-weight:700;text-decoration:none}.blog-post__back:hover{color:var(--color-accent)}.blog-post__header{margin-bottom:36px;padding-bottom:28px;border-bottom:1px solid var(--color-border)}.blog-post__header h1{margin:0 0 16px;color:var(--color-text);font-size:clamp(2rem,5vw,3.5rem);line-height:1.05;letter-spacing:-.045em}.blog-post__meta{display:flex;align-items:center;gap:8px;margin-bottom:16px;color:var(--color-text-muted);font-size:12px}.blog-post__content{max-width:840px;color:var(--color-text-secondary);font-size:15px}.markdown-content h2,.markdown-content h3,.markdown-content h4{margin-top:2.25rem;margin-bottom:.75rem;color:var(--color-text);line-height:1.2}.markdown-content h2:first-child,.markdown-content h3:first-child,.markdown-content h4:first-child{margin-top:0}.markdown-content h2{font-size:1.7rem}.markdown-content h3{font-size:1.35rem}.markdown-content p{margin:0 0 1.25rem}.markdown-content p:last-child{margin-bottom:0}.markdown-content a{color:var(--color-accent)}.markdown-content strong{color:var(--color-text)}.markdown-content ul,.markdown-content ol{padding-left:1.5rem}.markdown-content li+li{margin-top:5px}.markdown-content blockquote{margin:1.5rem 0;padding:12px 16px;border-left:3px solid var(--color-accent);background:var(--color-surface);color:var(--color-text-secondary)}.markdown-content img{max-width:100%;border:1px solid var(--color-border);border-radius:var(--radius-md)}.markdown-content code{padding:2px 5px;border-radius:5px;background:var(--color-surface-raised);color:var(--color-accent);font-size:.9em}.markdown-content pre{overflow-x:auto;margin:1.5rem 0;padding:16px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background)}.markdown-content pre code{padding:0;background:transparent;color:inherit}.markdown-content hr{margin:2rem 0;border:0;border-top:1px solid var(--color-border)}.blog-post__footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:48px;padding-top:24px;border-top:1px solid var(--color-border)}.blog-post__footer>span{color:var(--color-text-muted);font-size:11px}.blog-state{min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--color-text-muted)}.blog-state .material-symbols-rounded{font-size:40px;opacity:.35}.blog-state__spinner{width:24px;height:24px;border:2px solid var(--color-border-strong);border-top-color:var(--color-accent);border-radius:50%;animation:blog-spin .7s linear infinite}@keyframes blog-spin{to{transform:rotate(360deg)}}@media (max-width: 600px){.blog-card{padding:16px}.blog-card__arrow{display:none}.blog-post__footer{align-items:flex-start;flex-direction:column}}.gallery-page{width:100%;animation:reveal .3s ease}.gallery-page__header{margin-bottom:32px}.gallery-page__eyebrow{margin:0 0 8px;color:var(--color-accent);font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;opacity:.7}.gallery-page__title{margin:0 0 14px;color:var(--color-text);font-size:clamp(42px,6vw,72px);font-weight:800;letter-spacing:-.05em;line-height:1}.gallery-page__accent{width:64px;height:5px;margin-bottom:14px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--color-accent),var(--color-accent-hover))}.gallery-page__description{margin:0;color:var(--color-text-muted);font-size:13px;font-weight:600}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.gallery-card{position:relative;aspect-ratio:1;padding:0;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;text-align:left;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.gallery-card:hover{border-color:var(--color-border-strong);transform:translateY(-2px)}.gallery-card__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.gallery-card:hover .gallery-card__image{transform:scale(1.06)}.gallery-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:space-between;padding:18px;background:linear-gradient(to top,rgba(0,0,0,.85),rgba(0,0,0,.2) 55%,transparent);color:#fff;opacity:0;transition:opacity var(--transition-normal)}.gallery-card:hover .gallery-card__overlay{opacity:1}.gallery-card__overlay h3{margin:0;font-size:15px;font-weight:700}.gallery-card__overlay time{display:block;margin-top:4px;color:#fff9;font-size:11px}.gallery-card__overlay>span{font-size:24px}.gallery-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;overflow:hidden;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.gallery-lightbox__content{position:relative;width:fit-content;height:fit-content;max-width:95vw;overflow:hidden;border-radius:var(--radius-md);box-shadow:0 20px 60px #00000073,0 0 0 1px #ffffff14}.gallery-lightbox__image{display:block;width:auto;height:auto;max-width:95vw;max-height:85vh;object-fit:contain}.gallery-lightbox__caption{position:absolute;right:0;bottom:0;left:0;padding:48px 24px 20px;background:linear-gradient(to top,rgba(0,0,0,.85),transparent);color:#fff}.gallery-lightbox__caption h2{margin:0;font-size:22px;font-weight:700;line-height:1.2}.gallery-lightbox__caption p{margin:5px 0 0;color:#fff9;font-size:12px}.gallery-lightbox__button{position:absolute;z-index:1001;display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);background:#ffffff14;color:#fff;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.gallery-lightbox__button:hover{background:#ffffff29;border-color:#ffffff2e}.gallery-lightbox__button .material-symbols-rounded{font-size:28px}.gallery-lightbox__button--close{top:24px;right:24px}.gallery-lightbox__button--previous{left:24px;top:50%;transform:translateY(-50%)}.gallery-lightbox__button--next{right:24px;top:50%;transform:translateY(-50%)}@media (max-width: 600px){.gallery-lightbox{padding:8px}.gallery-lightbox__button{width:42px;height:42px}.gallery-lightbox__button--close{top:16px;right:16px}.gallery-lightbox__button--previous{left:8px}.gallery-lightbox__button--next{right:8px}.gallery-lightbox__caption{padding:40px 16px 14px}.gallery-lightbox__caption h2{font-size:18px}}.activity-card{display:flex;gap:14px;padding:12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:background .15s ease,border-color .15s ease}.activity-card:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong)}.activity-card__media{position:relative;flex:0 0 56px;width:56px;height:56px}.activity-card__image,.activity-card__placeholder{display:block;width:56px;height:56px;border-radius:12px}.activity-card__image{object-fit:cover}.activity-card__placeholder{display:grid;place-items:center;background:var(--color-surface-raised);color:var(--color-text-muted)}.activity-card__small-image{position:absolute;right:-4px;bottom:-4px;z-index:2;width:20px;height:20px;border:2px solid var(--color-surface);border-radius:7px;object-fit:cover}.activity-card__content{min-width:0;flex:1}.activity-header{display:flex;align-items:baseline;gap:6px;min-width:0}.activity-card__label{flex:0 0 auto;margin:0;color:var(--color-text-muted);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.activity-card__name{min-width:0;overflow:hidden;margin:0;color:var(--color-text);font-size:14px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.activity-card__details{overflow:hidden;margin:2px 0 0;color:var(--color-text-secondary);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.activity-card__state{overflow:hidden;margin:1px 0 0;color:var(--color-text-muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.activity-timestamp{display:flex;flex-direction:column;gap:7px}.activity-timestamp__label{font-size:11px;font-weight:600;letter-spacing:.01em}.activity-timestamp__track{width:100%;height:4px;overflow:hidden;border-radius:999px;opacity:.8}.activity-timestamp__progress{height:100%;border-radius:inherit;transition:width 1s linear}.lanyard{display:flex;flex-direction:column;gap:16px;padding:20px;background:var(--color-glass);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.lanyard__header{display:flex;align-items:center;justify-content:space-between;gap:16px}.lanyard__identity{display:flex;align-items:center;gap:12px;min-width:0}.lanyard__avatar-wrapper{position:relative;flex:0 0 auto}.lanyard__avatar{display:block;width:52px;height:52px;border-radius:15px;object-fit:cover;border:1px solid var(--color-border-strong)}.lanyard__status{position:absolute;right:-2px;bottom:-2px;width:14px;height:14px;border:3px solid var(--color-surface-raised);border-radius:50%}.lanyard__status--online{background:#23a55a}.lanyard__status--idle{background:#f0b232}.lanyard__status--dnd{background:#f23f42}.lanyard__status--offline{background:#80848e}.lanyard__user{min-width:0;display:flex;flex-direction:column}.lanyard__eyebrow{color:var(--color-text-muted);font-size:10px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.lanyard__user h2{overflow:hidden;margin:1px 0 0;color:var(--color-text);font-size:16px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.lanyard__user>span:last-child{overflow:hidden;margin-top:1px;color:var(--color-text-muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.lanyard__status-label{display:flex;align-items:center;gap:6px;color:var(--color-text-muted);font-size:11px;font-weight:650;text-transform:capitalize}.lanyard__status-dot{width:7px;height:7px;border-radius:50%}.lanyard__status-dot--online{background:#23a55a}.lanyard__status-dot--idle{background:#f0b232}.lanyard__status-dot--dnd{background:#f23f42}.lanyard__status-dot--offline{background:#80848e}.lanyard__activities{display:flex;flex-direction:column;gap:10px}.lanyard__empty{padding:16px;border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:12px;text-align:center}*,*:before,*:after{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{background:var(--color-background);color:var(--color-text);font-family:Inter,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}