.search-bar{position:relative;width:100%}.search-bar__input-wrapper{display:flex;align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-3) var(--spacing-4);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-bar__input-wrapper:focus-within{border-color:var(--color-primary-500);box-shadow:0 0 0 4px #2e5a9126}[data-theme=dark] .search-bar__input-wrapper:focus-within{box-shadow:0 0 0 4px #d4782c33;border-color:var(--color-accent-500)}[data-theme=light] .search-bar__input-wrapper:focus-within{box-shadow:0 0 0 4px #00ffff40;border-color:#00e5ff}.search-bar--large .search-bar__input-wrapper{padding:var(--spacing-4) var(--spacing-5)}.search-bar--large .search-bar__input{font-size:var(--font-size-lg)}.search-bar__icon{width:20px;height:20px;color:var(--color-neutral-400);margin-right:var(--spacing-3);flex-shrink:0}.search-bar--large .search-bar__icon{width:24px;height:24px}.search-bar__input{flex:1;border:none;background:transparent;font-size:var(--font-size-base);color:var(--color-text-primary);outline:none;min-width:0}.search-bar__input::placeholder{color:var(--color-neutral-400)}.search-bar__clear{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--border-radius-full);color:var(--color-neutral-400);transition:background-color var(--transition-fast),color var(--transition-fast)}.search-bar__clear:hover{background-color:var(--color-neutral-100);color:var(--color-neutral-600)}[data-theme=dark] .search-bar__clear:hover{background-color:var(--color-primary-700);color:var(--color-neutral-200)}.search-bar__dropdown{position:absolute;top:calc(100% + var(--spacing-2));left:0;right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);overflow:hidden;z-index:100;max-height:400px;overflow-y:auto}.search-suggestion{display:flex;flex-direction:column;padding:var(--spacing-3) var(--spacing-4);cursor:pointer;border-bottom:1px solid var(--color-border-light);transition:background-color var(--transition-fast)}.search-suggestion:last-child{border-bottom:none}.search-suggestion:hover,.search-suggestion--selected{background-color:var(--color-primary-100)}.search-suggestion:hover,.search-suggestion--selected{background-color:#1e3a5f99}[data-theme=light] .search-suggestion:hover,[data-theme=light] .search-suggestion--selected{background-color:#00ffff26}.search-suggestion__title{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.search-suggestion__title mark{background:var(--color-accent-200);color:var(--color-accent-900);padding:0 2px;border-radius:2px}.search-suggestion__title mark{background:#d4782c40;color:var(--color-accent-300)}[data-theme=light] .search-suggestion__title mark{background:#00ffff4d;color:#0ff}.search-suggestion__meta{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.search-suggestion__badge{display:inline-flex;align-items:center;padding:2px 6px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-sm);background-color:var(--color-primary-100);color:var(--color-primary-700)}[data-theme=dark] .search-suggestion__badge{background-color:var(--color-primary-700);color:var(--color-primary-200)}[data-theme=light] .search-suggestion__badge{background-color:#002567;color:#00e5ff}.search-suggestion__excerpt{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--spacing-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-bar__footer{padding:var(--spacing-2) var(--spacing-4);background:var(--color-background);border-top:1px solid var(--color-border-light);font-size:var(--font-size-xs);color:var(--color-text-muted);display:flex;gap:var(--spacing-4)}.search-bar__footer kbd{display:inline-block;padding:2px 6px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);font-family:var(--font-family-mono);font-size:var(--font-size-xs);margin:0 2px}.search-bar__no-results{padding:var(--spacing-6) var(--spacing-4);text-align:center;color:var(--color-text-secondary)}.search-bar__loading{padding:var(--spacing-4);text-align:center;color:var(--color-text-secondary)}.search-bar__spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-primary-500);border-radius:50%;animation:spin .8s linear infinite}.header{position:sticky;top:0;z-index:50;background-color:var(--color-surface);border-bottom:1px solid var(--color-border);height:var(--header-height)}.header__container{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:var(--content-max-width);margin:0 auto;padding:0 var(--spacing-4)}.header__logo{display:flex;align-items:center;gap:var(--spacing-3);text-decoration:none;color:var(--color-text-primary)}.header__logo:hover{text-decoration:none}.header__logo-image{width:40px;height:40px;border-radius:var(--border-radius-md)}.header__logo-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}@media (max-width: 640px){.header__logo-text{display:none}}.header__nav{display:flex;align-items:center;gap:var(--spacing-6)}.header__nav-link{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-decoration:none;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--border-radius-md);transition:color var(--transition-fast),background-color var(--transition-fast),transform var(--transition-fast)}.header__nav-link:hover{color:var(--color-text-primary);background-color:var(--color-background);text-decoration:none;transform:translateY(-1px)}.header__nav-link--active{color:var(--color-primary-600);background-color:var(--color-primary-100)}[data-theme=dark] .header__nav-link--active{color:var(--color-accent-400);background-color:var(--color-primary-800)}@media (max-width: 768px){.header__nav{display:none}}.header__search{flex:1;max-width:320px;margin:0 var(--spacing-4)}.header__search .search-bar{width:100%}.header__search .search-bar__input-wrapper{background-color:var(--color-background)}@media (max-width: 768px){.header__search{flex:1;max-width:none;margin:0 var(--spacing-2)}}@media (max-width: 640px){.header__search{margin:0 var(--spacing-1)}.header__search .search-bar__input-wrapper{padding:var(--spacing-1) var(--spacing-2)}.header__search .search-bar__input{font-size:var(--font-size-sm)}}.header__actions{display:flex;align-items:center;gap:var(--spacing-2)}.header__version-select{font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-3);padding-right:var(--spacing-8);border:1px solid var(--color-border);border-radius:var(--border-radius-md);background-color:var(--color-surface);color:var(--color-text-primary);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b6b6b' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.header__version-select:hover{border-color:var(--color-primary-400)}@media (max-width: 768px){.header__version-select{display:none}}.header__theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--border-radius-md);color:var(--color-text-secondary);transition:background-color var(--transition-fast),color var(--transition-fast)}.header__theme-toggle:hover{background-color:var(--color-background);color:var(--color-text-primary)}.header__theme-toggle svg{width:20px;height:20px}.header__mobile-menu-btn{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--border-radius-md);color:var(--color-text-secondary)}.header__mobile-menu-btn:hover{background-color:var(--color-background);color:var(--color-text-primary)}@media (max-width: 768px){.header__mobile-menu-btn{display:flex}}.footer{background-color:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--spacing-8) var(--spacing-4);margin-top:auto}.footer__container{max-width:var(--content-max-width);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4)}.footer__links{display:flex;align-items:center;gap:var(--spacing-6)}.footer__link{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.footer__link:hover{color:var(--color-text-primary);text-decoration:none}.footer__link svg{width:18px;height:18px}.footer__info{text-align:center}.footer__branding{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-2)}.footer__branding-logo{width:24px;height:24px;border-radius:var(--border-radius-sm)}.footer__copyright{font-size:var(--font-size-xs);color:var(--color-text-muted)}@media (max-width: 640px){.footer__links{flex-direction:column;gap:var(--spacing-3)}}.mobile-menu{display:none}@media (max-width: 768px){.mobile-menu{display:block;position:fixed;top:var(--header-height);left:0;right:0;bottom:0;background-color:var(--color-surface);z-index:45;transform:translate(-100%);transition:transform var(--transition-normal);overflow-y:auto}.mobile-menu--open{transform:translate(0)}.mobile-menu__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;top:var(--header-height);background-color:#00000080;z-index:44;opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal)}.mobile-menu__backdrop--visible{opacity:1;visibility:visible}.mobile-menu__content{padding:var(--spacing-4)}.mobile-menu__nav{display:flex;flex-direction:column;gap:var(--spacing-2);margin-bottom:var(--spacing-6)}.mobile-menu__nav-link{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-primary);text-decoration:none;border-radius:var(--border-radius-md);transition:background-color var(--transition-fast)}.mobile-menu__nav-link:hover,.mobile-menu__nav-link--active{background-color:var(--color-background);text-decoration:none}.mobile-menu__nav-link--active{color:var(--color-primary-600)}[data-theme=dark] .mobile-menu__nav-link--active{color:var(--color-accent-400)}.mobile-menu__nav-icon{font-size:1.25rem}.mobile-menu__divider{height:1px;background-color:var(--color-border);margin:var(--spacing-4) 0}.mobile-menu__section{margin-bottom:var(--spacing-4)}.mobile-menu__section-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;padding:var(--spacing-2) var(--spacing-4)}.mobile-menu__section-links{display:flex;flex-direction:column}.mobile-menu__section-link{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-base);color:var(--color-text-secondary);text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast)}.mobile-menu__section-link:hover{background-color:var(--color-background);color:var(--color-text-primary);text-decoration:none}.mobile-menu__toc{display:flex;flex-direction:column;max-height:300px;overflow-y:auto}.mobile-menu__toc-link{display:block;padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-decoration:none;border-left:2px solid transparent;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.mobile-menu__toc-link:hover{background-color:var(--color-background);color:var(--color-text-primary);text-decoration:none}.mobile-menu__toc-link--level-2{padding-left:var(--spacing-4)}.mobile-menu__toc-link--level-3{padding-left:var(--spacing-6);font-size:var(--font-size-xs)}.mobile-menu__toc-link--level-4{padding-left:var(--spacing-8);font-size:var(--font-size-xs);color:var(--color-text-muted)}.mobile-menu__theme{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) var(--spacing-4);margin-top:var(--spacing-4)}.mobile-menu__theme-label{font-size:var(--font-size-base);color:var(--color-text-secondary)}.mobile-menu__theme-toggle{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background-color:var(--color-background);border-radius:var(--border-radius-full);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.mobile-menu__theme-toggle svg{width:18px;height:18px}}.hero{position:relative;padding:var(--spacing-16) var(--spacing-4) var(--spacing-12);text-align:center;overflow:visible;z-index:10}.hero__gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--color-primary-900) 0%,var(--color-primary-800) 50%,var(--color-accent-900) 100%);z-index:-1}[data-theme=light] .hero__gradient{background:linear-gradient(135deg,#1d4ed8,#2563eb,#ea580c)}.hero__content{max-width:720px;margin:0 auto}.hero__logo-link{display:block;margin:0 auto var(--spacing-6);width:fit-content;transition:transform var(--transition-fast),filter var(--transition-fast)}.hero__logo-link:hover{transform:scale(1.03) translateY(-2px)}.hero__logo-link:hover .hero__logo{filter:drop-shadow(0 8px 20px rgba(88,101,242,.4))}[data-theme=light] .hero__logo-link:hover .hero__logo{filter:drop-shadow(0 8px 20px rgba(88,101,242,.5))}.hero__logo{width:320px;max-width:85%;height:auto;display:block;filter:drop-shadow(0 6px 16px rgba(0,0,0,.5));transition:filter var(--transition-fast)}[data-theme=light] .hero__logo{filter:drop-shadow(0 6px 16px rgba(0,0,0,.3))}.hero__title{font-family:var(--font-family-display);font-size:var(--font-size-4xl);font-weight:var(--font-weight-normal);color:var(--color-text-primary);margin-bottom:var(--spacing-3);letter-spacing:.02em;text-transform:uppercase}@media (max-width: 640px){.hero__title{font-size:var(--font-size-3xl)}}.hero__subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-8);max-width:500px;margin-left:auto;margin-right:auto}.hero__subtitle em{color:var(--color-accent-400);font-style:normal;font-weight:var(--font-weight-medium)}[data-theme=light] .hero__subtitle em{color:#fb923c}.hero__search{position:relative;max-width:560px;margin:0 auto;z-index:100}.hero__decoration{position:absolute;opacity:.1;pointer-events:none}.hero__decoration--left{left:-100px;top:50%;transform:translateY(-50%);width:300px;height:300px;background:radial-gradient(circle,var(--color-accent-400) 0%,transparent 70%)}.hero__decoration--right{right:-100px;top:30%;transform:translateY(-50%);width:400px;height:400px;background:radial-gradient(circle,var(--color-primary-400) 0%,transparent 70%)}.hero__actions{margin-top:var(--spacing-6);text-align:center}.hero__learn-btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);background:var(--color-accent-500);color:#fff;font-family:var(--font-family-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);text-decoration:none;border-radius:var(--border-radius-lg);transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);box-shadow:var(--shadow-md)}.hero__learn-btn:hover{background:var(--color-accent-400);transform:translateY(-2px);box-shadow:var(--shadow-lg);text-decoration:none;color:#fff}.hero__learn-icon{font-size:1.2em}.hero__actions-hint{margin-top:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-secondary)}[data-theme=light] .hero__learn-btn{background:#ea580c;box-shadow:0 4px 12px #ea580c4d}[data-theme=light] .hero__learn-btn:hover{background:#f97316;box-shadow:0 6px 16px #ea580c66}[data-theme=light] .hero__actions-hint{color:#e0e7ff}@media (max-width: 768px){.hero{padding:var(--spacing-10) var(--spacing-4) var(--spacing-8)}.hero__decoration{display:none}.hero__learn-btn{font-size:var(--font-size-base);padding:var(--spacing-2) var(--spacing-4)}}.game-cards{padding:var(--spacing-12) var(--spacing-4);max-width:1200px;margin:0 auto}.game-cards__title{font-family:var(--font-family-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-normal);color:var(--color-text-primary);text-align:center;margin-bottom:var(--spacing-2);text-transform:uppercase;letter-spacing:.02em}.game-cards__subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);text-align:center;margin-bottom:var(--spacing-8)}.game-cards__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-6);max-width:900px;margin:0 auto}.game-card{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-6);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-xl);text-decoration:none;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast);position:relative;overflow:hidden}.game-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--game-color, var(--color-accent-500));opacity:.8;transition:opacity var(--transition-fast)}.game-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--game-color, var(--color-accent-500));text-decoration:none}.game-card:hover:before{opacity:1}.game-card--coming-soon{cursor:not-allowed;opacity:.7}.game-card--coming-soon:hover{transform:none;box-shadow:none}.game-card__icon-wrapper{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-4);position:relative}.game-card__icon{width:60px;height:60px;object-fit:contain}.game-card__icon-fallback{position:absolute;font-family:var(--font-family-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--game-color, var(--color-accent-500))}.game-card__icon+.game-card__icon-fallback{display:none}.game-card__content{text-align:center;flex:1}.game-card__name{font-family:var(--font-family-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-normal);color:var(--color-text-primary);margin-bottom:var(--spacing-2);text-transform:uppercase}.game-card__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6}.game-card__arrow{margin-top:var(--spacing-4);color:var(--game-color, var(--color-accent-500));opacity:.6;transition:opacity var(--transition-fast),transform var(--transition-fast)}.game-card:hover .game-card__arrow{opacity:1;transform:translate(4px)}.game-card__badge{margin-top:var(--spacing-4);padding:var(--spacing-1) var(--spacing-3);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}@media (max-width: 768px){.game-cards{padding:var(--spacing-8) var(--spacing-4)}.game-cards__grid{grid-template-columns:1fr;max-width:400px}.game-card{padding:var(--spacing-4)}.game-card__icon-wrapper{width:64px;height:64px}.game-card__icon{width:48px;height:48px}}.about-section{padding:var(--spacing-12) var(--spacing-4);background:var(--color-bg-secondary);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.about-section__content{max-width:800px;margin:0 auto;text-align:center}.about-section__title{font-family:var(--font-family-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-normal);color:var(--color-text-primary);margin-bottom:var(--spacing-6);text-transform:uppercase;letter-spacing:.02em}.about-section__text{margin-bottom:var(--spacing-8)}.about-section__text p{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.8;margin-bottom:var(--spacing-4)}.about-section__text p:last-child{margin-bottom:0}.about-section__text strong{color:var(--color-accent-400);font-weight:var(--font-weight-semibold)}[data-theme=light] .about-section__text strong{color:var(--color-accent-600)}.about-section__stats{display:flex;justify-content:center;gap:var(--spacing-8);flex-wrap:wrap}.about-section__stat{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1)}.about-section__stat-icon{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-1)}.about-section__stat-value{font-family:var(--font-family-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.about-section__stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}@media (max-width: 640px){.about-section{padding:var(--spacing-8) var(--spacing-4)}.about-section__stats{gap:var(--spacing-6)}.about-section__stat-value{font-size:var(--font-size-lg)}}.community-banner{padding:var(--spacing-12) var(--spacing-4);background:linear-gradient(135deg,var(--color-highlight-900) 0%,var(--color-primary-800) 100%)}.community-banner__content{max-width:var(--content-max-width);margin:0 auto;display:flex;align-items:center;gap:var(--spacing-6)}@media (max-width: 768px){.community-banner__content{flex-direction:column;text-align:center}}.community-banner__icon{flex-shrink:0;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-700);border-radius:var(--border-radius-xl);color:#5865f2;box-shadow:0 4px 8px #00000080,0 2px 4px #0000004d}.community-banner__text{flex:1}.community-banner__title{font-family:var(--font-family-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-normal);color:#f0f4f8;margin-bottom:var(--spacing-2);letter-spacing:.01em}.community-banner__description{font-size:var(--font-size-base);color:#94a3b8;line-height:var(--line-height-relaxed);margin:0;max-width:600px}@media (max-width: 768px){.community-banner__description{max-width:none}}.community-banner__button{flex-shrink:0;display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-4) var(--spacing-6);background:#5865f2;color:#fff;font-family:var(--font-family-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);text-decoration:none;border-radius:var(--border-radius-lg);transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast);box-shadow:var(--shadow-md)}.community-banner__button:hover{background:#4752c4;transform:translateY(-2px);box-shadow:var(--shadow-lg);text-decoration:none;color:#fff}.community-banner__button:active{transform:translateY(0)}.community-banner__button svg{transition:transform var(--transition-fast)}.community-banner__button:hover svg{transform:translate(2px,-2px)}@media (max-width: 768px){.community-banner__button{width:100%;justify-content:center}}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-1);padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm);background-color:var(--color-background);border-bottom:1px solid var(--color-border-light)}.breadcrumbs__item{display:flex;align-items:center;gap:var(--spacing-1)}.breadcrumbs__link{color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm)}.breadcrumbs__link:hover{color:var(--color-text-primary);background-color:var(--color-surface);text-decoration:none}.breadcrumbs__current{color:var(--color-text-primary);font-weight:var(--font-weight-medium);padding:var(--spacing-1) var(--spacing-2)}.breadcrumbs__separator{color:var(--color-text-muted);font-size:var(--font-size-xs)}.breadcrumbs__home-icon{width:16px;height:16px}@media (max-width: 640px){.breadcrumbs{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-xs)}.breadcrumbs__item:not(:first-child):not(:last-child){display:none}.breadcrumbs__item:first-child+.breadcrumbs__item:not(:last-child):before{content:"...";color:var(--color-text-muted);margin:0 var(--spacing-1)}}.wiki-layout{display:flex;justify-content:center;min-height:calc(100vh - var(--header-height));width:100%}.wiki-layout__main{flex:1;max-width:1200px;min-width:0;display:flex;flex-direction:column;width:100%}.wiki-layout__content{flex:1;padding:var(--spacing-6);width:100%}@media (max-width: 1024px){.wiki-layout__content{padding:var(--spacing-4)}}@media (max-width: 640px){.wiki-layout__content{padding:var(--spacing-3)}}.version-page{max-width:900px;margin:0 auto;padding:var(--spacing-8) var(--spacing-4)}.version-page__loading,.version-page__error{text-align:center;padding:var(--spacing-12) var(--spacing-4)}.version-page__error h1{color:var(--color-text-primary);margin-bottom:var(--spacing-4)}.version-page__error p{color:var(--color-text-secondary);margin-bottom:var(--spacing-6)}.version-page__back-link{display:inline-block;padding:var(--spacing-2) var(--spacing-4);background:var(--color-accent-600);color:#fff;border-radius:var(--radius-md);text-decoration:none;font-weight:500;transition:background-color .2s ease}.version-page__back-link:hover{background:var(--color-accent-700)}.version-page__header{text-align:center;margin-bottom:var(--spacing-10)}.version-page__badge{margin-bottom:var(--spacing-3)}.version-page__status{display:inline-block;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.version-page__status--current{background:var(--color-success-100);color:var(--color-success-700)}.version-page__status--legacy{background:var(--color-warning-100);color:var(--color-warning-700)}.version-page__status--upcoming{background:var(--color-highlight-100);color:var(--color-highlight-700)}.version-page__title{font-size:var(--font-size-4xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-4)}.version-page__description{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.version-page__sections{margin-bottom:var(--spacing-10)}.version-page__sections-title{font-size:var(--font-size-2xl);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-6);text-align:center}.version-page__sections-grid{display:flex;flex-direction:column;gap:var(--spacing-4)}.version-page__section-card{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;transition:all .2s ease}.version-page__section-card:hover{border-color:var(--color-primary-400);box-shadow:var(--shadow-md);transform:translateY(-2px)}.version-page__section-icon{font-size:2.5rem;flex-shrink:0}.version-page__section-content{flex:1;min-width:0}.version-page__section-name{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.version-page__section-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.version-page__section-arrow{font-size:var(--font-size-xl);color:var(--color-text-tertiary);transition:transform .2s ease}.version-page__section-card:hover .version-page__section-arrow{transform:translate(4px);color:var(--color-primary-500)}.version-page__features{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-6)}.version-page__features-title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-4)}.version-page__features-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-3)}.version-page__feature{display:flex;align-items:center;gap:var(--spacing-2);color:var(--color-text-secondary)}.version-page__feature-check{color:var(--color-success-500);font-weight:600}@media (max-width: 640px){.version-page{padding:var(--spacing-6) var(--spacing-3)}.version-page__title{font-size:var(--font-size-3xl)}.version-page__section-card{padding:var(--spacing-4)}.version-page__section-icon{font-size:2rem}}.section-page{max-width:1000px}.section-page__loading,.section-page__error{text-align:center;padding:var(--spacing-12) var(--spacing-4)}.section-page__error h1{color:var(--color-text-primary);margin-bottom:var(--spacing-4)}.section-page__error p{color:var(--color-text-secondary);margin-bottom:var(--spacing-6)}.section-page__back-link{display:inline-block;padding:var(--spacing-2) var(--spacing-4);background:var(--color-accent-600);color:#fff;border-radius:var(--radius-md);text-decoration:none;font-weight:500;transition:background-color .2s ease}.section-page__back-link:hover{background:var(--color-accent-700)}.section-page__header{text-align:center;margin-bottom:var(--spacing-10);padding-bottom:var(--spacing-8);border-bottom:1px solid var(--color-border)}.section-page__icon{font-size:3rem;display:block;margin-bottom:var(--spacing-3)}.section-page__title{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-3)}.section-page__description{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.section-page__categories-title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-6)}.section-page__categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-4)}.section-page__category-card{display:flex;align-items:flex-start;gap:var(--spacing-4);padding:var(--spacing-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;transition:all .2s ease}.section-page__category-card:hover{border-color:var(--color-primary-400);box-shadow:var(--shadow-md);transform:translateY(-2px)}.section-page__category-icon{font-size:2rem;flex-shrink:0;line-height:1}.section-page__category-content{flex:1;min-width:0}.section-page__category-name{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.section-page__category-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5;margin-bottom:var(--spacing-2)}.section-page__category-count{font-size:var(--font-size-xs);color:var(--color-text-tertiary);display:inline-block;padding:var(--spacing-1) var(--spacing-2);background:var(--color-background);border-radius:var(--radius-sm)}@media (max-width: 640px){.section-page__header{margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-6)}.section-page__icon{font-size:2.5rem}.section-page__title{font-size:var(--font-size-2xl)}.section-page__categories-grid{grid-template-columns:1fr}}.category-page{max-width:900px}.category-page__loading,.category-page__error,.category-page__empty{text-align:center;padding:var(--spacing-12) var(--spacing-4)}.category-page__error h1{color:var(--color-text-primary);margin-bottom:var(--spacing-4)}.category-page__error p,.category-page__empty p{color:var(--color-text-secondary);margin-bottom:var(--spacing-4)}.category-page__back-link{display:inline-block;padding:var(--spacing-2) var(--spacing-4);background:var(--color-accent-600);color:#fff;border-radius:var(--radius-md);text-decoration:none;font-weight:500;transition:background-color .2s ease}.category-page__back-link:hover{background:var(--color-accent-700)}.category-page__header{text-align:center;margin-bottom:var(--spacing-8);padding-bottom:var(--spacing-6);border-bottom:1px solid var(--color-border)}.category-page__icon{font-size:2.5rem;display:block;margin-bottom:var(--spacing-2)}.category-page__title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.category-page__description{font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:500px;margin:0 auto var(--spacing-3);line-height:1.5}.category-page__count{font-size:var(--font-size-sm);color:var(--color-text-tertiary);display:inline-block;padding:var(--spacing-1) var(--spacing-3);background:var(--color-background);border-radius:var(--radius-full)}.category-page__articles-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-3)}.category-page__article-card{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);animation:fadeInUp .4s ease-out backwards}.category-page__articles-list li:nth-child(1) .category-page__article-card{animation-delay:0ms}.category-page__articles-list li:nth-child(2) .category-page__article-card{animation-delay:50ms}.category-page__articles-list li:nth-child(3) .category-page__article-card{animation-delay:.1s}.category-page__articles-list li:nth-child(4) .category-page__article-card{animation-delay:.15s}.category-page__articles-list li:nth-child(5) .category-page__article-card{animation-delay:.2s}.category-page__articles-list li:nth-child(6) .category-page__article-card{animation-delay:.25s}.category-page__articles-list li:nth-child(7) .category-page__article-card{animation-delay:.3s}.category-page__articles-list li:nth-child(8) .category-page__article-card{animation-delay:.35s}.category-page__article-card:hover{border-color:var(--color-primary-400);box-shadow:var(--shadow-md);transform:translateY(-2px)}.category-page__article-content{flex:1;min-width:0}.category-page__article-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.category-page__article-excerpt{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5;margin-bottom:var(--spacing-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.category-page__article-meta{display:flex;align-items:center;gap:var(--spacing-3);flex-wrap:wrap}.category-page__difficulty{font-size:var(--font-size-xs);font-weight:500;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm)}.category-page__difficulty--beginner{background:var(--color-success-100);color:var(--color-success-700)}.category-page__difficulty--intermediate{background:var(--color-warning-100);color:var(--color-warning-700)}.category-page__difficulty--advanced{background:var(--color-highlight-100);color:var(--color-highlight-700)}.category-page__tags{display:flex;gap:var(--spacing-2)}.category-page__tag{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.category-page__article-arrow{font-size:var(--font-size-lg);color:var(--color-text-tertiary);transition:transform .2s ease;flex-shrink:0}.category-page__article-card:hover .category-page__article-arrow{transform:translate(4px);color:var(--color-primary-500)}@media (max-width: 640px){.category-page__article-card{flex-direction:column;align-items:flex-start}.category-page__article-arrow{display:none}}.code-block{position:relative;margin:var(--spacing-4) 0;border-radius:var(--border-radius-lg);overflow:hidden;background-color:var(--color-code-bg);border:1px solid var(--color-border)}.code-block__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-2) var(--spacing-4);background-color:var(--color-neutral-200);border-bottom:1px solid var(--color-border)}[data-theme=dark] .code-block__header{background-color:var(--color-primary-900)}.code-block__language{font-family:var(--font-family-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.code-block__copy{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-secondary);background-color:transparent;border:1px solid var(--color-border);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast)}.code-block__copy:hover{background-color:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-text-muted)}.code-block__copy--copied{background-color:var(--color-accent-100);color:var(--color-accent-700);border-color:var(--color-accent-300)}[data-theme=dark] .code-block__copy--copied{background-color:var(--color-accent-900);color:var(--color-accent-300);border-color:var(--color-accent-700)}.code-block__copy-icon{width:14px;height:14px}.code-block__content{overflow-x:auto;padding:var(--spacing-4)}.code-block__content pre{margin:0;padding:0;background:transparent;border:none;border-radius:0}.code-block__content code{font-family:var(--font-family-mono);font-size:var(--font-size-sm);line-height:1.6;background:transparent;padding:0;color:var(--color-code-text)}.code-block--with-lines .code-block__content{display:flex}.code-block__line-numbers{flex-shrink:0;padding-right:var(--spacing-4);margin-right:var(--spacing-4);border-right:1px solid var(--color-border);text-align:right;-webkit-user-select:none;user-select:none;color:var(--color-text-muted);font-family:var(--font-family-mono);font-size:var(--font-size-sm);line-height:1.6}.inline-code{font-family:var(--font-family-mono);font-size:.9em;background-color:var(--color-code-bg);color:var(--color-code-text);padding:.125em .375em;border-radius:var(--border-radius-sm);border:1px solid var(--color-border-light)}.code-block .hljs-keyword{color:#c678dd}.code-block .hljs-string{color:#98c379}.code-block .hljs-number{color:#d19a66}.code-block .hljs-function{color:#61afef}.code-block .hljs-comment{color:#5c6370;font-style:italic}.code-block .hljs-variable,.code-block .hljs-attr{color:#e06c75}.code-block .hljs-built_in{color:#e6c07b}.code-block .hljs-title{color:#61afef}.code-block .hljs-params{color:#abb2bf}[data-theme=dark] .code-block .hljs-keyword{color:#c678dd}[data-theme=dark] .code-block .hljs-string{color:#98c379}[data-theme=dark] .code-block .hljs-comment{color:#7f848e}.markdown{color:var(--color-text-primary);line-height:var(--line-height-relaxed)}.markdown h1,.markdown h2,.markdown h3,.markdown h4,.markdown h5,.markdown h6{margin-top:var(--spacing-8);margin-bottom:var(--spacing-4);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);scroll-margin-top:calc(var(--header-height) + var(--spacing-4))}.markdown h1{font-size:var(--font-size-3xl);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--color-border)}.markdown h2{font-size:var(--font-size-2xl);padding-bottom:var(--spacing-2);border-bottom:1px solid var(--color-border-light)}.markdown h3{font-size:var(--font-size-xl)}.markdown h4{font-size:var(--font-size-lg)}.markdown h5{font-size:var(--font-size-base)}.markdown h6{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.markdown>h1:first-child,.markdown>h2:first-child,.markdown>h3:first-child{margin-top:0}.markdown h1 a,.markdown h2 a,.markdown h3 a,.markdown h4 a,.markdown h5 a,.markdown h6 a{color:inherit;text-decoration:none}.markdown h1 a:hover,.markdown h2 a:hover,.markdown h3 a:hover,.markdown h4 a:hover,.markdown h5 a:hover,.markdown h6 a:hover{text-decoration:underline}.markdown p{margin-bottom:var(--spacing-4)}.markdown a{color:var(--color-link);text-decoration:none}.markdown a:hover{text-decoration:underline}.markdown ul,.markdown ol{margin-bottom:var(--spacing-4);padding-left:var(--spacing-6)}.markdown li{margin-bottom:var(--spacing-2)}.markdown li>ul,.markdown li>ol{margin-top:var(--spacing-2);margin-bottom:0}.markdown ul.contains-task-list{list-style:none;padding-left:0}.markdown .task-list-item{display:flex;align-items:flex-start;gap:var(--spacing-2)}.markdown .task-list-item input[type=checkbox]{margin-top:.3em}.markdown blockquote{margin:var(--spacing-4) 0;padding:var(--spacing-4);padding-left:var(--spacing-5);border-left:4px solid var(--color-primary-500);background-color:var(--color-background);border-radius:0 var(--border-radius-md) var(--border-radius-md) 0;color:var(--color-text-secondary)}.markdown blockquote p:last-child{margin-bottom:0}.markdown blockquote.info{border-left-color:var(--color-highlight-500);background-color:var(--color-alert-info-bg)}.markdown blockquote.warning{border-left-color:var(--color-accent-500);background-color:var(--color-alert-warning-bg)}.markdown hr{margin:var(--spacing-8) 0;border:none;border-top:1px solid var(--color-border)}.markdown img{max-width:100%;height:auto;border-radius:var(--border-radius-md);margin:var(--spacing-4) 0}.markdown figure{margin:var(--spacing-6) 0}.markdown figcaption{margin-top:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center}.markdown table{width:100%;margin:var(--spacing-4) 0;border-collapse:collapse;font-size:var(--font-size-sm)}.markdown th,.markdown td{padding:var(--spacing-3) var(--spacing-4);text-align:left;border:1px solid var(--color-border)}.markdown th{font-weight:var(--font-weight-semibold);background-color:var(--color-background)}.markdown tr:nth-child(2n){background-color:var(--color-background)}.markdown code:not(pre code){font-family:var(--font-family-mono);font-size:.875em;background-color:var(--color-code-bg);color:var(--color-code-text);padding:.125em .375em;border-radius:var(--border-radius-sm);border:1px solid var(--color-border-light)}.markdown pre{margin:var(--spacing-4) 0}.markdown kbd{display:inline-block;padding:.125em .5em;font-family:var(--font-family-mono);font-size:var(--font-size-sm);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);box-shadow:0 1px 0 var(--color-border)}.markdown strong{font-weight:var(--font-weight-semibold)}.markdown em{font-style:italic}.markdown del{text-decoration:line-through;color:var(--color-text-muted)}.markdown dl{margin:var(--spacing-4) 0}.markdown dt{font-weight:var(--font-weight-semibold);margin-top:var(--spacing-3)}.markdown dd{margin-left:var(--spacing-4);color:var(--color-text-secondary)}.markdown .footnotes{margin-top:var(--spacing-8);padding-top:var(--spacing-4);border-top:1px solid var(--color-border);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.markdown .footnotes ol{padding-left:var(--spacing-4)}.markdown abbr[title]{text-decoration:underline dotted;cursor:help}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-keyword,.hljs-formula{color:#c678dd}.hljs-section,.hljs-name,.hljs-selector-tag,.hljs-deletion,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string{color:#98c379}.hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-type,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-number{color:#d19a66}.hljs-symbol,.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-title.class_,.hljs-class .hljs-title{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}.toc{padding:var(--spacing-3);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg)}.toc__title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-2);border-bottom:1px solid var(--color-border-light)}.toc__list{list-style:none;padding:0;margin:0}.toc__item{margin:0}.toc__link{display:block;padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-decoration:none;border-left:2px solid transparent;transition:all var(--transition-fast);line-height:1.4}.toc__link:hover{color:var(--color-text-primary);text-decoration:none}.toc__link--active{color:var(--color-primary-600);border-left-color:var(--color-primary-500);background-color:var(--color-primary-100)}[data-theme=dark] .toc__link--active{color:var(--color-accent-400);border-left-color:var(--color-accent-500);background-color:var(--color-primary-800)}.toc__link--level-2{padding-left:var(--spacing-2)}.toc__link--level-3{padding-left:var(--spacing-4);font-size:var(--font-size-xs)}.toc__link--level-4{padding-left:var(--spacing-6);font-size:var(--font-size-xs);color:var(--color-text-muted)}.toc__progress{height:2px;background-color:var(--color-border);margin-top:var(--spacing-3);border-radius:var(--border-radius-full);overflow:hidden}.toc__progress-bar{height:100%;background-color:var(--color-primary-500);transition:width var(--transition-fast)}@media (max-width: 1280px){.toc{display:none}.toc--mobile{display:block;position:relative;top:0;width:100%;max-height:none;margin-bottom:var(--spacing-4)}.toc--mobile .toc__list{display:none}.toc--mobile.toc--expanded .toc__list{display:block}.toc__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-3);background:none;border:none;cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.toc__toggle-icon{width:16px;height:16px;transition:transform var(--transition-fast)}.toc--expanded .toc__toggle-icon{transform:rotate(180deg)}}@media (min-width: 1281px){.toc__toggle,.toc--mobile{display:none}}.related-articles{margin-top:var(--spacing-10);padding-top:var(--spacing-6);border-top:1px solid var(--color-border)}.related-articles__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-4)}.related-articles__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-4)}.related-article{display:block;padding:var(--spacing-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);text-decoration:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.related-article:hover{border-color:var(--color-primary-400);box-shadow:var(--shadow-md);text-decoration:none}[data-theme=dark] .related-article:hover{border-color:var(--color-accent-500)}.related-article__category{display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-primary-600);background-color:var(--color-primary-100);padding:2px 8px;border-radius:var(--border-radius-full);margin-bottom:var(--spacing-2)}[data-theme=dark] .related-article__category{color:var(--color-accent-400);background-color:var(--color-primary-800)}.related-article__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-2);line-height:var(--line-height-tight)}.related-article__excerpt{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-article__meta{display:flex;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-3)}.related-article__difficulty{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:2px 6px;border-radius:var(--border-radius-sm)}.related-article__difficulty--beginner{background-color:var(--color-accent-100);color:var(--color-accent-700)}.related-article__difficulty--intermediate{background-color:var(--color-primary-100);color:var(--color-primary-700)}.related-article__difficulty--advanced{background-color:var(--color-highlight-100);color:var(--color-highlight-700)}[data-theme=dark] .related-article__difficulty--beginner{background-color:var(--color-accent-900);color:var(--color-accent-300)}[data-theme=dark] .related-article__difficulty--intermediate{background-color:var(--color-primary-800);color:var(--color-primary-200)}[data-theme=dark] .related-article__difficulty--advanced{background-color:var(--color-highlight-900);color:var(--color-highlight-300)}.article-cta{margin-top:var(--spacing-8);padding:var(--spacing-8) var(--spacing-6);background:linear-gradient(135deg,var(--color-highlight-900) 0%,var(--color-primary-800) 100%);border-radius:var(--border-radius-lg)}.article-cta__content{display:flex;align-items:center;gap:var(--spacing-6)}.article-cta__icon{flex-shrink:0;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-700);border-radius:var(--border-radius-xl);color:#5865f2;box-shadow:0 4px 8px #00000080,0 2px 4px #0000004d}.article-cta__text{flex:1}.article-cta__title{font-family:var(--font-family-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-normal);color:#f0f4f8;margin-bottom:var(--spacing-2);letter-spacing:.01em}.article-cta__description{font-size:var(--font-size-base);color:#94a3b8;line-height:var(--line-height-relaxed);margin:0}.article-cta__button{flex-shrink:0;display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-4) var(--spacing-6);background:#5865f2;color:#fff;font-family:var(--font-family-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);text-decoration:none;border-radius:var(--border-radius-lg);transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast);box-shadow:var(--shadow-md)}.article-cta__button:hover{background:#4752c4;transform:translateY(-2px);box-shadow:var(--shadow-lg);text-decoration:none;color:#fff}.article-cta__button:active{transform:translateY(0)}.article-cta__button svg{transition:transform var(--transition-fast)}.article-cta__button:hover svg{transform:translate(2px,-2px)}@media (max-width: 768px){.article-cta__content{flex-direction:column;text-align:center}.article-cta__description{max-width:none}.article-cta__button{width:100%;justify-content:center}}@media (max-width: 640px){.article-cta{padding:var(--spacing-6) var(--spacing-4)}.article-cta__icon{width:64px;height:64px}.article-cta__icon svg{width:36px;height:36px}.article-cta__title{font-size:var(--font-size-xl)}.article-cta__description{font-size:var(--font-size-sm)}.article-cta__button{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm)}}.bookmark-button-wrapper{position:relative;display:inline-block}.bookmark-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid var(--color-neutral-300, #a8a8a8);border-radius:.5rem;background:var(--color-surface, #ffffff);color:var(--color-text-primary, #1a1a1a);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.bookmark-button:hover:not(:disabled){border-color:var(--color-primary-500, #4a9494);background:var(--color-primary-50, #e0f0f0);transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.bookmark-button:disabled{opacity:.5;cursor:not-allowed}.bookmark-button--active{border-color:var(--color-primary-600, #387a7a);background:var(--color-primary-600, #387a7a);color:#fff}.bookmark-button--active:hover:not(:disabled){border-color:var(--color-primary-700, #2d6363);background:var(--color-primary-700, #2d6363)}.bookmark-button__icon{width:18px;height:18px;flex-shrink:0}.bookmark-button__text{white-space:nowrap}.bookmark-button__tooltip{position:absolute;top:calc(100% + .5rem);left:50%;transform:translate(-50%);padding:.5rem .75rem;background:var(--color-neutral-900, #1a1a1a);color:#fff;font-size:.75rem;border-radius:.375rem;white-space:nowrap;z-index:10;animation:tooltipFadeIn .2s ease}.bookmark-button__tooltip:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-bottom-color:var(--color-neutral-900, #1a1a1a)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}[data-theme=dark] .bookmark-button{background:var(--color-neutral-800, #2d2d2d);border-color:var(--color-neutral-600, #525252)}[data-theme=dark] .bookmark-button:hover:not(:disabled){background:var(--color-neutral-700, #404040)}@media (max-width: 640px){.bookmark-button__text{display:none}.bookmark-button{padding:.5rem}}.wiki-article{width:100%}.wiki-article__body{display:flex;gap:var(--spacing-6);width:100%;align-items:flex-start}.wiki-article__main{flex:1 1 auto;min-width:0}.wiki-article__toc{flex:var(--toc-flex);min-width:var(--toc-min);max-width:var(--toc-max);position:sticky;top:calc(var(--header-height) + var(--spacing-6));align-self:flex-start;max-height:calc(100vh - var(--header-height) - var(--spacing-8));overflow-y:auto;overflow-x:visible}.wiki-article__toc::-webkit-scrollbar{width:4px}.wiki-article__toc::-webkit-scrollbar-thumb{background:var(--color-neutral-300);border-radius:var(--border-radius-full)}.wiki-article__below{width:100%;margin-top:var(--spacing-8)}.wiki-article__header{margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-border)}.wiki-article__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-3)}.wiki-article__category{display:inline-flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary-600);background-color:var(--color-primary-100);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--border-radius-full)}[data-theme=dark] .wiki-article__category{color:var(--color-accent-400);background-color:var(--color-primary-800)}.wiki-article__difficulty{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm)}.wiki-article__difficulty--beginner{background-color:var(--color-accent-100);color:var(--color-accent-700)}.wiki-article__difficulty--intermediate{background-color:var(--color-primary-100);color:var(--color-primary-700)}.wiki-article__difficulty--advanced{background-color:var(--color-highlight-100);color:var(--color-highlight-700)}[data-theme=dark] .wiki-article__difficulty--beginner{background-color:var(--color-accent-900);color:var(--color-accent-300)}[data-theme=dark] .wiki-article__difficulty--intermediate{background-color:var(--color-primary-800);color:var(--color-primary-200)}[data-theme=dark] .wiki-article__difficulty--advanced{background-color:var(--color-highlight-900);color:var(--color-highlight-300)}.wiki-article__title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-4);margin-bottom:var(--spacing-2)}.wiki-article__title{flex:1;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight);margin:0}.wiki-article__excerpt{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.wiki-article__updated{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--spacing-3)}.wiki-article__tags{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-top:var(--spacing-4)}.wiki-article__tag{font-size:var(--font-size-xs);color:var(--color-text-secondary);background-color:var(--color-background);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);border:1px solid var(--color-border-light)}.wiki-article__content{margin-bottom:var(--spacing-4)}.wiki-article__next-steps{margin-top:var(--spacing-6);padding:var(--spacing-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg)}.wiki-article__next-steps-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-4)}.wiki-article__next-steps-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.wiki-article__next-step{display:flex;flex-direction:column;padding:var(--spacing-4);background:var(--color-background);border:1px solid var(--color-border-light);border-radius:var(--border-radius-md);text-decoration:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.wiki-article__next-step:hover{border-color:var(--color-primary-400);box-shadow:0 2px 8px #00000014;transform:translate(4px);text-decoration:none}[data-theme=dark] .wiki-article__next-step:hover{box-shadow:0 2px 8px #00000040}.wiki-article__next-step-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-primary-600)}[data-theme=dark] .wiki-article__next-step-title{color:var(--color-accent-400)}.wiki-article__next-step-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--spacing-1)}.wiki-article__learning-path{margin-top:var(--spacing-8);padding:var(--spacing-6);background:linear-gradient(135deg,var(--color-surface) 0%,rgba(125,95,156,.08) 100%);border:2px solid var(--color-highlight-500);border-radius:var(--border-radius-lg)}.wiki-article__learning-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.wiki-article__learning-info{display:flex;flex-direction:column;gap:var(--spacing-1)}.wiki-article__learning-badge{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-highlight-400);text-transform:uppercase;letter-spacing:.05em}.wiki-article__learning-progress{font-size:var(--font-size-xs);color:var(--color-text-muted)}.wiki-article__learning-overview{font-size:var(--font-size-sm);color:var(--color-highlight-400);text-decoration:none;transition:color var(--transition-fast)}.wiki-article__learning-overview:hover{color:var(--color-highlight-300);text-decoration:underline}.wiki-article__learning-actions{display:flex;justify-content:center;margin-bottom:var(--spacing-5)}.wiki-article__complete-btn{padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);background:var(--color-accent-600);color:#fff;border:none;border-radius:var(--border-radius-md);cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast)}.wiki-article__complete-btn:hover:not(:disabled){background:var(--color-accent-500);transform:translateY(-1px)}.wiki-article__complete-btn:active:not(:disabled){transform:translateY(0)}.wiki-article__complete-btn--completed{background:var(--color-success-600);cursor:default}.wiki-article__complete-btn--completed:before{content:"✓"}.wiki-article__learning-nav{display:flex;gap:var(--spacing-4)}.wiki-article__learning-link{flex:1;display:flex;flex-direction:column;padding:var(--spacing-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-md);text-decoration:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.wiki-article__learning-link:hover{border-color:var(--color-highlight-400);box-shadow:0 2px 8px #7d5f9c26;text-decoration:none}.wiki-article__learning-link--prev{align-items:flex-start}.wiki-article__learning-link--next{align-items:flex-end;text-align:right}.wiki-article__learning-link-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-highlight-400);text-transform:uppercase;letter-spacing:.03em;margin-bottom:var(--spacing-1)}.wiki-article__learning-link-step{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.wiki-article__footer{margin-top:var(--spacing-8);padding-top:var(--spacing-6);border-top:1px solid var(--color-border)}.wiki-article__nav{display:flex;justify-content:space-between;gap:var(--spacing-4)}.wiki-article__nav-link{display:flex;flex-direction:column;padding:var(--spacing-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);text-decoration:none;transition:border-color var(--transition-fast);max-width:45%}.wiki-article__nav-link:hover{border-color:var(--color-primary-400);text-decoration:none}.wiki-article__nav-link--prev{align-items:flex-start}.wiki-article__nav-link--next{align-items:flex-end;margin-left:auto}.wiki-article__nav-label{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--spacing-1)}.wiki-article__nav-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}@media (max-width: 1280px){.wiki-article__body{flex-direction:column}.wiki-article__toc{display:none}}@media (max-width: 640px){.wiki-article__title{font-size:var(--font-size-2xl)}.wiki-article__excerpt{font-size:var(--font-size-base)}.wiki-article__nav{flex-direction:column}.wiki-article__nav-link{max-width:100%}.wiki-article__nav-link--next{align-items:flex-start}.wiki-article__learning-path{padding:var(--spacing-4)}.wiki-article__learning-header{flex-direction:column;align-items:flex-start}.wiki-article__learning-nav{flex-direction:column}.wiki-article__learning-link--next{align-items:flex-start;text-align:left}.wiki-article__complete-btn{width:100%}}.article-page{max-width:100%}.article-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-16) var(--spacing-4);text-align:center}.article-page__loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary-500);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:var(--spacing-4)}@keyframes spin{to{transform:rotate(360deg)}}.article-page__loading p{color:var(--color-text-secondary)}.article-page__error{text-align:center;padding:var(--spacing-12) var(--spacing-4)}.article-page__error h1{font-size:var(--font-size-2xl);color:var(--color-text-primary);margin-bottom:var(--spacing-4)}.article-page__error p{color:var(--color-text-secondary);margin-bottom:var(--spacing-6)}.article-page__back-link{display:inline-block;padding:var(--spacing-2) var(--spacing-4);background:var(--color-accent-600);color:#fff;border-radius:var(--radius-md);text-decoration:none;font-weight:500;transition:background-color .2s ease}.article-page__back-link:hover{background:var(--color-accent-700)}.search-page{max-width:800px;margin:0 auto;padding:var(--spacing-8) var(--spacing-4)}.search-page__header{margin-bottom:var(--spacing-8)}.search-page__title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-6);text-align:center}.search-page__input-wrapper{position:relative;max-width:600px;margin:0 auto}.search-page__input-icon{position:absolute;left:var(--spacing-4);top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--color-text-tertiary);pointer-events:none}.search-page__input{width:100%;padding:var(--spacing-4) var(--spacing-12);font-size:var(--font-size-lg);color:var(--color-text-primary);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color .2s ease,box-shadow .2s ease}.search-page__input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100)}.search-page__input::placeholder{color:var(--color-text-tertiary)}.search-page__clear{position:absolute;right:var(--spacing-3);top:50%;transform:translateY(-50%);width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--color-background);border:none;border-radius:var(--radius-full);color:var(--color-text-tertiary);font-size:1.25rem;cursor:pointer;transition:all .2s ease}.search-page__clear:hover{background:var(--color-neutral-200);color:var(--color-text-primary)}.search-page__content{min-height:300px}.search-page__loading,.search-page__empty,.search-page__no-results{text-align:center;padding:var(--spacing-12) var(--spacing-4);color:var(--color-text-secondary)}.search-page__hint{color:var(--color-text-tertiary);font-size:var(--font-size-sm);margin-top:var(--spacing-2)}.search-page__result-count{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-4)}.search-page__results{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-3)}.search-page__result-card{display:block;padding:var(--spacing-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;transition:all .2s ease}.search-page__result-card:hover{border-color:var(--color-primary-400);box-shadow:var(--shadow-md)}.search-page__result-badges{display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.search-page__result-section{font-size:var(--font-size-xs);font-weight:500;text-transform:uppercase;padding:var(--spacing-1) var(--spacing-2);background:var(--color-primary-100);color:var(--color-primary-700);border-radius:var(--radius-sm)}.search-page__result-category{font-size:var(--font-size-xs);font-weight:500;padding:var(--spacing-1) var(--spacing-2);background:var(--color-accent-100);color:var(--color-accent-700);border-radius:var(--radius-sm)}.search-page__result-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.search-page__result-excerpt{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5;margin-bottom:var(--spacing-3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-page__result-meta{display:flex;align-items:center;gap:var(--spacing-3);flex-wrap:wrap}.search-page__difficulty{font-size:var(--font-size-xs);font-weight:500;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm)}.search-page__difficulty--beginner{background:var(--color-success-100);color:var(--color-success-700)}.search-page__difficulty--intermediate{background:var(--color-warning-100);color:var(--color-warning-700)}.search-page__difficulty--advanced{background:var(--color-highlight-100);color:var(--color-highlight-700)}.search-page__tags{display:flex;gap:var(--spacing-2)}.search-page__tag{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}@media (max-width: 640px){.search-page{padding:var(--spacing-4) var(--spacing-3)}.search-page__title{font-size:var(--font-size-xl)}.search-page__input{font-size:var(--font-size-base);padding:var(--spacing-3) var(--spacing-10)}}.learning-path{min-height:100vh;background:var(--color-background)}.learning-path__hero{padding:var(--spacing-12) var(--spacing-4);text-align:center;background:linear-gradient(135deg,var(--color-primary-900) 0%,var(--color-primary-800) 50%,var(--color-highlight-900) 100%)}[data-theme=light] .learning-path__hero{background:linear-gradient(135deg,#1d4ed8,#2563eb,#7c3aed)}.learning-path__hero-content{max-width:800px;margin:0 auto}.learning-path__title{font-family:var(--font-family-display);font-size:var(--font-size-4xl);font-weight:var(--font-weight-normal);color:var(--color-text-primary);margin-bottom:var(--spacing-3);letter-spacing:.02em;text-transform:uppercase}.learning-path__subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-6)}.learning-path__progress{max-width:400px;margin:0 auto}.learning-path__progress-bar{height:8px;background:#fff3;border-radius:var(--border-radius-full);overflow:hidden;margin-bottom:var(--spacing-2)}.learning-path__progress-fill{height:100%;background:var(--color-accent-400);border-radius:var(--border-radius-full);transition:width .5s ease-out}.learning-path__progress-text{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.learning-path__content{max-width:var(--content-max-width);margin:0 auto;padding:var(--spacing-8) var(--spacing-4)}.learning-path__section{margin-bottom:var(--spacing-12)}.learning-path__section-header{margin-bottom:var(--spacing-6)}.learning-path__section-title{font-family:var(--font-family-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-normal);color:var(--color-text-primary);margin-bottom:var(--spacing-2);letter-spacing:.01em}.learning-path__section-description{font-size:var(--font-size-base);color:var(--color-text-secondary)}.learning-path__grid{position:relative}.learning-path__row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-4);margin-bottom:var(--spacing-6);position:relative}.learning-path__row--even{direction:rtl}.learning-path__row--even .learning-card{direction:ltr}.learning-path__connector{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.learning-path__connector path{fill:none;stroke:var(--color-accent-400);stroke-width:3;stroke-linecap:round;stroke-dasharray:2000;stroke-dashoffset:2000;animation:draw-path 3s ease-out forwards}@keyframes draw-path{to{stroke-dashoffset:0}}.learning-card{position:relative;z-index:2;display:flex;flex-direction:column;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-4);text-decoration:none;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.learning-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-accent-400);text-decoration:none}.learning-card--completed{border-color:var(--color-accent-500);background:linear-gradient(135deg,var(--color-surface) 0%,rgba(212,120,44,.05) 100%)}.learning-card--active{transform:scale(1.02);box-shadow:var(--shadow-lg);border-color:var(--color-highlight-400);background:linear-gradient(135deg,var(--color-surface) 0%,rgba(125,95,156,.1) 100%)}.learning-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2)}.learning-card__step{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-muted);background:var(--color-background);padding:2px 8px;border-radius:var(--border-radius-sm)}.learning-card__check{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-accent-500);color:#fff;border-radius:50%;font-size:14px;font-weight:700}.learning-card__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-2);line-height:var(--line-height-tight)}.learning-card__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal);flex:1;margin-bottom:var(--spacing-3)}.learning-card__footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.learning-card__difficulty{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:2px 8px;border-radius:var(--border-radius-full);text-transform:uppercase;letter-spacing:.05em}.learning-card__difficulty--beginner{background:#10b98126;color:#10b981}.learning-card__difficulty--intermediate{background:#3b82f626;color:#3b82f6}.learning-card__difficulty--advanced{background:#a855f726;color:#a855f7}.learning-card__time{font-size:var(--font-size-xs);color:var(--color-text-muted)}@media (max-width: 1024px){.learning-path__row{grid-template-columns:repeat(3,1fr)}.learning-path__title{font-size:var(--font-size-3xl)}}@media (max-width: 768px){.learning-path__row{grid-template-columns:repeat(2,1fr)}.learning-path__hero{padding:var(--spacing-8) var(--spacing-4)}.learning-path__title{font-size:var(--font-size-2xl)}}@media (max-width: 480px){.learning-path__row{grid-template-columns:1fr}.learning-path__row--even{direction:ltr}}.learning-path__reset{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background:transparent;border:1px solid var(--color-border);border-radius:var(--border-radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);margin-top:var(--spacing-4)}.learning-path__reset:hover{border-color:var(--color-accent-400);color:var(--color-accent-400)}.bookmarks-page{max-width:1200px;margin:0 auto;padding:2rem 1rem;min-height:calc(100vh - 140px)}.bookmarks-page__header{margin-bottom:2rem}.bookmarks-page__header h1{font-size:2rem;margin-bottom:.5rem;color:var(--text-primary)}.bookmarks-page__count{color:var(--text-secondary);font-size:.875rem}.bookmarks-page__empty{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.bookmarks-page__empty h2{font-size:1.5rem;margin-bottom:.5rem;color:var(--text-primary)}.bookmarks-page__empty p{margin-bottom:1.5rem}.bookmarks-page__empty-icon{width:64px;height:64px;margin:0 auto 1.5rem;opacity:.3}.bookmarks-page__cta{display:inline-block;padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;text-decoration:none;border-radius:6px;font-weight:500;transition:background .2s}.bookmarks-page__cta:hover{background:var(--primary-hover)}.bookmarks-page__loading{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.bookmarks-page__error{text-align:center;padding:4rem 2rem;color:var(--error-color)}.bookmarks-page__list{display:flex;flex-direction:column;gap:1rem}.bookmark-card{display:flex;gap:1rem;padding:1.5rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;transition:box-shadow .2s,border-color .2s}.bookmark-card:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #0000000d}.bookmark-card__content{flex:1;min-width:0}.bookmark-card__title{display:block;font-size:1.25rem;font-weight:600;color:var(--text-primary);text-decoration:none;margin-bottom:.5rem;transition:color .2s}.bookmark-card__title:hover{color:var(--primary-color)}.bookmark-card__excerpt{color:var(--text-secondary);font-size:.875rem;line-height:1.6;margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bookmark-card__meta{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;font-size:.75rem;color:var(--text-secondary)}.bookmark-card__category{padding:.25rem .5rem;background:var(--secondary-bg);border-radius:4px;text-transform:capitalize;font-weight:500}.bookmark-card__difficulty{padding:.25rem .5rem;border-radius:4px;font-weight:500;text-transform:capitalize}.bookmark-card__difficulty--beginner{background:#22c55e1a;color:#22c55e}.bookmark-card__difficulty--intermediate{background:#eab3081a;color:#eab308}.bookmark-card__difficulty--advanced{background:#ef44441a;color:#ef4444}.bookmark-card__date{margin-left:auto}.bookmark-card__remove{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;color:var(--text-secondary);transition:all .2s}.bookmark-card__remove:hover{background:var(--error-bg);border-color:var(--error-color);color:var(--error-color)}.bookmark-card__remove:disabled{opacity:.5;cursor:not-allowed}.bookmark-card__remove-icon{width:20px;height:20px}@media (prefers-color-scheme: dark){.bookmark-card{background:var(--card-bg-dark, #1e1e1e)}.bookmark-card:hover{box-shadow:0 2px 8px #0000004d}}@media (max-width: 768px){.bookmarks-page{padding:1rem}.bookmarks-page__header h1{font-size:1.5rem}.bookmark-card{padding:1rem}.bookmark-card__title{font-size:1.125rem}.bookmark-card__meta{font-size:.7rem}.bookmark-card__date{margin-left:0;flex-basis:100%}}.settings-page{max-width:800px;margin:0 auto;padding:2rem 1rem;min-height:calc(100vh - 140px)}.settings-page__header{margin-bottom:2rem}.settings-page__header h1{font-size:2rem;margin-bottom:.5rem;color:var(--text-primary)}.settings-page__subtitle{color:var(--text-secondary);font-size:.875rem}.settings-page__empty{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.settings-page__content{display:flex;flex-direction:column;gap:2rem}.settings-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.settings-section__title{font-size:1.25rem;margin-bottom:1.5rem;color:var(--text-primary);border-bottom:1px solid var(--border-color);padding-bottom:.75rem}.settings-form{display:flex;flex-direction:column;gap:1.5rem}.settings-form__field{display:flex;flex-direction:column;gap:.5rem}.settings-form__label{font-weight:500;color:var(--text-primary);font-size:.875rem}.settings-form__input{padding:.75rem;border:1px solid var(--border-color);border-radius:6px;font-size:.875rem;background:var(--input-bg);color:var(--text-primary);transition:border-color .2s}.settings-form__input:focus{outline:none;border-color:var(--primary-color)}.settings-form__input:disabled{background:var(--secondary-bg);color:var(--text-secondary);cursor:not-allowed}.settings-form__hint{font-size:.75rem;color:var(--text-secondary);margin:0}.settings-form__message{padding:.75rem;border-radius:6px;font-size:.875rem}.settings-form__message--success{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.2)}.settings-form__message--error{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.settings-form__submit{align-self:flex-start;padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background .2s}.settings-form__submit:hover{background:var(--primary-hover)}.settings-form__submit:disabled{opacity:.6;cursor:not-allowed}.settings-actions{display:flex;flex-direction:column;gap:1rem}.settings-action-button{padding:.75rem 1.5rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;border:none;text-align:left}.settings-action-button--secondary{background:var(--secondary-bg);color:var(--text-primary);border:1px solid var(--border-color)}.settings-action-button--secondary:hover{background:var(--secondary-bg-hover);border-color:var(--primary-color)}.settings-action-button--danger{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.settings-action-button--danger:hover{background:#ef444433}@media (max-width: 768px){.settings-page{padding:1rem}.settings-page__header h1{font-size:1.5rem}.settings-section{padding:1rem}}.terms-page{max-width:900px;margin:0 auto;padding:3rem 2rem;min-height:calc(100vh - 140px)}.terms-page__content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:1rem;padding:3rem;line-height:1.7}.terms-page__content h1{font-family:var(--font-family-display);font-size:2.5rem;color:var(--color-text-primary);margin-bottom:.5rem;letter-spacing:-.02em}.terms-page__updated{color:var(--color-text-secondary);font-size:.875rem;margin-bottom:2rem;font-style:italic}.terms-page__content>p{color:var(--color-text-secondary);margin-bottom:2rem}.terms-page__content section{margin-bottom:3rem}.terms-page__content section:last-child{margin-bottom:0}.terms-page__content h2{font-family:var(--font-family-display);font-size:1.75rem;color:var(--color-accent-500);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--color-border);letter-spacing:-.01em}.terms-page__content h3{font-family:var(--font-family-display);font-size:1.25rem;color:var(--color-text-primary);margin:1.5rem 0 1rem;letter-spacing:-.01em}.terms-page__content p{color:var(--color-text-secondary);margin-bottom:1rem;line-height:1.7}.terms-page__content ul{list-style:none;padding-left:0;margin:1rem 0 1.5rem}.terms-page__content ul li{position:relative;padding-left:2rem;margin-bottom:.75rem;color:var(--color-text-secondary);line-height:1.7}.terms-page__content ul li:before{content:"▸";position:absolute;left:.5rem;color:var(--color-accent-500);font-weight:700}.terms-page__content strong{color:var(--color-text-primary);font-weight:600}.terms-page__content a{color:var(--color-link);text-decoration:none;transition:color .2s ease}.terms-page__content a:hover{color:var(--color-link-hover);text-decoration:underline}@media (max-width: 768px){.terms-page{padding:2rem 1rem}.terms-page__content{padding:2rem 1.5rem}.terms-page__content h1{font-size:2rem}.terms-page__content h2{font-size:1.5rem}.terms-page__content h3{font-size:1.125rem}}@media (max-width: 480px){.terms-page{padding:1.5rem .75rem}.terms-page__content{padding:1.5rem 1rem}.terms-page__content h1{font-size:1.75rem}}.not-found-page{min-height:calc(100vh - var(--header-height) - var(--footer-height, 100px));display:flex;align-items:center;justify-content:center;padding:var(--spacing-8)}.not-found-page__content{text-align:center;max-width:500px}.not-found-page__image{max-width:280px;width:100%;height:auto;margin-bottom:var(--spacing-6);animation:float 3s ease-in-out infinite;filter:drop-shadow(0 10px 20px rgba(0,0,0,.3))}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.not-found-page__title{font-size:6rem;font-weight:800;color:var(--color-primary-700);line-height:1;margin-bottom:var(--spacing-2)}.not-found-page__subtitle{font-size:var(--font-size-2xl);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-4)}.not-found-page__message{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--spacing-8)}.not-found-page__actions{display:flex;gap:var(--spacing-4);justify-content:center;flex-wrap:wrap}.not-found-page__button{padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-base);font-weight:500;border-radius:var(--radius-lg);text-decoration:none;transition:all .2s ease}.not-found-page__button--primary{background:var(--color-accent-600);color:#fff}.not-found-page__button--primary:hover{background:var(--color-accent-700);transform:translateY(-2px);box-shadow:var(--shadow-md)}.not-found-page__button--secondary{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.not-found-page__button--secondary:hover{border-color:var(--color-primary-400);background:var(--color-background)}[data-theme=dark] .not-found-page__title{color:var(--color-primary-400)}@media (max-width: 640px){.not-found-page__image{max-width:200px}.not-found-page__title{font-size:4rem}.not-found-page__subtitle{font-size:var(--font-size-xl)}}:root{--color-primary-950: #060d18;--color-primary-900: #0a1628;--color-primary-800: #0f1f35;--color-primary-700: #1e3a5f;--color-primary-600: #264a78;--color-primary-500: #2e5a91;--color-primary-400: #4a7ab3;--color-primary-300: #7199c7;--color-primary-200: #a3bfdb;--color-primary-100: #d5e3f0;--color-accent-900: #7a3d0a;--color-accent-800: #9c4e0d;--color-accent-700: #b85f12;--color-accent-600: #d4782c;--color-accent-500: #e08a3c;--color-accent-400: #e9a35e;--color-accent-300: #f0bb82;--color-accent-200: #f5d4ab;--color-accent-100: #faecd5;--color-highlight-900: #3d2a52;--color-highlight-800: #4e3668;--color-highlight-700: #5f427e;--color-highlight-600: #6b4d8a;--color-highlight-500: #7d5f9c;--color-highlight-400: #9578b0;--color-highlight-300: #ad94c4;--color-highlight-200: #c9b8d8;--color-highlight-100: #e5dced;--color-neutral-900: #1a1a1a;--color-neutral-800: #2d2d2d;--color-neutral-700: #404040;--color-neutral-600: #525252;--color-neutral-500: #6b6b6b;--color-neutral-400: #8a8a8a;--color-neutral-300: #a8a8a8;--color-neutral-200: #d4d4d4;--color-neutral-100: #f0f0f0;--color-neutral-50: #f8f6f3;--color-background: var(--color-primary-900);--color-surface: var(--color-primary-800);--color-surface-elevated: var(--color-primary-700);--color-text-primary: #f0f4f8;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-border: var(--color-primary-700);--color-border-light: var(--color-primary-800);--color-link: var(--color-accent-400);--color-link-hover: var(--color-accent-300);--color-focus-ring: var(--color-accent-500);--color-badge-new: var(--color-highlight-500);--color-badge-advanced: var(--color-highlight-400);--color-badge-beginner: var(--color-accent-400);--color-badge-intermediate: var(--color-primary-400);--color-alert-info-bg: var(--color-highlight-900);--color-alert-info-border: var(--color-highlight-700);--color-alert-warning-bg: var(--color-accent-900);--color-alert-warning-border: var(--color-accent-700);--color-code-bg: var(--color-primary-800);--color-code-text: var(--color-accent-300);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 8px rgba(0, 0, 0, .5), 0 2px 4px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .5), 0 4px 8px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 30px rgba(0, 0, 0, .6), 0 10px 15px rgba(0, 0, 0, .3);--font-family-display: "Russo One", "Impact", sans-serif;--font-family-sans: "Rajdhani", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--border-radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15), 0 10px 10px rgba(0, 0, 0, .04);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--header-height: 64px;--content-max-width: 1400px;--sidebar-flex: 0 0 15%;--sidebar-min: 180px;--sidebar-max: 250px;--toc-flex: 0 0 15%;--toc-min: 180px;--toc-max: 250px;--content-flex: 1 1 70%}[data-theme=light]{--color-background: #000d23;--color-surface: #001334;--color-surface-elevated: #002567;--color-text-primary: #ffffff;--color-text-secondary: #b8d4f0;--color-text-muted: #7aa3c9;--color-border: #003189;--color-border-light: #0046c5;--color-link: #00e5ff;--color-link-hover: #00ffff;--color-focus-ring: #00ffff;--color-code-bg: #001945;--color-code-text: #00ffff;--color-badge-new: #00e5ff;--color-badge-advanced: #00bfff;--color-badge-beginner: var(--color-accent-400);--color-badge-intermediate: #0058f8;--shadow-sm: 0 1px 2px rgba(0, 10, 30, .4);--shadow-md: 0 4px 6px rgba(0, 10, 30, .45), 0 2px 4px rgba(0, 10, 30, .3);--shadow-lg: 0 10px 15px rgba(0, 10, 30, .45), 0 4px 6px rgba(0, 10, 30, .3);--shadow-xl: 0 20px 25px rgba(0, 10, 30, .5), 0 10px 10px rgba(0, 10, 30, .3)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-background);min-height:100vh;transition:background-color var(--transition-normal),color var(--transition-normal);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text-primary)}h1,h2{font-family:var(--font-family-display);font-weight:var(--font-weight-normal);letter-spacing:.01em}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--spacing-4)}a{color:var(--color-link);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-link-hover);text-decoration:underline}code{font-family:var(--font-family-mono);font-size:.9em;background-color:var(--color-code-bg);color:var(--color-code-text);padding:.125em .375em;border-radius:var(--border-radius-sm)}pre{font-family:var(--font-family-mono);background-color:var(--color-code-bg);padding:var(--spacing-4);border-radius:var(--border-radius-md);overflow-x:auto}pre code{background:none;padding:0}ul,ol{padding-left:var(--spacing-6);margin-bottom:var(--spacing-4)}li{margin-bottom:var(--spacing-2)}table{width:100%;border-collapse:collapse;margin-bottom:var(--spacing-4)}th,td{padding:var(--spacing-3) var(--spacing-4);text-align:left;border-bottom:1px solid var(--color-border)}th{font-weight:var(--font-weight-semibold);background-color:var(--color-surface)}input,button,textarea,select{font-family:inherit;font-size:inherit}button{cursor:pointer;border:none;background:none}img{max-width:100%;height:auto;display:block}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px;transition:outline-offset var(--transition-fast)}:focus-visible:active{outline-offset:0}::selection{background-color:#d4782c59;color:var(--color-neutral-50)}[data-theme=light] ::selection{background-color:#00ffff59;color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:var(--color-primary-600);border-radius:var(--border-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-500)}[data-theme=light] ::-webkit-scrollbar-thumb{background:#003dab}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#0058f8}.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}.container{max-width:var(--content-max-width);margin:0 auto;padding:0 var(--spacing-4)}#root{min-height:100vh;display:flex;flex-direction:column}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes scalePop{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.animate-fade-in-up{animation:fadeInUp .4s ease-out backwards}.animate-fade-in{animation:fadeIn .3s ease-out}.loading-skeleton{background:linear-gradient(90deg,var(--color-surface) 25%,var(--color-surface-elevated) 50%,var(--color-surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--border-radius-md)}.stagger-1{animation-delay:0ms}.stagger-2{animation-delay:50ms}.stagger-3{animation-delay:.1s}.stagger-4{animation-delay:.15s}.stagger-5{animation-delay:.2s}.stagger-6{animation-delay:.25s}.stagger-7{animation-delay:.3s}.stagger-8{animation-delay:.35s}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}