@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Source+Serif+4:ital,wght@0,400;0,500;0,600;0,700;1,400&family=JetBrains+Mono:wght@400;500&display=swap";:root{--color-bg: #fafaf9;--color-bg-alt: #f5f5f4;--color-surface: #ffffff;--color-surface-hover: #fafaf9;--color-text: #1c1917;--color-text-secondary: #57534e;--color-text-muted: #a8a29e;--color-text-inverse: #ffffff;--color-border: #e7e5e4;--color-border-light: #f5f5f4;--color-accent: #16a34a;--color-accent-hover: #15803d;--color-accent-light: #dcfce7;--color-accent-muted: #bbf7d0;--color-warm: #ea580c;--color-warm-light: #ffedd5;--color-calm: #0891b2;--color-calm-light: #cffafe;--color-soft: #8b5cf6;--color-soft-light: #ede9fe;--color-success: #16a34a;--color-success-light: #dcfce7;--color-warning: #ca8a04;--color-warning-light: #fef9c3;--color-error: #dc2626;--color-error-light: #fee2e2;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Source Serif 4", Georgia, "Times New Roman", serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 1.75;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1200px;--content-width: 680px;--header-height: 64px;--gutter: var(--space-4);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .06);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .08);--shadow-card: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .02);--shadow-card-hover: 0 4px 12px rgba(0, 0, 0, .08);--duration-fast: .15s;--duration-normal: .2s;--duration-slow: .3s;--ease-out: cubic-bezier(.33, 1, .68, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-header: 300;--z-modal: 400;--z-tooltip: 500}@media(min-width:768px){:root{--gutter: var(--space-6)}}@media(min-width:1024px){:root{--gutter: var(--space-8)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + var(--space-6))}body{min-height:100vh;min-height:100dvh;line-height:var(--leading-normal);font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;line-height:var(--leading-tight)}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}table{border-collapse:collapse;border-spacing:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}::selection{background-color:var(--color-accent-light);color:var(--color-text)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-alt)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}*{scrollbar-width:thin;scrollbar-color:var(--color-border) var(--color-bg-alt)}.heading-display{font-family:var(--font-display);font-size:var(--text-5xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-text)}.heading-1{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-text)}.heading-2{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-semibold);line-height:var(--leading-tight);color:var(--color-text)}.heading-3{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-semibold);line-height:var(--leading-snug);color:var(--color-text)}.heading-4{font-size:var(--text-xl);font-weight:var(--weight-semibold);line-height:var(--leading-snug);color:var(--color-text)}.heading-5{font-size:var(--text-lg);font-weight:var(--weight-medium);line-height:var(--leading-snug);color:var(--color-text)}.text-lead{font-size:var(--text-xl);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.text-body{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text)}.text-small{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-secondary)}.text-caption{font-size:var(--text-xs);line-height:var(--leading-normal);color:var(--color-text-muted)}.eyebrow{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-accent)}.label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary)}.mono{font-family:var(--font-mono);font-size:.9em}.link{color:var(--color-accent);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}.link:hover{color:var(--color-accent-hover);text-decoration:underline}.link-subtle{color:var(--color-text-secondary);text-decoration:none;border-bottom:1px solid var(--color-border);transition:all var(--duration-fast) var(--ease-out)}.link-subtle:hover{color:var(--color-accent);border-color:var(--color-accent)}.prose{font-family:var(--font-display);font-size:var(--text-lg);line-height:var(--leading-loose);color:var(--color-text)}.prose>*{margin-bottom:var(--space-6)}.prose>*:last-child{margin-bottom:0}.prose h1{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--weight-bold);color:var(--color-text);margin-bottom:var(--space-4);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.prose h2{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--color-text);margin-bottom:var(--space-4);padding-top:var(--space-8);letter-spacing:var(--tracking-tight)}.prose h3{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-text);margin-bottom:var(--space-3);padding-top:var(--space-4)}.prose h4{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text);margin-bottom:var(--space-2);padding-top:var(--space-3)}.prose h5,.prose h6{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text);margin-bottom:var(--space-2);padding-top:var(--space-2)}.prose h1:first-child,.prose h2:first-child,.prose h3:first-child,.prose h4:first-child,.prose h5:first-child,.prose h6:first-child{padding-top:0}.prose p{color:var(--color-text)}.prose strong{font-weight:var(--weight-semibold);color:var(--color-text)}.prose em{font-style:italic}.prose a{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px;transition:color var(--duration-fast) var(--ease-out)}.prose a:hover{color:var(--color-accent-hover)}.prose ul,.prose ol{padding-left:var(--space-6)}.prose ul{list-style-type:none}.prose ul li{position:relative;padding-left:var(--space-4)}.prose ul li:before{content:"";position:absolute;left:0;top:.65em;width:6px;height:6px;background:var(--color-accent);border-radius:var(--radius-full)}.prose ol{list-style-type:decimal;list-style-position:outside;padding-left:var(--space-6)}.prose ol li{padding-left:var(--space-2)}.prose ol li::marker{color:var(--color-accent);font-weight:var(--weight-semibold)}.prose li+li{margin-top:var(--space-3)}.prose blockquote{position:relative;padding:var(--space-5) var(--space-6);background:var(--color-bg-alt);border-radius:var(--radius-lg);border-left:4px solid var(--color-accent);font-style:italic;color:var(--color-text-secondary)}.prose blockquote p{color:var(--color-text-secondary)}.prose blockquote cite{display:block;margin-top:var(--space-3);font-size:var(--text-sm);font-style:normal;color:var(--color-text-muted)}.prose code{font-family:var(--font-mono);font-size:.875em;padding:.125em .375em;background:var(--color-bg-alt);border-radius:var(--radius-sm);color:var(--color-warm)}.prose pre{padding:var(--space-5);background:var(--color-bg-alt);border-radius:var(--radius-lg);overflow-x:auto;border:1px solid var(--color-border)}.prose pre code{padding:0;background:none;font-size:var(--text-sm);color:var(--color-text)}.prose hr{border:none;height:1px;background:var(--color-border);margin:var(--space-12) 0}.prose img{border-radius:var(--radius-lg);margin:var(--space-8) 0}.prose figure{margin:var(--space-8) 0}.prose figcaption{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);text-align:center}.prose .table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.prose table{width:100%;border-collapse:collapse;font-size:var(--text-base);line-height:var(--leading-normal);min-width:400px}.prose thead{background:var(--color-bg-alt);border-bottom:2px solid var(--color-border)}.prose th{padding:var(--space-3) var(--space-4);font-weight:var(--weight-semibold);text-align:left;color:var(--color-text)}.prose td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);color:var(--color-text)}.prose tbody tr:last-child td{border-bottom:none}.prose table code{font-size:.85em}.text-primary{color:var(--color-text)}.font-display{font-family:var(--font-display)}.font-sans{font-family:var(--font-sans)}.font-mono{font-family:var(--font-mono)}.weight-normal{font-weight:var(--weight-normal)}.weight-medium{font-weight:var(--weight-medium)}.weight-semibold{font-weight:var(--weight-semibold)}.weight-bold{font-weight:var(--weight-bold)}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.page{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background:var(--color-bg);position:relative}.page__main{flex:1;position:relative}.container{width:100%;max-width:var(--container-xl);margin-inline:auto;padding-inline:var(--gutter)}.container_sm{max-width:var(--container-sm)}.container_md{max-width:var(--container-md)}.container_lg{max-width:var(--container-lg)}.container_fluid{max-width:none}.container_content{max-width:var(--content-width)}.section{padding-block:var(--space-16);position:relative}.section_sm{padding-block:var(--space-10)}.section_lg{padding-block:var(--space-24)}.section_hero{padding-top:calc(var(--header-height) + var(--space-16));padding-bottom:var(--space-16)}.section_alt{background-color:var(--color-bg-alt)}.section_surface{background-color:var(--color-surface)}.section_bordered{border-top:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-light)}.layout-sidebar{display:grid;gap:var(--space-12)}@media(min-width:1024px){.layout-sidebar{grid-template-columns:1fr 280px;gap:var(--space-16)}.layout-sidebar_reverse{grid-template-columns:280px 1fr}}.layout-sidebar__main{min-width:0}.layout-sidebar__aside{position:relative}.sidebar-sticky{position:sticky;top:calc(var(--header-height) + var(--space-8))}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.py-4{padding-block:var(--space-4)}.py-8{padding-block:var(--space-8)}.py-12{padding-block:var(--space-12)}.py-16{padding-block:var(--space-16)}.px-4{padding-inline:var(--space-4)}.px-6{padding-inline:var(--space-6)}.px-8{padding-inline:var(--space-8)}.hidden{display:none!important}@media(max-width:767px){.hidden-mobile{display:none!important}}@media(min-width:768px)and (max-width:1023px){.hidden-tablet{display:none!important}}@media(min-width:1024px){.hidden-desktop{display:none!important}}@media(max-width:1023px){.hidden-until-desktop{display:none!important}}.grid{display:grid;gap:var(--space-6)}.grid_2,.grid_3{grid-template-columns:repeat(1,1fr)}.grid_4{grid-template-columns:repeat(2,1fr)}@media(min-width:640px){.grid_2,.grid_3,.grid_4{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.grid_3{grid-template-columns:repeat(3,1fr)}.grid_4{grid-template-columns:repeat(4,1fr)}}.grid_gap-sm{gap:var(--space-4)}.grid_gap-lg{gap:var(--space-8)}.grid_gap-xl{gap:var(--space-12)}.content-grid{display:grid;gap:var(--space-6);grid-template-columns:1fr}@media(min-width:640px){.content-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.content-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-8)}}.content-grid__featured{grid-column:1 / -1}@media(min-width:1024px){.content-grid__featured{grid-column:span 2}}.article-list{display:flex;flex-direction:column;gap:var(--space-4)}.article-list__item{padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-light)}.article-list__item:last-child{padding-bottom:0;border-bottom:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.stack_sm{gap:var(--space-2)}.stack_md{gap:var(--space-6)}.stack_lg{gap:var(--space-8)}.stack_xl{gap:var(--space-12)}.cluster{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.cluster_sm{gap:var(--space-2)}.cluster_lg{gap:var(--space-4)}.two-column{display:grid;gap:var(--space-8)}@media(min-width:1024px){.two-column{grid-template-columns:1fr 320px;gap:var(--space-12)}.two-column_reverse{grid-template-columns:320px 1fr}}.two-column__main{min-width:0}.two-column__sidebar{display:none}@media(min-width:1024px){.two-column__sidebar{display:block}}.header{position:fixed;top:0;left:0;right:0;z-index:var(--z-header);padding:var(--space-4) 0;background:var(--color-bg);transition:all var(--duration-normal) var(--ease-out)}.header.is-scrolled{background:#fafaf9f2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:var(--shadow-sm);border-bottom:1px solid var(--color-border-light)}.header.is-hidden{transform:translateY(-100%)}.header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;transition:opacity var(--duration-fast) var(--ease-out)}.logo:hover{opacity:.7}.logo__icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:var(--color-accent);color:var(--color-text-inverse);border-radius:var(--radius-md);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:.05em;flex-shrink:0}.logo__text{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text);letter-spacing:var(--tracking-tight)}.logo__accent{color:var(--color-accent)}.nav{display:none}@media(min-width:768px){.nav{display:block}}.nav__list{display:flex;align-items:center;gap:var(--space-1)}.nav__link{display:block;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out)}.nav__link:hover{color:var(--color-text);background:var(--color-bg-alt)}.nav__link_active{color:var(--color-accent)}.header__actions{display:flex;align-items:center;gap:var(--space-2)}.header__btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--color-text-secondary);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out)}.header__btn:hover{color:var(--color-text);background:var(--color-bg-alt)}.header__btn svg{width:20px;height:20px}.header__auth-link{display:none;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out);white-space:nowrap}.header__auth-link:hover{color:var(--color-text);background:var(--color-bg-alt)}@media(min-width:768px){.header__auth-link{display:block}}.header__menu-btn{display:flex}@media(min-width:768px){.header__menu-btn{display:none}}.mobile-nav{position:fixed;top:0;right:0;bottom:0;width:min(300px,85vw);background:var(--color-surface);border-left:1px solid var(--color-border);padding:var(--space-20) var(--space-6) var(--space-6);transform:translate(100%);transition:transform var(--duration-normal) var(--ease-out);z-index:var(--z-modal);overflow-y:auto}.mobile-nav.is-open{transform:translate(0)}.mobile-nav__list{display:flex;flex-direction:column;gap:var(--space-2)}.mobile-nav__link{display:block;padding:var(--space-4);font-size:var(--text-lg);color:var(--color-text-secondary);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out)}.mobile-nav__link:hover,.mobile-nav__link_active{color:var(--color-text);background:var(--color-bg-alt)}.mobile-nav__link_active{color:var(--color-accent)}.mobile-nav-backdrop{position:fixed;inset:0;background:#0000004d;opacity:0;visibility:hidden;transition:all var(--duration-normal) var(--ease-out);z-index:calc(var(--z-modal) - 1)}.mobile-nav-backdrop.is-visible{opacity:1;visibility:visible}.mobile-nav__close{position:absolute;top:var(--space-4);right:var(--space-4);width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out)}.mobile-nav__close:hover{color:var(--color-text);background:var(--color-bg-alt)}.mobile-nav__close svg{width:24px;height:24px}.reading-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:calc(var(--z-header) + 1);background:transparent}.reading-progress__bar{height:100%;width:0;background:var(--color-accent);transition:width 50ms linear}.search-overlay{position:fixed;inset:0;background:#fafaf9f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-modal);display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;opacity:0;visibility:hidden;transition:all var(--duration-normal) var(--ease-out)}.search-overlay_open{opacity:1;visibility:visible}.search-overlay__inner{width:100%;max-width:600px;padding:0 var(--space-4)}.search-overlay__input{width:100%;padding:var(--space-5) var(--space-6);font-size:var(--text-xl);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);outline:none;box-shadow:var(--shadow-lg);transition:all var(--duration-fast) var(--ease-out)}.search-overlay__input::placeholder{color:var(--color-text-muted)}.search-overlay__input:focus{border-color:var(--color-accent)}.footer{position:relative;padding:var(--space-16) 0 var(--space-8);background:var(--color-bg-alt);border-top:1px solid var(--color-border-light);margin-top:auto}.footer__inner{display:grid;gap:var(--space-10)}@media(min-width:768px){.footer__inner{grid-template-columns:2fr repeat(3,1fr);gap:var(--space-8)}}.footer__brand{max-width:300px}.footer__logo{margin-bottom:var(--space-4)}.footer__description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.footer__column{display:flex;flex-direction:column;gap:var(--space-4)}.footer__title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.footer__list{display:flex;flex-direction:column;gap:var(--space-3)}.footer__link{font-size:var(--text-sm);color:var(--color-text-secondary);transition:color var(--duration-fast) var(--ease-out)}.footer__link:hover{color:var(--color-accent)}.footer__bottom{display:flex;flex-direction:column;gap:var(--space-4);padding-top:var(--space-8);margin-top:var(--space-10);border-top:1px solid var(--color-border)}@media(min-width:640px){.footer__bottom{flex-direction:row;justify-content:space-between;align-items:center}}.footer__copyright{font-size:var(--text-xs);color:var(--color-text-muted)}.footer__legal{display:flex;gap:var(--space-6)}.footer__legal-link{font-size:var(--text-xs);color:var(--color-text-muted);transition:color var(--duration-fast) var(--ease-out)}.footer__legal-link:hover{color:var(--color-text-secondary)}.footer__newsletter{max-width:400px}.footer__newsletter-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text);margin-bottom:var(--space-3)}.footer__newsletter-form{display:flex;gap:var(--space-2)}.footer__newsletter-input{flex:1;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);outline:none;transition:border-color var(--duration-fast) var(--ease-out)}.footer__newsletter-input:focus{border-color:var(--color-accent)}.footer__newsletter-input::placeholder{color:var(--color-text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:1;text-decoration:none;border-radius:var(--radius-lg);border:1px solid transparent;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn svg{width:18px;height:18px;flex-shrink:0}.btn_primary{color:var(--color-text-inverse);background:var(--color-accent);border-color:var(--color-accent)}.btn_primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn_primary:active{transform:translateY(1px)}.btn_secondary{color:var(--color-text);background:transparent;border-color:var(--color-border)}.btn_secondary:hover{border-color:var(--color-text-secondary);background:var(--color-bg-alt)}.btn_ghost{color:var(--color-text-secondary);background:transparent;border-color:transparent;padding:var(--space-2) var(--space-4)}.btn_ghost:hover{color:var(--color-text);background:var(--color-bg-alt)}.btn_accent{color:var(--color-accent);background:var(--color-accent-light);border-color:var(--color-accent-muted)}.btn_accent:hover{background:var(--color-accent-muted);border-color:var(--color-accent)}.btn_sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs);border-radius:var(--radius-md)}.btn_sm svg{width:14px;height:14px}.btn_lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base);border-radius:var(--radius-xl)}.btn_lg svg{width:20px;height:20px}.btn_icon{padding:var(--space-3);border-radius:var(--radius-md)}.btn_icon.btn_sm{padding:var(--space-2)}.btn_icon.btn_lg{padding:var(--space-4)}.btn-group{display:inline-flex}.btn-group .btn{border-radius:0}.btn-group .btn:first-child{border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.btn-group .btn:last-child{border-radius:0 var(--radius-lg) var(--radius-lg) 0}.btn-group .btn+.btn{margin-left:-1px}.tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-secondary);background:var(--color-bg-alt);border:1px solid var(--color-border-light);border-radius:var(--radius-full);text-decoration:none;transition:all var(--duration-fast) var(--ease-out)}.tag:hover{color:var(--color-accent);border-color:var(--color-accent-muted);background:var(--color-accent-light)}.tag_active{color:var(--color-accent);border-color:var(--color-accent);background:var(--color-accent-light)}.btn-link{display:inline-flex;align-items:center;gap:var(--space-2);padding:0;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-accent);background:none;border:none;cursor:pointer;transition:color var(--duration-fast) var(--ease-out)}.btn-link:hover{color:var(--color-accent-hover)}.btn-link svg{width:16px;height:16px;transition:transform var(--duration-fast) var(--ease-out)}.btn-link:hover svg{transform:translate(4px)}.card{position:relative;display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--duration-normal) var(--ease-out)}.card:hover{border-color:var(--color-border);box-shadow:var(--shadow-card-hover)}.card__inner{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);height:100%}.article-card{display:block;text-decoration:none;color:inherit;height:100%}.article-card__inner{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);height:100%;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);transition:all var(--duration-normal) var(--ease-out)}.article-card:hover .article-card__inner{border-color:var(--color-border);box-shadow:var(--shadow-card-hover)}.article-card__meta{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:var(--color-text-muted)}.article-card__category{color:var(--color-accent);font-weight:var(--weight-medium)}.article-card__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text);line-height:var(--leading-snug);transition:color var(--duration-fast) var(--ease-out)}.article-card:hover .article-card__title{color:var(--color-accent)}.article-card__excerpt{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-card__footer{display:flex;align-items:center;gap:var(--space-3);margin-top:auto;padding-top:var(--space-3)}.article-card_compact .article-card__inner{padding:var(--space-4)}.article-card_compact .article-card__title{font-size:var(--text-base)}.article-card_compact .article-card__excerpt{font-size:var(--text-xs);-webkit-line-clamp:2}.featured-card{display:block;text-decoration:none;color:inherit;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--duration-normal) var(--ease-out)}.featured-card:hover{border-color:var(--color-border);box-shadow:var(--shadow-card-hover)}.featured-card__image{aspect-ratio:16 / 9;overflow:hidden;background:var(--color-bg-alt)}.featured-card__image img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-out)}.featured-card:hover .featured-card__image img{transform:scale(1.02)}.featured-card__content{padding:var(--space-6)}.featured-card__eyebrow{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-2)}.featured-card__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-semibold);color:var(--color-text);line-height:var(--leading-snug);margin-bottom:var(--space-3)}.featured-card__excerpt{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.topic-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-8) var(--space-6);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);text-decoration:none;color:inherit;transition:all var(--duration-normal) var(--ease-out)}.topic-card:hover{border-color:var(--color-accent-muted);background:var(--color-accent-light)}.topic-card__icon{width:48px;height:48px;margin-bottom:var(--space-4);color:var(--color-accent)}.topic-card:hover .topic-card__icon{transform:scale(1.1)}.topic-card__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text);margin-bottom:var(--space-2)}.topic-card__count{font-size:var(--text-sm);color:var(--color-text-muted)}.topic-card__description{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin-top:var(--space-2)}.topic-card__meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-3)}.list-card{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:all var(--duration-normal) var(--ease-out)}.list-card:hover{border-color:var(--color-border);background:var(--color-bg-alt)}.list-card__number{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-accent-light);color:var(--color-accent);font-size:var(--text-sm);font-weight:var(--weight-bold);border-radius:var(--radius-full)}.list-card__content{flex:1;min-width:0}.list-card__title{font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-text);margin-bottom:var(--space-1)}.list-card__description{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-relaxed)}.info-card{display:flex;gap:var(--space-4);padding:var(--space-5);background:var(--color-accent-light);border:1px solid var(--color-accent-muted);border-radius:var(--radius-lg)}.info-card__icon{flex-shrink:0;width:24px;height:24px;color:var(--color-accent)}.info-card__content{flex:1;min-width:0}.info-card__title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text);margin-bottom:var(--space-2)}.info-card__text{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.info-card_warning{background:var(--color-warning-light);border-color:var(--color-warning)}.info-card_success{background:var(--color-success-light);border-color:var(--color-success)}.next-article{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:all var(--duration-normal) var(--ease-out)}.next-article:hover{border-color:var(--color-accent-muted);background:var(--color-accent-light)}.next-article__icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-accent-light);color:var(--color-accent);border-radius:var(--radius-md)}.next-article__icon svg{width:20px;height:20px}.next-article:hover .next-article__icon{background:var(--color-accent);color:var(--color-text-inverse)}.next-article__content{flex:1;min-width:0}.next-article__label{display:block;font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-muted);margin-bottom:var(--space-1)}.next-article__title{font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-text)}.sections-list{display:flex;flex-direction:column;gap:var(--space-6)}.section-card{display:flex;gap:var(--space-8);padding:var(--space-8);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);transition:border-color var(--duration-normal) var(--ease-out)}.section-card:hover{border-color:var(--color-border)}.section-card__main{flex:1;min-width:0}.section-card__title{display:block;font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-semibold);color:var(--color-text);text-decoration:none;line-height:var(--leading-snug);transition:color var(--duration-fast) var(--ease-out)}.section-card__title:hover{color:var(--color-accent)}.section-card__description{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin-top:var(--space-3)}.section-card__meta{display:block;font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-4)}.section-card__articles{flex-shrink:0;width:320px;display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-1)}.section-card__article-link{display:block;font-size:var(--text-sm);color:var(--color-text);text-decoration:none;line-height:var(--leading-snug);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--duration-fast) var(--ease-out)}.section-card__article-link:hover{color:var(--color-accent)}.section-card__more{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-accent);text-decoration:none;margin-top:var(--space-1);transition:color var(--duration-fast) var(--ease-out)}.section-card__more:hover{color:var(--color-accent-hover)}@media(max-width:767px){.section-card{flex-direction:column;padding:var(--space-6);gap:var(--space-6)}.section-card__articles{width:100%}}.hero{position:relative;min-height:60vh;display:flex;align-items:center;padding:calc(var(--header-height) + var(--space-16)) 0 var(--space-16)}.hero__inner{position:relative;max-width:800px}.hero__title{font-family:var(--font-display);font-size:var(--text-5xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-text);margin-bottom:var(--space-6)}.hero__title-accent{color:var(--color-accent)}.hero__description{font-size:var(--text-xl);line-height:var(--leading-relaxed);color:var(--color-text-secondary);max-width:640px;margin-bottom:var(--space-8)}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-4)}.hero__subtitle{max-width:640px;margin-bottom:var(--space-10)}.hero__subtitle p{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.hero__subtitle p:last-child{margin-bottom:0}.hero__cards{display:flex;gap:var(--space-6)}.hero__card{flex:1;display:flex;flex-direction:column;padding:var(--space-6);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);background:var(--color-surface);transition:all var(--duration-normal) var(--ease-out)}.hero__card_primary{border-color:var(--color-accent-muted);background:var(--color-accent-light)}.hero__card_secondary{text-decoration:none;color:inherit}.hero__card_secondary:hover{border-color:var(--color-border);box-shadow:var(--shadow-card-hover)}.hero__card-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-text);margin-bottom:var(--space-3)}.hero__card-text{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.hero__card-action{margin-top:auto}.hero_compact{min-height:auto;padding:calc(var(--header-height) + var(--space-12)) 0 var(--space-10)}.hero_alt{background:var(--color-bg-alt)}.hero_centered{text-align:center}.hero_centered .hero__inner,.hero_centered .hero__description{margin-inline:auto}.hero__image{margin-top:var(--space-12);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg)}.hero__image img{width:100%;height:auto;display:block}@media(max-width:767px){.hero__title{font-size:var(--text-3xl)}.hero__description{font-size:var(--text-lg)}.hero__subtitle p{font-size:var(--text-base)}.hero__cards{flex-direction:column}}.article{padding-top:calc(var(--header-height) + var(--space-8));padding-bottom:var(--space-16)}.article-header{margin-bottom:var(--space-10)}.article-header__breadcrumbs{margin-bottom:var(--space-6)}.article-header__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted)}.article-header__category{color:var(--color-accent);font-weight:var(--weight-medium);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}.article-header__category:hover{color:var(--color-accent-hover)}.article-header__title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--color-text);margin-bottom:var(--space-6)}.article-header__lead{font-size:var(--text-xl);line-height:var(--leading-relaxed);color:var(--color-text-secondary);max-width:var(--content-width)}.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.breadcrumbs__list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);list-style:none;padding:0;margin:0}.breadcrumbs__item{display:flex;align-items:center;gap:var(--space-2)}.breadcrumbs__item:not(:last-child):after{content:"/";color:var(--color-text-muted)}.breadcrumbs__link{color:var(--color-text-secondary);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}.breadcrumbs__link:hover{color:var(--color-accent)}.breadcrumbs__current{color:var(--color-text)}.article-content{max-width:var(--content-width)}.article-content__keypoints{position:relative;padding:var(--space-6);margin-bottom:var(--space-10);background:var(--color-accent-light);border:1px solid var(--color-accent-muted);border-radius:var(--radius-xl)}.article-content__keypoints-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-accent);margin-bottom:var(--space-4)}.article-content__keypoints-title svg{flex-shrink:0}.article-content__keypoints-text{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text)}.article-content__keypoints-text p+p{margin-top:var(--space-3)}.article-content__keypoints-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.article-content__keypoints-list li{position:relative;padding-left:var(--space-6);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text)}.article-content__keypoints-list li:before{content:"";position:absolute;left:0;top:.5em;width:8px;height:8px;background:var(--color-accent);border-radius:var(--radius-full)}.article-content__callout{position:relative;margin-bottom:var(--space-8);padding:var(--space-5);padding-left:var(--space-6);background:var(--color-bg-alt);border-radius:var(--radius-lg);border-left:4px solid var(--color-accent)}.article-content__callout-title{display:block;font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--color-text);margin-bottom:var(--space-3)}.article-content__callout-content.prose,.article-content__expandable-body.prose,.article-content__aside-content.prose{font-size:var(--text-base);color:var(--color-text-secondary)}.article-content__callout_warning{background:var(--color-warning-light);border-color:var(--color-warning)}.article-content__callout_success{background:var(--color-success-light);border-color:var(--color-success)}.article-content__expandable{margin-bottom:var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.article-content__expandable-toggle{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text);background:var(--color-surface);text-align:left;transition:background var(--duration-fast) var(--ease-out)}.article-content__expandable-toggle:hover{background:var(--color-bg-alt)}.article-content__expandable-toggle svg{color:var(--color-accent);transition:transform var(--duration-normal) var(--ease-out)}.article-content__expandable-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.article-content__expandable-body{padding:var(--space-5);background:var(--color-bg-alt);display:none}.article-content__expandable-body.is-open{display:block}.article-content__aside{margin-bottom:var(--space-10);padding:var(--space-6);background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.article-content__aside-title{display:block;font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--color-text);margin-bottom:var(--space-3)}.article-content__aside p{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.next-steps{margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.next-steps__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-text);margin-bottom:var(--space-6)}.next-steps__list{display:grid;gap:var(--space-4)}@media(min-width:640px){.next-steps__list{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.next-steps__list{grid-template-columns:repeat(3,1fr)}}.article-footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-4);padding-top:var(--space-8);margin-top:var(--space-12);border-top:1px solid var(--color-border)}.article-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.article-tag{display:inline-block;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);color:var(--color-text-secondary);background:var(--color-bg-alt);border:1px solid var(--color-border-light);border-radius:var(--radius-full);text-decoration:none;transition:all var(--duration-fast) var(--ease-out)}.article-tag:hover{color:var(--color-accent);border-color:var(--color-accent-muted);background:var(--color-accent-light)}.article-share{display:flex;align-items:center;gap:var(--space-3)}.article-share__label{font-size:var(--text-sm);color:var(--color-text-muted)}.article-share__btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out)}.article-share__btn:hover{color:var(--color-accent);border-color:var(--color-accent)}.article-share__btn svg{width:18px;height:18px}.related-articles{margin-top:var(--space-12);padding:var(--space-8);background:var(--color-bg-alt);border-radius:var(--radius-xl)}.related-articles__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-text);margin-bottom:var(--space-6)}.related-articles__list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.related-articles__list_grid{display:grid;gap:var(--space-4)}@media(min-width:640px){.related-articles__list_grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.related-articles__list_grid{grid-template-columns:repeat(3,1fr)}}.article-nav{margin-top:var(--space-10);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.article-nav__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-light)}.article-nav__title{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text)}.article-nav__progress{font-size:var(--text-xs);color:var(--color-text-muted);background:var(--color-bg-alt);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md)}.article-nav__links{display:grid;gap:var(--space-4)}@media(min-width:640px){.article-nav__links{grid-template-columns:repeat(2,1fr)}}.article-nav__link{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--duration-fast) var(--ease-out)}.article-nav__link:hover{border-color:var(--color-border);background:var(--color-bg-alt)}.article-nav__link_disabled{opacity:.5;cursor:default;pointer-events:none}.article-nav__label{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-muted)}.article-nav__label svg{flex-shrink:0}.article-nav__name{font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-text);line-height:var(--leading-snug)}.article-nav__link:hover .article-nav__name{color:var(--color-accent)}.article-nav__link_next{text-align:right}.article-nav__link_next .article-nav__label{justify-content:flex-end}.article-layout{display:grid;gap:var(--space-8);grid-template-columns:1fr}@media(min-width:1024px){.article-layout{grid-template-columns:1fr 260px;gap:var(--space-12)}}@media(min-width:1280px){.article-layout{grid-template-columns:1fr 300px}}.article-layout__main{min-width:0}.article-layout__sidebar{display:none;position:relative}@media(min-width:1024px){.article-layout__sidebar{display:block;position:sticky;top:calc(var(--header-height) + var(--space-6));max-height:calc(100vh - var(--header-height) - var(--space-12));overflow-y:auto;opacity:1;transform:translate(0);filter:blur(0);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out),filter .8s var(--ease-out)}.article-layout__sidebar.is-faded{opacity:.2;transform:translate(40px);filter:blur(2px)}.article-layout__sidebar.is-faded:hover{opacity:1;transform:translate(0);filter:blur(0)}.article-layout__sidebar.is-pinned{opacity:1;transform:translate(0)}}.sidebar-toggle{display:none;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-4);transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}@media(min-width:1024px){.sidebar-toggle{display:flex}}.sidebar-toggle svg{width:16px;height:16px;color:var(--color-text-muted);transition:color var(--duration-fast) var(--ease-out)}.sidebar-toggle.is-active{background:var(--color-accent-light);border-color:var(--color-accent-muted);color:var(--color-accent)}.sidebar-toggle.is-active svg{color:var(--color-accent)}.sidebar-toggle:hover{background:var(--color-bg-alt);border-color:var(--color-border);color:var(--color-text)}.prerequisites{display:flex;gap:var(--space-3);padding:var(--space-4);margin-top:var(--space-6);background:var(--color-calm-light);border:1px solid var(--color-calm);border-radius:var(--radius-lg);color:var(--color-text-secondary)}.prerequisites svg{flex-shrink:0;color:var(--color-calm)}.prerequisites__content{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.prerequisites__content strong{color:var(--color-text)}.prerequisites__content a{color:var(--color-calm);text-decoration:underline;text-underline-offset:2px}.prerequisites__content a:hover{color:var(--color-accent)}.article-content__sources{margin-top:var(--space-10);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.article-content__sources-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-text);margin-bottom:var(--space-6)}.sources-list{display:flex;flex-direction:column;gap:var(--space-3)}.source-item{display:flex;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md)}.source-item__number{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-accent);background:var(--color-accent-light);border-radius:var(--radius-full)}.source-item__content{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-sm)}.source-item__authors{color:var(--color-text);font-weight:var(--weight-medium)}.source-item__year{color:var(--color-text-muted)}.source-item__title{color:var(--color-text-secondary);font-style:italic}.source-item__journal{color:var(--color-text-muted);font-size:var(--text-xs)}.glossary-nav{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-8);padding:var(--space-4);background:var(--color-bg-alt);border-radius:var(--radius-lg)}.glossary-nav__letter{display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-accent);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);text-decoration:none;transition:all var(--duration-fast) var(--ease-out)}.glossary-nav__letter:hover{background:var(--color-accent-light);border-color:var(--color-accent)}.glossary-section{margin-bottom:var(--space-8)}.glossary-section__letter{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-accent);padding-bottom:var(--space-3);margin-bottom:var(--space-4);border-bottom:2px solid var(--color-accent-muted)}.glossary-section__list{display:flex;flex-direction:column;gap:var(--space-3)}.glossary-term{display:block;padding:var(--space-4) var(--space-5);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--duration-normal) var(--ease-out)}.glossary-term:hover{border-color:var(--color-border);box-shadow:var(--shadow-card-hover)}.glossary-term__title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text);margin-bottom:var(--space-1)}.glossary-term:hover .glossary-term__title{color:var(--color-accent)}.glossary-term__description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}@media(max-width:767px){.article-header__title{font-size:var(--text-3xl)}.article-header__lead{font-size:var(--text-lg)}}.toc{padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg)}.toc__title{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-muted);margin-bottom:var(--space-4)}.toc__list{display:flex;flex-direction:column;gap:var(--space-1)}.toc__list_nested{margin-top:var(--space-1);padding-left:var(--space-4);border-left:1px solid var(--color-border-light)}.toc__item{position:relative}.toc__link{display:block;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);border-radius:var(--radius-md);text-decoration:none;transition:all var(--duration-fast) var(--ease-out)}.toc__link:hover{color:var(--color-text);background:var(--color-bg-alt)}.toc__link_active{color:var(--color-accent);background:var(--color-accent-light)}.toc-inline{margin-bottom:var(--space-8);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);overflow:hidden}@media(min-width:1024px){.toc-inline{display:none}}.toc-inline__toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text);background:var(--color-surface);text-align:left;transition:background var(--duration-fast) var(--ease-out)}.toc-inline__toggle:hover{background:var(--color-bg-alt)}.toc-inline__toggle svg{width:16px;height:16px;color:var(--color-accent);transition:transform var(--duration-normal) var(--ease-out)}.toc-inline__toggle[aria-expanded=true] svg{transform:rotate(180deg)}.toc-inline__body{display:none;padding:var(--space-4);padding-top:0;background:var(--color-surface)}.toc-inline__body.is-open{display:block}.toc-inline__body .toc__list{gap:0}.toc-inline__body .toc__link{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md)}.reading-info{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-light)}.reading-info svg{width:14px;height:14px}.progress-bar{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.progress-bar__track{flex:1;height:4px;background:var(--color-bg-alt);border-radius:var(--radius-full);overflow:hidden}.progress-bar__fill{height:100%;background:var(--color-accent);border-radius:var(--radius-full);transition:width var(--duration-normal) var(--ease-out)}.progress-bar__text{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap}.sidebar-widget{padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg)}.sidebar-widget+.sidebar-widget{margin-top:var(--space-4)}.sidebar-widget__title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text);margin-bottom:var(--space-4)}.sidebar-links{display:flex;flex-direction:column;gap:var(--space-2)}.sidebar-link{display:block;padding:var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);background:var(--color-bg-alt);border-radius:var(--radius-md);text-decoration:none;transition:all var(--duration-fast) var(--ease-out)}.sidebar-link:hover{color:var(--color-accent);background:var(--color-accent-light)}.sidebar-cta{text-align:center}.sidebar-cta__title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text);margin-bottom:var(--space-2)}.sidebar-cta__text{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.learning-path{position:relative;display:flex;flex-direction:column;gap:var(--space-4);padding-left:var(--space-8)}.learning-path__line{position:absolute;left:15px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--color-accent) 0%,var(--color-border) 30%,var(--color-border) 100%)}.learning-path__step{position:relative;display:flex;gap:var(--space-4)}.learning-path__marker{position:absolute;left:calc(-1 * var(--space-8) + 6px);top:var(--space-4);width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-muted);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-full);z-index:1}.learning-path__marker_complete{color:var(--color-accent);border-color:var(--color-accent);background:var(--color-accent-light)}.learning-path__marker_current{color:var(--color-text-inverse);border-color:var(--color-accent);background:var(--color-accent)}.learning-path__card{flex:1;display:flex;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--duration-normal) var(--ease-out)}.learning-path__card:hover{border-color:var(--color-border);background:var(--color-bg-alt);transform:translate(4px)}.learning-path__card_current{border-color:var(--color-accent-muted);background:var(--color-accent-light)}.learning-path__number{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--color-text-muted);line-height:1;opacity:.3}.learning-path__content{flex:1}.learning-path__title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text);margin-top:var(--space-2);margin-bottom:var(--space-1)}.learning-path__description{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.learning-path__meta{font-size:var(--text-xs);color:var(--color-text-muted)}.section-header{margin-bottom:var(--space-8)}.section-header__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-semibold);color:var(--color-text);margin-bottom:var(--space-2)}.section-header__description{font-size:var(--text-base);color:var(--color-text-secondary);max-width:600px}.content-section{margin-bottom:var(--space-12)}.content-section__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.content-section__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-text)}.content-section__link{font-size:var(--text-sm);color:var(--color-accent);text-decoration:none}.content-section__link:hover{text-decoration:underline}.context-menu{position:fixed;z-index:1000;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-1);min-width:200px}.context-menu__item{display:block;width:100%;padding:var(--space-2) var(--space-3);background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--text-sm);text-align:left;cursor:pointer;transition:background-color var(--duration-fast)}.context-menu__item:hover{background-color:var(--color-surface-hover, rgba(0, 0, 0, .05))}.context-menu__separator{height:1px;background:var(--color-border);margin:var(--space-1) 0}.context-menu__form{display:flex;gap:var(--space-1);padding:var(--space-1) var(--space-2)}.context-menu__input{flex:1;min-width:0;padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-text);background:var(--color-bg, #fff);outline:none}.context-menu__input:focus{border-color:var(--color-accent, #16a34a)}.context-menu__submit{padding:var(--space-1) var(--space-2);background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-text-secondary, #666);cursor:pointer;white-space:nowrap;transition:background-color var(--duration-fast),color var(--duration-fast)}.context-menu__submit:hover{background-color:var(--color-surface-hover, rgba(0, 0, 0, .05));color:var(--color-text)}.toast{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:1100;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-3) var(--space-5);font-size:var(--text-sm);color:var(--color-text);opacity:0;transform:translateY(10px);transition:opacity var(--duration-normal),transform var(--duration-normal);pointer-events:none}.toast.is-visible{opacity:1;transform:translateY(0)}.toast_success{border-left:3px solid var(--color-success, #22c55e)}.toast_error{border-left:3px solid var(--color-error, #ef4444)}.related-links{margin-top:var(--space-10);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.related-links__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-text);margin-bottom:var(--space-6)}.related-links__group{margin-bottom:var(--space-6)}.related-links__group:last-child{margin-bottom:0}.related-links__group-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-3)}.related-links__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.related-links__item{padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:var(--leading-relaxed);transition:border-color var(--duration-fast) var(--ease-out)}.related-links__item:hover{border-color:var(--color-border)}.related-links__link{color:var(--color-accent);text-decoration:none;font-weight:var(--weight-medium);transition:color var(--duration-fast) var(--ease-out)}.related-links__link:hover{color:var(--color-accent-hover);text-decoration:underline;text-underline-offset:2px}.related-links__annotation{color:var(--color-text-secondary)}.slide-panel-overlay{position:fixed;inset:0}.slide-panel{position:absolute;top:0;right:0;bottom:0;display:flex;background:var(--color-bg);box-shadow:-4px 0 24px #0000001f;transform:translate(100%);transition:transform var(--duration-slow) var(--ease-out)}.slide-panel.is-open{transform:translate(0)}.slide-panel__strip{width:48px;flex-shrink:0;background:var(--color-text);color:var(--color-text-inverse);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden}.slide-panel__strip-title{writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-height:calc(100vh - 100px);letter-spacing:var(--tracking-wide)}.slide-panel__body{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.slide-panel__header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);flex-shrink:0}.slide-panel__back{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;font-family:var(--font-sans)}.slide-panel__back:hover{color:var(--color-text);border-color:var(--color-text-secondary)}.slide-panel__open-tab{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;margin-left:auto;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);background:transparent;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);text-decoration:none}.slide-panel__open-tab:hover{color:var(--color-text);border-color:var(--color-text-secondary);background:var(--color-bg-alt)}.slide-panel__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.slide-panel__content{flex:1;overflow-y:auto;padding:var(--space-8) var(--space-6);max-width:var(--content-width)}.slide-panel__loading{display:flex;align-items:center;justify-content:center;padding:var(--space-16);color:var(--color-text-muted);font-size:var(--text-sm)}.slide-panel__description{color:var(--color-text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed);margin-bottom:var(--space-6)}.slide-panel__article-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.slide-panel__article-item{border-bottom:1px solid var(--color-border-light)}.slide-panel__article-item:last-child{border-bottom:none}.slide-panel__article-link{display:block;padding:var(--space-4);border-radius:var(--radius-md);text-decoration:none;color:var(--color-text);transition:background var(--duration-fast) var(--ease-out)}.slide-panel__article-link:hover{background:var(--color-bg-alt)}.slide-panel__article-link strong{display:block;font-weight:var(--weight-semibold);margin-bottom:var(--space-1)}.slide-panel__article-link p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:var(--leading-normal)}.slide-panel__sources{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.slide-panel__sources-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-4)}.slide-panel__sources-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.slide-panel__source-item{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal)}.slide-panel__source-item a{color:var(--color-accent);text-decoration:none}.slide-panel__source-item a:hover{text-decoration:underline}body.has-slide-panel{overflow:hidden}@media(max-width:767px){.slide-panel-overlay{background:#0000004d}.slide-panel{inset:auto 0 0;width:100%;flex-direction:column;border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:0 -4px 24px #00000026;transform:translateY(100%)}.slide-panel.is-open{transform:translateY(0)}.slide-panel__strip{width:100%;height:36px;flex-shrink:0;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.slide-panel__strip-title{writing-mode:horizontal-tb;text-orientation:initial;transform:none;max-height:none;max-width:calc(100% - var(--space-8));font-size:var(--text-xs)}.slide-panel__content{padding:var(--space-6) var(--space-4);max-width:none}.slide-panel__header{padding:var(--space-3) var(--space-4)}.slide-panel__title{font-size:var(--text-base)}}.guest-layout{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-4);background-color:var(--color-bg)}.guest-layout__container{width:100%;max-width:420px}.guest-layout__logo{display:flex;justify-content:center;margin-bottom:var(--space-8)}.guest-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-card)}.guest-card__alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-6);font-size:var(--text-sm);line-height:var(--leading-normal)}.guest-card__alert_error{background-color:var(--color-error-light);color:var(--color-error)}.guest-card__alert_success{background-color:var(--color-success-light);color:var(--color-success)}.guest-card__alert_info{background-color:var(--color-calm-light);color:var(--color-calm)}.auth-form__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-semibold);color:var(--color-text);margin:0 0 var(--space-2);text-align:center}.auth-form__subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 var(--space-6);text-align:center;line-height:var(--leading-normal)}.auth-form__hint{font-size:var(--text-sm);color:var(--color-text-muted);margin:0 0 var(--space-4);text-align:center}.auth-form__divider{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-6) 0;color:var(--color-text-muted);font-size:var(--text-sm)}.auth-form__divider:before,.auth-form__divider:after{content:"";flex:1;height:1px;background-color:var(--color-border)}.auth-form{display:flex;flex-direction:column;gap:var(--space-4)}.auth-form__field{display:flex;flex-direction:column;gap:var(--space-1)}.auth-form__label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text)}.auth-form__input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);font-family:var(--font-sans);color:var(--color-text);background:var(--color-surface);transition:border-color var(--duration-fast) var(--ease-out);box-sizing:border-box}.auth-form__input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.auth-form__input_error{border-color:var(--color-error)}.auth-form__error{font-size:var(--text-xs);color:var(--color-error);margin:0}.auth-form__submit{width:100%;padding:var(--space-3) var(--space-4);border:none;border-radius:var(--radius-md);background-color:var(--color-accent);color:var(--color-text-inverse);font-size:var(--text-base);font-weight:var(--weight-medium);font-family:var(--font-sans);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out)}.auth-form__submit:hover{background-color:var(--color-accent-hover)}.auth-form__link{display:inline-block;margin-top:var(--space-4);color:var(--color-accent);text-decoration:none;font-size:var(--text-sm);font-weight:var(--weight-medium);text-align:center;width:100%}.auth-form__link:hover{text-decoration:underline}.auth-form__remember{margin-bottom:var(--space-6)}.auth-form__remember-label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-sm);color:var(--color-text-secondary);justify-content:center}.auth-form__remember-input{width:16px;height:16px;cursor:pointer;accent-color:var(--color-accent)}.auth-form__remember-text{-webkit-user-select:none;user-select:none}.oauth-buttons{display:flex;flex-direction:column;gap:var(--space-3)}.oauth-button{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;font-size:var(--text-base);font-weight:var(--weight-medium);font-family:var(--font-sans);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.oauth-button__icon{width:20px;height:20px;flex-shrink:0}.oauth-button__text{flex-shrink:0}.oauth-button_google{background:var(--color-surface);color:var(--color-text)}.oauth-button_google:hover{background:var(--color-bg-alt);border-color:var(--color-text-muted)}.oauth-button_yandex{background:var(--color-surface);color:var(--color-text)}.oauth-button_yandex:hover{background:#fc3f1d;color:var(--color-text-inverse);border-color:#fc3f1d}.oauth-button_yandex .oauth-button__icon{color:#fc3f1d}.oauth-button_yandex:hover .oauth-button__icon{color:var(--color-text-inverse)}.invite-invalid{text-align:center}.invite-invalid__icon{display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4);width:48px;height:48px;color:var(--color-error)}.invite-invalid__icon svg{width:48px;height:48px}.invites__form{margin-bottom:var(--space-6)}.invites__list{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-6)}.invites__item{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.invites__item_used{opacity:.6}.invites__item_expired{opacity:.5}.invites__item-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2)}.invites__code{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);word-break:break-all}.invites__badge{display:inline-block;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-medium);white-space:nowrap}.invites__badge_active{background-color:var(--color-success-light);color:var(--color-success)}.invites__badge_used{background-color:var(--color-calm-light);color:var(--color-calm)}.invites__badge_expired{background-color:var(--color-error-light);color:var(--color-error)}.invites__note{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.invites__meta{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-3)}.invites__actions{display:flex;gap:var(--space-2);align-items:stretch}.invites__url-input{flex:1;font-size:var(--text-xs);font-family:var(--font-mono);padding:var(--space-2) var(--space-3);cursor:pointer}.invites__delete-form{flex-shrink:0}.invites__delete-btn{padding:var(--space-2) var(--space-3);border:1px solid var(--color-error);border-radius:var(--radius-md);background:transparent;color:var(--color-error);font-size:var(--text-xs);font-family:var(--font-sans);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);height:100%}.invites__delete-btn:hover{background:var(--color-error);color:var(--color-text-inverse)}.invites__empty{text-align:center;color:var(--color-text-muted);font-size:var(--text-sm);margin-top:var(--space-6)}.invites__back-link{display:block;text-align:center;margin-top:var(--space-6);color:var(--color-accent);text-decoration:none;font-size:var(--text-sm);font-weight:var(--weight-medium)}.invites__back-link:hover{text-decoration:underline}.access-denied{text-align:center}.access-denied__icon{display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4);width:48px;height:48px;color:var(--color-accent)}.access-denied__icon svg{width:48px;height:48px}.access-denied__text{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0 0 var(--space-4);text-align:left}.access-denied__contacts{display:flex;flex-direction:column;gap:var(--space-3);margin:var(--space-6) 0}.access-denied__contact{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);text-decoration:none;font-size:var(--text-sm);transition:border-color var(--duration-fast) var(--ease-out)}.access-denied__contact:hover{border-color:var(--color-accent)}.access-denied__contact-icon{width:20px;height:20px;flex-shrink:0;color:var(--color-accent)}.access-denied__actions{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-6)}.access-denied__btn{display:block;text-align:center;text-decoration:none}.access-denied__logout{background:none;border:none;color:var(--color-text-muted);font-size:var(--text-sm);font-family:var(--font-sans);cursor:pointer;padding:var(--space-2);width:100%}.access-denied__logout:hover{color:var(--color-text)}@media(max-width:480px){.guest-card{padding:var(--space-6)}.invites__actions{flex-direction:column}}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{inset:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.aspect-4-3{aspect-ratio:4 / 3}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.select-all{-webkit-user-select:all;user-select:all}.visible{visibility:visible}.invisible{visibility:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.transition-none{transition:none}.transition-all{transition:all var(--duration-normal) var(--ease-out)}.transition-colors{transition:color,background-color,border-color var(--duration-fast) var(--ease-out)}.transition-opacity{transition:opacity var(--duration-normal) var(--ease-out)}.transition-transform{transition:transform var(--duration-normal) var(--ease-out)}.scale-95{transform:scale(.95)}.scale-100{transform:scale(1)}.scale-105{transform:scale(1.05)}.scale-110{transform:scale(1.1)}.rotate-90{transform:rotate(90deg)}.rotate-180{transform:rotate(180deg)}.rotate-270{transform:rotate(270deg)}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-bounce{animation:bounce 1s infinite}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--ease-out)}.animate-slide-up{animation:slideUp var(--duration-normal) var(--ease-out)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reveal-on-scroll{opacity:0;transform:translateY(20px);transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out)}.reveal-on-scroll.is-revealed{opacity:1;transform:translateY(0)}.grid .reveal-on-scroll:nth-child(1){transition-delay:0ms}.grid .reveal-on-scroll:nth-child(2){transition-delay:50ms}.grid .reveal-on-scroll:nth-child(3){transition-delay:.1s}.grid .reveal-on-scroll:nth-child(4){transition-delay:.15s}.grid .reveal-on-scroll:nth-child(5){transition-delay:.2s}.grid .reveal-on-scroll:nth-child(6){transition-delay:.25s}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mt-10{margin-top:var(--space-10)}.mt-12{margin-top:var(--space-12)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-10{margin-bottom:var(--space-10)}.mb-12{margin-bottom:var(--space-12)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-accent{color:var(--color-accent)}.text-small{font-size:var(--text-sm)}.text-lead{font-size:var(--text-lg);line-height:var(--leading-relaxed)}.article-share__btn.is-copied{color:var(--color-accent);border-color:var(--color-accent)}.article-share__btn.is-copied:after{content:"Скопировано!";position:absolute;top:-30px;left:50%;transform:translate(-50%);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-accent);border-radius:var(--radius-md);white-space:nowrap}.bg-surface{background-color:var(--color-surface)}.bg-alt{background-color:var(--color-bg-alt)}.bg-accent-light{background-color:var(--color-accent-light)}.border{border:1px solid var(--color-border)}.border-light{border:1px solid var(--color-border-light)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}