@layer post{.post-container{position:relative;display:flex;flex-direction:column;text-decoration:none;color:inherit}}@layer slot{.slot{display:contents}}@layer surface{.surface{display:block}.surface--default{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--border-radius-md)}.surface--elevated{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg)}.surface--outlined{background:transparent;border:2px solid var(--color-border);border-radius:var(--border-radius-md)}}@layer text{.text{font-family:var(--font-family);color:var(--color-gray-800)}.text--body{font-weight:var(--font-weight-normal)}.text--subtle{font-weight:var(--font-weight-normal);color:var(--color-gray-600)}.text--muted{font-weight:var(--font-weight-normal);color:var(--color-gray-500)}.text--heading{font-weight:var(--font-weight-semibold)}.text--xs{font-size:var(--font-size-xs);line-height:1.4}.text--sm{font-size:var(--font-size-sm);line-height:1.4}.text--md{font-size:var(--font-size-base);line-height:1.5}.text--lg{font-size:var(--font-size-lg);line-height:1.4}.text--xl{font-size:var(--font-size-xl);line-height:1.3}.text--2xl{font-size:var(--font-size-2xl);line-height:1.2}}@layer app-header{:root{--app-header-height: 138px;--app-header-x-padding: min(9.25vw, 133px)}.app-header{height:var(--app-header-height);display:flex;align-items:center;padding:0 var(--app-header-x-padding)}.app-header__nav{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);flex:1}.app-header__home-link{color:var(--color-main-text);text-decoration:none;transition:color var(--transition-base);font-weight:500}.app-header__home-link:hover{color:var(--color-primary-500)}.app-header__auth-links{display:flex;gap:var(--space-md);align-items:center}.app-header__auth-link{color:var(--color-main-text);text-decoration:none;transition:color var(--transition-base);font-size:var(--font-size-sm)}.app-header__auth-link:hover{color:var(--color-primary-500)}}.avatar{display:inline-flex;border-radius:var(--border-radius-full);overflow:hidden}.avatar--sm{width:var(--avatar-size-sm);height:var(--avatar-size-sm)}.avatar--md{width:var(--avatar-size-md);height:var(--avatar-size-md)}.avatar--lg{width:var(--avatar-size-lg);height:var(--avatar-size-lg)}.avatar__image{width:100%;height:100%;object-fit:cover}.avatar__fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-gray-100);color:var(--color-gray-600);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}@layer popover{.popover{position:relative}.popover__positioner{z-index:var(--z-popover)}.popover__content{z-index:var(--z-popover);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);padding:var(--space-md);max-width:300px}.popover__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-800);margin:0 0 var(--space-xs) 0}.popover__description{font-size:var(--font-size-sm);color:var(--color-gray-600);margin:0 0 var(--space-md) 0}.popover__close-trigger{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--border-radius-sm);background:transparent;color:var(--color-gray-600);cursor:pointer;transition:all var(--transition-base);font-size:var(--font-size-lg);line-height:1}.popover__close-trigger:hover{background:var(--color-gray-50);color:var(--color-gray-800)}.popover__close-trigger:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.popover__arrow{--arrow-background: var(--color-white);--arrow-shadow: var(--shadow-lg)}}@layer user-menu{.user-menu{position:relative}.user-menu__avatar-trigger{background:transparent;border:none;padding:0;cursor:pointer;display:flex;align-items:center}.user-menu__content{background:var(--color-surface-main);border:1px solid var(--color-border);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);min-width:200px;padding:var(--space-xs);z-index:var(--z-popover)}.user-menu__menu{display:flex;flex-direction:column;gap:0}.user-menu__label{display:block;padding:var(--space-sm) var(--space-md);color:var(--color-main-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-xs)}.user-menu__link,.user-menu__button{display:block;text-align:left;padding:var(--space-sm) var(--space-md);color:var(--color-main-text);text-decoration:none;background:transparent;border:none;font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;transition:background-color var(--transition-base);border-radius:var(--border-radius-sm);margin:2px 0}.user-menu__link:hover,.user-menu__button:hover{background:var(--color-surface-main-hover)}.user-menu__link:focus-visible,.user-menu__button:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}}@layer footer{.footer{padding:var(--space-xl);margin-top:auto;border-top:1px solid var(--color-border);background-color:var(--color-surface-main)}.footer__container{max-width:1200px;margin:0 auto}.footer__nav{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-lg);margin-bottom:var(--space-lg)}.footer__link{color:var(--color-secondary-text);text-decoration:none;transition:color var(--transition-base)}.footer__link:hover{color:var(--color-main-text)}.footer__copyright{margin:0;color:var(--color-secondary-text);text-align:center;font-size:var(--font-size-sm)}}