@media (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}}pre code.hljs{padding:1em;display:block;overflow-x:auto}code.hljs{padding:3px 5px}.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:#15171bb8;--color-surface-raised-transparent:#1b1e23c7;--color-surface-hover-transparent:#22252bd6;--color-glass:#15171b94;--color-glass-strong:#15171bc2;--color-text:#f1f2f4;--color-text-secondary:#b5bac4;--color-text-muted:#6f737c;--color-accent:#b9a7ff;--color-accent-hover:#c9baff;--color-accent-muted:#b9a7ff24;--color-accent-subtle:#b9a7ff14;--color-border:#ffffff12;--color-border-strong:#ffffff1f;--color-glass-border:#ffffff14;--color-glass-highlight:#ffffff0a;--color-overlay:#00000059;--color-overlay-heavy:#0000008c;--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{isolation:isolate;grid-template-columns:var(--sidebar-width) minmax(0, 1fr);gap:var(--shell-gap);width:100%;height:100%;min-height:100vh;padding:var(--shell-gap);box-sizing:border-box;display:grid;position:relative;overflow:hidden}@media (width<=768px){.app-shell{grid-template-columns:minmax(0,1fr);gap:0;padding:0}.app-background{inset:0}}.app-background{z-index:-1;filter:blur(2px);pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:-20px;transform:scale(1.02)}.app-background:after{content:"";background:linear-gradient(#00000059,#0000008c);position:absolute;inset:0}.main-frame{background:var(--color-glass);border:1px solid var(--color-glass-border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(28px)saturate(1.15);min-width:0;min-height:0;overflow:hidden;box-shadow:0 20px 60px #00000047}@media (width<=768px){.main-frame{border:none;border-radius:0}}.main-frame__content{width:100%;height:100%;padding:32px;overflow:hidden auto}@media (width<=768px){.main-frame__content{padding:16px}}.sidebar{background:var(--color-glass);border:1px solid var(--color-glass-border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(24px)saturate(1.15);flex-direction:column;min-width:0;min-height:0;padding:20px 14px;display:flex}@media (width<=768px){.sidebar{display:none}}.sidebar__header{align-items:center;gap:12px;padding:8px 10px 24px;display:flex}.sidebar__logo{border-radius:var(--radius-md);background:var(--color-accent-muted);width:38px;height:38px;color:var(--color-accent);place-items:center;font-size:16px;font-weight:800;display:grid}.sidebar__name{letter-spacing:-.01em;font-size:15px;font-weight:750}.sidebar__subtitle{color:var(--color-text-muted);margin-top:2px;font-size:11px}.sidebar__nav{flex-direction:column;gap:4px;display:flex}.sidebar__section-label{color:var(--color-text-muted);letter-spacing:.12em;text-transform:uppercase;padding:8px 12px;font-size:10px;font-weight:750}.sidebar__item{border-radius:var(--radius-md);width:100%;min-height:42px;color:var(--color-text-secondary);transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:0 0;border:1px solid #0000;align-items:center;gap:11px;padding:0 12px;font-size:13px;font-weight:600;text-decoration:none;display:flex;position:relative}.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:"";background:var(--color-accent);border-radius:0 3px 3px 0;width:3px;height:18px;position:absolute;left:-1px}.sidebar__footer{border-top:1px solid var(--color-border);flex-direction:column;gap:4px;margin-top:auto;padding-top:20px;display:flex}.sidebar-profile{align-items:center;gap:11px;padding:8px 9px 22px;display:flex}.sidebar-profile__avatar-wrapper{flex:none;position:relative}.sidebar-profile__avatar{object-fit:cover;border:1px solid var(--color-border-strong);border-radius:12px;width:40px;height:40px;display:block}.sidebar-profile__status{border:3px solid var(--color-surface);border-radius:50%;width:12px;height:12px;position:absolute;bottom:-2px;right:-2px}.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{flex-direction:column;gap:2px;min-width:0;display:flex}.sidebar-profile__info strong{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.sidebar-profile__info span{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.mobile-nav{z-index:1000;background:var(--color-glass);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(24px)saturate(1.15);grid-template-columns:repeat(6,1fr);padding:8px;display:grid;position:fixed;bottom:12px;left:12px;right:12px;box-shadow:0 8px 32px #00000059}.mobile-nav__item{border-radius:var(--radius-md);min-width:0;min-height:52px;color:var(--color-text-secondary);transition:background var(--transition-fast), color var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:6px 2px;text-decoration:none;display:flex}.mobile-nav__item:hover{background:var(--color-surface-hover);color:var(--color-text)}.mobile-nav__item--active{background:var(--color-accent-muted);color:var(--color-accent)}.mobile-nav__item .material-symbols-rounded{font-size:21px;line-height:1}.mobile-nav__label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;font-weight:600;line-height:1.2;overflow:hidden}@media (width>=769px){.mobile-nav{display:none}}.welcome{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-glass);grid-template-columns:minmax(0,1.4fr) minmax(300px,.8fr);gap:36px;padding:36px;display:grid}.welcome__eyebrow{color:var(--color-accent);letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px;font-size:11px;font-weight:750}.welcome__title{letter-spacing:-.045em;margin:0;font-size:clamp(2rem,4vw,3.4rem);line-height:1.05}.welcome__title span{color:var(--color-accent)}.welcome__rotating{min-height:28px;color:var(--color-text-secondary);margin:16px 0 0;font-size:1.05rem;font-weight:600}.welcome__cursor{color:var(--color-accent);margin-left:2px;animation:1s step-end infinite cursor-blink}.welcome__description{max-width:620px;color:var(--color-text-secondary);margin:20px 0 0;font-size:15px;line-height:1.7}.welcome__tags{gap:8px;margin-top:22px;display:flex}.welcome__tags span{border:1px solid var(--color-border);background:var(--color-accent-muted);color:var(--color-accent);border-radius:7px;padding:5px 9px;font-size:11px;font-weight:700}.welcome__actions{gap:10px;margin-top:28px;display:flex}.button{border-radius:var(--radius-sm);min-height:38px;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);justify-content:center;align-items:center;padding:0 15px;font-size:13px;font-weight:650;display:inline-flex}.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{align-items:stretch;min-width:0;display:flex}.welcome__presence .lanyard{width:100%}.welcome__presence-loading{width:100%;min-height:180px;color:var(--color-text-muted);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex}.welcome__loading-dot{background:var(--color-accent);border-radius:50%;width:7px;height:7px;animation:1.5s ease-in-out infinite welcome-pulse}@keyframes welcome-pulse{0%,to{opacity:.35}50%{opacity:1}}@media (width<=800px){.welcome{grid-template-columns:1fr;gap:24px;padding:24px}.welcome__intro h1{font-size:36px}.welcome__presence{width:100%}}.featured-projects{flex-direction:column;gap:24px;margin-top:32px;display:flex}.featured-projects__header{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.featured-projects__header h2{color:var(--color-text);letter-spacing:-.03em;margin:5px 0 8px;font-size:clamp(24px,3vw,32px);font-weight:750}.featured-projects__header p{max-width:560px;color:var(--color-text-secondary);margin:0;font-size:13px;line-height:1.6}.section-eyebrow{color:var(--color-accent);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:750}.featured-projects__link{color:var(--color-text-secondary);flex:none;align-items:center;gap:5px;font-size:12px;font-weight:650;text-decoration:none;transition:color .15s,gap .15s;display:inline-flex}.featured-projects__link:hover{color:var(--color-accent);gap:8px}.featured-projects__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.home-project-card{--project-accent:var(--color-accent);min-height:210px;color:inherit;background:var(--color-glass);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;padding:18px;text-decoration:none;transition:transform .18s,background .18s,border-color .18s;display:flex;position:relative;overflow:hidden}.home-project-card:before{content:"";background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--project-accent) 12%, transparent), transparent 45%);pointer-events:none;position:absolute;inset:0}.home-project-card:hover{background:var(--color-surface-hover);border-color:color-mix(in srgb, var(--project-accent) 40%, var(--color-border));transform:translateY(-2px)}.home-project-card__top{justify-content:space-between;align-items:center;display:flex;position:relative}.home-project-card__indicator{background:var(--project-accent);width:7px;height:7px;box-shadow:0 0 12px color-mix(in srgb, var(--project-accent) 50%, transparent);border-radius:50%}.home-project-card__arrow{color:var(--color-text-muted);transition:color .18s,transform .18s}.home-project-card:hover .home-project-card__arrow{color:var(--project-accent);transform:translate(2px,-2px)}.home-project-card__content{margin-top:auto;position:relative}.home-project-card__content h3{color:var(--color-text);letter-spacing:-.015em;margin:0 0 6px;font-size:17px;font-weight:700}.home-project-card__content p{color:var(--color-text-secondary);margin:0;font-size:12px;line-height:1.6}.home-project-card__tags{flex-wrap:wrap;gap:5px;margin-top:18px;display:flex;position:relative}.home-project-card__tags span{color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:6px;padding:4px 7px;font-size:9px;font-weight:650}.buttons88{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-glass);margin-top:32px;padding:28px}.buttons88__header{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.buttons88__header h2{color:var(--color-text);letter-spacing:-.025em;margin:6px 0 0;font-size:1.35rem;font-weight:750}.buttons88__count{color:var(--color-text-muted);flex-shrink:0;font-size:11px;font-weight:650}.buttons88__description{color:var(--color-text-secondary);margin:8px 0 20px;font-size:13px;line-height:1.6}.buttons88__grid{flex-wrap:wrap;gap:10px;display:flex}.buttons88__button{border-radius:4px;width:88px;height:31px;transition:transform .15s,opacity .15s,box-shadow .15s;display:block;overflow:hidden}.buttons88__button img{image-rendering:auto;width:88px;height:31px;display:block}.buttons88__button:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 4px 12px #00000040}.buttons88__footer{border-top:1px solid var(--color-border);color:var(--color-text-muted);align-items:center;gap:10px;margin-top:22px;padding-top:18px;font-size:11px;display:flex}.buttons88__footer button{border:1px solid var(--color-border);background:var(--color-surface-raised);color:var(--color-text-secondary);font:inherit;cursor:pointer;border-radius:6px;padding:5px 9px;font-weight:650;transition:background .15s,color .15s,border-color .15s}.buttons88__footer button:hover{background:var(--color-accent-muted);border-color:var(--color-accent);color:var(--color-accent)}@media (width<=500px){.buttons88{padding:22px}.buttons88__header{flex-direction:column;align-items:flex-start;gap:4px}}.projects-page{flex-direction:column;gap:28px;display:flex}.page-header{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.page-header__eyebrow{color:var(--color-accent);letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:750;display:block}.page-header h1{letter-spacing:-.045em;margin:0;font-size:clamp(2rem,4vw,3rem);line-height:1}.page-header p{max-width:620px;color:var(--color-text-secondary);margin:14px 0 0;font-size:15px;line-height:1.6}.project-filters{flex-wrap:wrap;gap:6px;display:flex}.project-filters button{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font:inherit;cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:0 0;padding:7px 11px;font-size:12px;font-weight:650}.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{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.project-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-transparent);min-width:0;min-height:250px;transition:transform var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);flex-direction:column;padding:20px;display:flex}.project-card:hover{border-color:var(--color-border-strong);background:var(--color-surface-hover-transparent);transform:translateY(-2px)}.project-card__top{justify-content:space-between;align-items:center;display:flex}.project-card__icon{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);width:38px;height:38px;color:var(--color-accent);justify-content:center;align-items:center;display:flex}.project-card__links{gap:4px;display:flex}.project-card__links a{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-text-muted);transition:background var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;display:flex}.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{letter-spacing:-.025em;margin:0;font-size:19px;font-weight:700}.project-card__body p{color:var(--color-text-secondary);margin:9px 0 0;font-size:13px;line-height:1.6}.project-card__topics{flex-wrap:wrap;gap:5px;margin-top:15px;display:flex}.project-card__topics span{border:1px solid var(--color-border);background:var(--color-accent-muted);color:var(--color-accent);border-radius:5px;padding:4px 7px;font-size:10px;font-weight:650}.project-card__footer{border-top:1px solid var(--color-border);color:var(--color-text-muted);justify-content:space-between;align-items:center;margin-top:22px;padding-top:14px;font-size:11px;display:flex}.project-card__language{align-items:center;gap:6px;display:flex}.project-card__language-dot{background:var(--color-accent);border-radius:50%;width:7px;height:7px}.project-card__stats{gap:12px;display:flex}.project-card__stats span{align-items:center;gap:5px;display:flex}.project-card__stats svg{font-size:10px}.projects-status{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised);color:var(--color-text-secondary);align-items:center;gap:9px;padding:20px;font-size:13px;display:flex}.projects-status__dot{background:var(--color-accent);border-radius:50%;width:7px;height:7px;animation:1.5s ease-in-out infinite project-pulse}.projects-status--error{flex-direction:column;align-items:flex-start}@keyframes project-pulse{50%{opacity:.35}}.projects-empty{border:1px dashed var(--color-border);border-radius:var(--radius-lg);text-align:center;color:var(--color-text-muted);padding:50px}@media (width<=800px){.page-header{flex-direction:column;align-items:flex-start}.project-grid{grid-template-columns:1fr}}.about{margin:0 auto;padding:48px}.about__header{max-width:760px;margin-bottom:64px}.about__eyebrow{color:var(--color-accent);letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px;font-size:11px;font-weight:750;display:block}.about__title{color:var(--color-text);letter-spacing:-.055em;margin:0;font-size:clamp(2.5rem,6vw,4.5rem);line-height:1}.about__title span{color:var(--color-accent)}.about__intro{max-width:680px;color:var(--color-text-secondary);margin:22px 0 0;font-size:17px;line-height:1.7}.about__section{border-top:1px solid var(--color-border);padding:36px 0}.about__section--last{padding-bottom:0}.about__section-header{align-items:flex-start;gap:18px;margin-bottom:28px;display:flex}.about__section-number{color:var(--color-accent);opacity:.7;flex:none;padding-top:4px;font-family:monospace;font-size:11px;font-weight:700}.about__section-header h2{color:var(--color-text);letter-spacing:-.02em;margin:0;font-size:21px}.about__section-header p{color:var(--color-text-muted);margin:5px 0 0;font-size:13px}.about__text{max-width:760px;color:var(--color-text-secondary);margin:14px 0 0;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{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.about__interest{background:var(--color-surface-transparent);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);transition:background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);padding:18px;font-size:13px;font-weight:600}.about__interest:hover{background:var(--color-surface-hover-transparent);border-color:var(--color-border-strong);transform:translateY(-2px)}.about__toolkit{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.about__toolkit-group{background:var(--color-surface-transparent);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:20px}.about__toolkit-group h3{color:var(--color-text);margin:0 0 14px;font-size:12px;font-weight:700}.about__toolkit-items{flex-wrap:wrap;gap:7px;display:flex}.about__toolkit-items span{background:var(--color-accent-subtle);border:1px solid var(--color-accent-muted);border-radius:var(--radius-sm);color:var(--color-text-secondary);padding:5px 8px;font-size:11px;font-weight:600}.about__projects{gap:10px;display:grid}.about__project{background:var(--color-surface-transparent);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);justify-content:space-between;align-items:center;gap:20px;padding:20px;text-decoration:none;display:flex}.about__project:hover{background:var(--color-surface-hover-transparent);border-color:var(--color-border-strong);transform:translate(3px)}.about__project h3{color:var(--color-text);margin:0;font-size:14px}.about__project p{max-width:700px;color:var(--color-text-secondary);margin:6px 0 0;font-size:12px;line-height:1.6}.about__project-arrow{color:var(--color-accent);transition:transform var(--transition-fast);flex:none;font-size:18px}.about__project:hover .about__project-arrow{transform:translate(2px,-2px)}@media (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{color:var(--color-accent);letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:750}.page-header__title{letter-spacing:-.045em;margin:0;font-size:clamp(2rem,4vw,3.4rem);line-height:1.05}.page-header__description{max-width:640px;color:var(--color-text-secondary);margin:14px 0 0;font-size:15px;line-height:1.7}.blog-tags{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.blog-tag{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font:inherit;cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);background:0 0;padding:6px 10px;font-size:11px;font-weight:700}.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{flex-direction:column;gap:10px;display:flex}.blog-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-glass);color:inherit;transition:background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);justify-content:space-between;align-items:center;gap:24px;padding:20px;text-decoration:none;display:flex}.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{color:var(--color-text-muted);align-items:center;gap:8px;margin-bottom:7px;font-size:11px;font-weight:650;display:flex}.blog-card__title{color:var(--color-text);letter-spacing:-.025em;margin:0;font-size:18px;font-weight:750}.blog-card:hover .blog-card__title{color:var(--color-accent)}.blog-card__excerpt{max-width:760px;color:var(--color-text-secondary);margin:7px 0 12px;font-size:13px;line-height:1.6}.blog-card__tags,.blog-post__tags{flex-wrap:wrap;gap:6px;display:flex}.blog-card__tags span,.blog-post__tags span{border:1px solid var(--color-border);background:var(--color-accent-muted);color:var(--color-accent);border-radius:6px;padding:4px 7px;font-size:10px;font-weight:700}.blog-card__arrow{color:var(--color-text-muted);transition:color var(--transition-fast), transform var(--transition-fast);flex-shrink:0}.blog-card:hover .blog-card__arrow{color:var(--color-accent);transform:translate(3px)}.blog-post-page{padding-bottom:64px}.blog-post__back{color:var(--color-text-muted);align-items:center;gap:6px;margin-bottom:28px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.blog-post__back:hover{color:var(--color-accent)}.blog-post__header{border-bottom:1px solid var(--color-border);margin-bottom:36px;padding-bottom:28px}.blog-post__header h1{color:var(--color-text);letter-spacing:-.045em;margin:0 0 16px;font-size:clamp(2rem,5vw,3.5rem);line-height:1.05}.blog-post__meta{color:var(--color-text-muted);align-items:center;gap:8px;margin-bottom:16px;font-size:12px;display:flex}.blog-post__content{max-width:840px;color:var(--color-text-secondary);font-size:15px}.markdown-content h2,.markdown-content h3,.markdown-content h4{color:var(--color-text);margin-top:2.25rem;margin-bottom:.75rem;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{border-left:3px solid var(--color-accent);background:var(--color-surface);color:var(--color-text-secondary);margin:1.5rem 0;padding:12px 16px}.markdown-content img{border:1px solid var(--color-border);border-radius:var(--radius-md);max-width:100%}.markdown-content code{background:var(--color-surface-raised);color:var(--color-accent);border-radius:5px;padding:2px 5px;font-size:.9em}.markdown-content pre{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background);margin:1.5rem 0;padding:16px;overflow-x:auto}.markdown-content pre code{color:inherit;background:0 0;padding:0}.markdown-content hr{border:0;border-top:1px solid var(--color-border);margin:2rem 0}.blog-post__footer{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:16px;margin-top:48px;padding-top:24px;display:flex}.blog-post__footer>span{color:var(--color-text-muted);font-size:11px}.blog-state{min-height:240px;color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.blog-state .material-symbols-rounded{opacity:.35;font-size:40px}.blog-state__spinner{border:2px solid var(--color-border-strong);border-top-color:var(--color-accent);border-radius:50%;width:24px;height:24px;animation:.7s linear infinite blog-spin}@keyframes blog-spin{to{transform:rotate(360deg)}}@media (width<=600px){.blog-card{padding:16px}.blog-card__arrow{display:none}.blog-post__footer{flex-direction:column;align-items:flex-start}}.music-page{padding-bottom:64px}.music-page__header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:40px;display:flex}.music-page__header h1{color:var(--color-text);letter-spacing:-.055em;margin:0 0 8px;font-size:clamp(2.5rem,6vw,4.5rem);line-height:1}.music-page__header p{color:var(--color-text-muted);margin:0;font-size:14px}.music-page__lastfm-link{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);align-items:center;gap:8px;padding:9px 12px;font-size:12px;font-weight:700;text-decoration:none;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.music-page__lastfm-link:hover{color:var(--color-text);border-color:var(--color-border-strong);background:var(--color-surface)}.music-now-playing{margin-bottom:48px}.music-section__label{color:var(--color-accent);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:7px;margin-bottom:12px;font-size:11px;font-weight:800;display:flex}.now-playing{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(110deg, var(--color-glass), var(--color-glass-strong));min-height:150px;color:inherit;align-items:center;gap:22px;padding:20px;text-decoration:none;display:flex;position:relative;overflow:hidden}.now-playing:hover .now-playing__external{opacity:1;transform:translateY(-50%)translate(0)}.now-playing__art{border-radius:var(--radius-md);background:var(--color-surface-raised);width:110px;height:110px;color:var(--color-text-muted);flex:0 0 110px;place-items:center;display:grid;overflow:hidden}.now-playing__art img{object-fit:cover;width:100%;height:100%}.now-playing__info{min-width:0}.now-playing__status{color:var(--color-accent);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:7px;margin-bottom:8px;font-size:11px;font-weight:800;display:flex}.now-playing__status>span{background:var(--color-accent);width:7px;height:7px;box-shadow:0 0 10px var(--color-accent);border-radius:50%}.now-playing h2{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;margin:0 0 5px;font-size:clamp(1.4rem,3vw,2rem);overflow:hidden}.now-playing p{color:var(--color-text-secondary);margin:0 0 3px;font-size:14px}.now-playing__info>span:last-child{color:var(--color-text-muted);font-size:12px}.now-playing__external{color:var(--color-text-muted);opacity:0;transition:opacity .15s,transform .15s;position:absolute;top:50%;right:24px;transform:translateY(-50%)translate(5px)}.now-playing--empty{color:var(--color-text-muted)}.now-playing--empty h2{font-size:1.2rem}.now-playing__empty-icon{border-radius:var(--radius-md);background:var(--color-accent-muted);width:72px;height:72px;color:var(--color-text-muted);flex:0 0 72px;place-items:center;display:grid}.music-section{margin-bottom:56px}.music-section__header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.music-section__header h2,.music-period h2{color:var(--color-text);letter-spacing:-.025em;margin:0;font-size:1.5rem}.music-refresh{border:1px solid var(--color-border);border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;background:0 0;place-items:center;display:grid}.music-refresh:hover{color:var(--color-text);background:var(--color-surface)}.music-refresh__spinning{animation:.7s linear infinite music-spin}@keyframes music-spin{to{transform:rotate(360deg)}}.recent-tracks{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-border);grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;display:grid;overflow:hidden}.recent-track{background:var(--color-background);min-width:0;color:inherit;align-items:center;gap:12px;padding:11px;text-decoration:none;display:flex}.recent-track:hover{background:var(--color-surface)}.recent-track__art{background:var(--color-surface-raised);width:42px;height:42px;color:var(--color-text-muted);border-radius:5px;flex:0 0 42px;place-items:center;display:grid;overflow:hidden}.recent-track__art img{object-fit:cover;width:100%;height:100%}.recent-track__info{flex-direction:column;gap:2px;min-width:0;display:flex}.recent-track__info strong,.recent-track__info span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recent-track__info strong{color:var(--color-text);font-size:13px}.recent-track__info span{color:var(--color-text-muted);font-size:11px}.recent-track__external{color:var(--color-text-muted);opacity:.4;flex:none;margin-left:auto}.recent-track__live{color:var(--color-accent);align-items:center;gap:5px;margin-left:auto;font-size:9px;font-weight:800;display:flex}.recent-track__live>span{background:var(--color-accent);border-radius:50%;width:5px;height:5px}.music-period{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:20px;display:flex}.music-period__controls{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-glass);flex-wrap:wrap;gap:4px;padding:3px;display:flex}.music-period__button{color:var(--color-text-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:6px 10px;font-size:11px}.music-period__button:hover{color:var(--color-text)}.music-period__button--active{background:var(--color-glass-strong);color:var(--color-text)}.music-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.music-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-glass);min-width:0;padding:20px}.music-card--wide{grid-column:1/-1}.music-card__header{color:var(--color-text-muted);justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.music-card__header h3{color:var(--color-text);margin:0;font-size:18px}.music-card__eyebrow{color:var(--color-accent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:3px;font-size:9px;font-weight:800;display:block}.artist-list,.ranked-list{flex-direction:column;gap:2px;display:flex}.artist-row,.ranked-row{border-radius:var(--radius-md);min-width:0;color:inherit;align-items:center;gap:10px;padding:8px;text-decoration:none;display:flex}.artist-row:hover,.ranked-row:hover{background:var(--color-surface-raised)}.artist-row__rank,.ranked-row__rank{width:24px;color:var(--color-text-muted);font-variant-numeric:tabular-nums;flex:0 0 24px;font-size:10px}.artist-row__image,.ranked-row__image{background:var(--color-surface-raised);width:42px;height:42px;color:var(--color-text-muted);border-radius:5px;flex:0 0 42px;place-items:center;font-size:16px;font-weight:700;display:grid;overflow:hidden}.artist-row__image img,.ranked-row__image img{object-fit:cover;width:100%;height:100%}.artist-row__info,.ranked-row__info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.artist-row__info strong,.ranked-row__info strong{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.artist-row__info span,.ranked-row__info span{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.artist-row>svg,.ranked-row>svg{color:var(--color-text-muted);opacity:0;flex:none}.artist-row:hover>svg,.ranked-row:hover>svg{opacity:.7}.album-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;display:grid}.album{min-width:0;color:inherit;text-decoration:none}.album__image{aspect-ratio:1;border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text-muted);place-items:center;margin-bottom:10px;display:grid;overflow:hidden}.album__image img{object-fit:cover;width:100%;height:100%;transition:transform .2s}.album:hover .album__image img{transform:scale(1.04)}.album strong,.album span,.album small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.album strong{color:var(--color-text);font-size:13px}.album span{color:var(--color-text-secondary);margin-top:3px;font-size:11px}.album small{color:var(--color-text-muted);margin-top:4px;font-size:10px}.music-error{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-glass);color:var(--color-text-secondary);align-items:center;gap:10px;margin-bottom:24px;padding:12px 14px;font-size:12px;display:flex}.music-error .material-symbols-rounded{color:var(--color-accent)}.music-error button{color:var(--color-accent);font:inherit;cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:11px;font-weight:700}@media (width<=800px){.music-page__header,.music-period{flex-direction:column;align-items:flex-start}.recent-tracks,.music-grid{grid-template-columns:1fr}.music-card--wide{grid-column:auto}.album-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=500px){.now-playing{gap:14px;padding:14px}.now-playing__art{flex-basis:80px;width:80px;height:80px}.now-playing h2{font-size:1.15rem}.recent-tracks{grid-template-columns:1fr}.album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.gallery-page{width:100%;animation:.3s reveal}.gallery-page__header{margin-bottom:32px}.gallery-page__eyebrow{color:var(--color-accent);letter-spacing:.2em;text-transform:uppercase;opacity:.7;margin:0 0 8px;font-size:11px;font-weight:800}.gallery-page__title{color:var(--color-text);letter-spacing:-.05em;margin:0 0 14px;font-size:clamp(42px,6vw,72px);font-weight:800;line-height:1}.gallery-page__accent{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--color-accent), var(--color-accent-hover));width:64px;height:5px;margin-bottom:14px}.gallery-page__description{color:var(--color-text-muted);margin:0;font-size:13px;font-weight:600}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.gallery-card{aspect-ratio:1;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);padding:0;position:relative;overflow:hidden}.gallery-card:hover{border-color:var(--color-border-strong);transform:translateY(-2px)}.gallery-card__image{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.gallery-card:hover .gallery-card__image{transform:scale(1.06)}.gallery-card__overlay{color:#fff;opacity:0;transition:opacity var(--transition-normal);background:linear-gradient(#0000,#0003 45%,#000000d9);justify-content:space-between;align-items:flex-end;padding:18px;display:flex;position:absolute;inset:0}.gallery-card:hover .gallery-card__overlay{opacity:1}.gallery-card__overlay h3{margin:0;font-size:15px;font-weight:700}.gallery-card__overlay time{color:#fff9;margin-top:4px;font-size:11px;display:block}.gallery-card__overlay>span{font-size:24px}.gallery-lightbox{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow:hidden}.gallery-lightbox__content{border-radius:var(--radius-md);width:fit-content;max-width:95vw;height:fit-content;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000073,0 0 0 1px #ffffff14}.gallery-lightbox__image{object-fit:contain;width:auto;max-width:95vw;height:auto;max-height:85vh;display:block}.gallery-lightbox__caption{color:#fff;background:linear-gradient(#0000,#000000d9);padding:48px 24px 20px;position:absolute;bottom:0;left:0;right:0}.gallery-lightbox__caption h2{margin:0;font-size:22px;font-weight:700;line-height:1.2}.gallery-lightbox__caption p{color:#fff9;margin:5px 0 0;font-size:12px}.gallery-lightbox__button{z-index:1001;border-radius:var(--radius-sm);color:#fff;cursor:pointer;width:48px;height:48px;transition:background var(--transition-fast), border-color var(--transition-fast);background:#ffffff14;border:1px solid #ffffff1a;place-items:center;padding:0;display:grid;position:absolute}.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{top:50%;left:24px;transform:translateY(-50%)}.gallery-lightbox__button--next{top:50%;right:24px;transform:translateY(-50%)}@media (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{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:14px;padding:12px;transition:background .15s,border-color .15s;display:flex}.activity-card:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong)}.activity-card__media{flex:0 0 56px;width:56px;height:56px;position:relative}.activity-card__image,.activity-card__placeholder{border-radius:12px;width:56px;height:56px;display:block}.activity-card__image{object-fit:cover}.activity-card__placeholder{background:var(--color-surface-raised);color:var(--color-text-muted);place-items:center;display:grid}.activity-card__small-image{z-index:2;border:2px solid var(--color-surface);object-fit:cover;border-radius:7px;width:20px;height:20px;position:absolute;bottom:-4px;right:-4px}.activity-card__content{flex:1;min-width:0}.activity-header{align-items:baseline;gap:6px;min-width:0;display:flex}.activity-card__label{color:var(--color-text-muted);letter-spacing:.08em;text-transform:uppercase;flex:none;margin:0;font-size:10px;font-weight:700}.activity-card__name{min-width:0;color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;font-weight:700;overflow:hidden}.activity-card__details{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:12px;overflow:hidden}.activity-card__state{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;margin:1px 0 0;font-size:11px;overflow:hidden}.activity-timestamp{flex-direction:column;gap:7px;display:flex}.activity-timestamp__label{letter-spacing:.01em;font-size:11px;font-weight:600}.activity-timestamp__track{opacity:.8;border-radius:999px;width:100%;height:4px;overflow:hidden}.activity-timestamp__progress{border-radius:inherit;height:100%;transition:width 1s linear}.lanyard{background:var(--color-glass);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;gap:16px;padding:20px;display:flex}.lanyard__header{justify-content:space-between;align-items:center;gap:16px;display:flex}.lanyard__identity{align-items:center;gap:12px;min-width:0;display:flex}.lanyard__avatar-wrapper{flex:none;position:relative}.lanyard__avatar{object-fit:cover;border:1px solid var(--color-border-strong);border-radius:15px;width:52px;height:52px;display:block}.lanyard__status{border:3px solid var(--color-surface-raised);border-radius:50%;width:14px;height:14px;position:absolute;bottom:-2px;right:-2px}.lanyard__status--online{background:#23a55a}.lanyard__status--idle{background:#f0b232}.lanyard__status--dnd{background:#f23f42}.lanyard__status--offline{background:#80848e}.lanyard__user{flex-direction:column;min-width:0;display:flex}.lanyard__eyebrow{color:var(--color-text-muted);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:750}.lanyard__user h2{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;margin:1px 0 0;font-size:16px;font-weight:700;overflow:hidden}.lanyard__user>span:last-child{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:11px;overflow:hidden}.lanyard__status-label{color:var(--color-text-muted);text-transform:capitalize;align-items:center;gap:6px;font-size:11px;font-weight:650;display:flex}.lanyard__status-dot{border-radius:50%;width:7px;height:7px}.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{flex-direction:column;gap:10px;display:flex}.lanyard__empty{border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);text-align:center;padding:16px;font-size:12px}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{background:var(--color-background);color:var(--color-text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Inter,Segoe UI,system-ui,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}