@layer patterns{.banner{width:100%;padding:var(--space-4) 0;border-bottom:var(--border-width-1) solid;position:relative}.banner--info{background-color:var(--color-bg-info);border-color:var(--color-border-info);color:var(--color-text-info)}.banner--warning{background-color:var(--color-bg-warning);border-color:var(--color-border-warning);color:var(--color-text-warning)}.banner__icon{margin:0}.banner__dismiss{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:var(--space-1);color:inherit;border-radius:var(--radius-base);flex-shrink:0;position:absolute;top:var(--space-4);right:var(--space-4)}.banner__dismiss:hover{background-color:light-dark(oklch(0% 0 0 / .08),oklch(100% 0 0 / .08))}.banner__dismiss:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}}@layer patterns{.breadcrumbs{display:flex;gap:var(--space-3);align-items:center;padding:0;margin:0;list-style:none;flex-wrap:wrap;row-gap:var(--space-2)}@media(width<768px){.breadcrumbs{gap:var(--space-1)}}.breadcrumbs li{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}@media(width<768px){.breadcrumbs li{gap:var(--space-1)}}.breadcrumbs svg{flex-shrink:0}.breadcrumb-link{display:inline-flex;align-items:center;gap:var(--space-1.5);color:var(--color-text-primary);text-decoration:underline;text-underline-offset:.5rem;flex-shrink:0}.breadcrumb-link:hover{opacity:.8}@media(width<768px){.breadcrumb-link{font-size:var(--font-size-sm);gap:var(--space-1)}}.breadcrumb-item{color:var(--color-text-primary);flex-shrink:0}@media(width<768px){.breadcrumb-item{font-size:var(--font-size-sm)}}}@layer patterns{.header{background-color:var(--color-bg-secondary);position:sticky;top:0;padding:var(--space-3) var(--space-4);z-index:var(--z-index-header);border-bottom:1px solid var(--color-border-secondary)}@media(width>=768px){.header{background-color:var(--color-bg-primary);position:fixed;top:0;left:0;right:0}.header .logo-link{display:none}}.skip-link{color:var(--color-text-primary)}.skip-link:focus{position:relative;padding:var(--space-2) var(--space-4);background-color:var(--color-bg-tertiary);text-decoration:none;border-radius:var(--radius-md);outline:1px solid var(--color-focus-ring);outline-offset:-2px;border:0;margin:0;overflow:visible;clip:auto;white-space:nowrap;width:auto;height:auto;font-size:var(--font-size-sm);line-height:var(--line-height-snug)}.logo-link{display:flex;align-items:center;text-decoration:none;border-radius:var(--radius-sm)}.logo{height:var(--size-5);width:auto}@media(width>=768px){.logo{height:var(--size-6)}}.logo-kawaii{display:none;height:var(--size-8);width:auto}@media(width>=768px){.logo-kawaii{height:var(--size-10)}}:root[data-kawaii] .logo-kawaii{display:block}:root[data-kawaii] .logo-default{display:none}:root[data-theme=light] .logo-light,:root:not([data-theme]) .logo-light{display:none}:root[data-theme=dark] .logo-dark{display:none}.hamburger{width:var(--size-9);height:var(--size-9);background:none;border:none;cursor:pointer;position:relative}@media(width>=768px){.hamburger{display:none}}.hamburger-line{width:50%;height:var(--size-0-5);margin:0;background-color:var(--color-icon-primary);border-radius:var(--radius-full);transition:transform var(--duration-300) var(--ease-in-out),opacity var(--duration-200) var(--ease-in-out);position:absolute;left:50%;top:50%;transform:translate(-50%) translateY(-50%)}.hamburger-line:nth-child(1){transform:translate(-50%) translateY(-.6rem)}.hamburger-line:nth-child(2){transform:translate(-50%) translateY(0)}.hamburger-line:nth-child(3){transform:translate(-50%) translateY(.6rem)}.hamburger.active .hamburger-line:nth-child(1){transform:translate(-50%) translateY(0) rotate(45deg)}.hamburger.active .hamburger-line:nth-child(2){opacity:0;transform:translate(-50%) translate(-1rem);display:none}.hamburger.active .hamburger-line:nth-child(3){transform:translate(-50%) translateY(0) rotate(-45deg)}@media(prefers-reduced-motion:reduce){.hamburger-line,.logo-link{transition:none}}}@layer patterns{.hero{position:relative;padding:var(--space-12) 0;background-color:var(--color-bg-primary);overflow:hidden}@media(width>=768px){.hero{padding:var(--space-14) 0 var(--space-20)}}@media(width>=1440px){.hero{padding:var(--space-20) 0}}.hero__bg-container{position:absolute;top:0;left:50%;transform:translate(-50%);width:100vw;height:100%;z-index:0;overflow:hidden}.hero__canvas{position:absolute;top:0;left:0;width:100%;height:100%}.hero__video-overlay{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.15) 40%,rgba(255,255,255,.3) 70%,var(--color-bg-primary) 100%);z-index:1}[data-theme=dark] .hero__video-overlay{background:linear-gradient(180deg,rgba(0,0,0,.3) 0%,rgba(0,0,0,.5) 40%,rgba(0,0,0,.7) 70%,var(--color-bg-primary) 100%)}@media(prefers-color-scheme:dark){.hero__video-overlay{background:linear-gradient(180deg,rgba(0,0,0,.3) 0%,rgba(0,0,0,.5) 40%,rgba(0,0,0,.7) 70%,var(--color-bg-primary) 100%)}[data-theme=light] .hero__video-overlay{background:linear-gradient(180deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.15) 40%,rgba(255,255,255,.3) 70%,var(--color-bg-primary) 100%)}}.hero__video-control{position:absolute;bottom:var(--space-0);right:var(--space-12);z-index:2;width:var(--size-8);height:var(--size-8);display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border-secondary);border-radius:var(--radius-full);background:transparent;color:var(--color-text-tertiary);cursor:pointer;transition:all .2s ease}.hero__video-control:hover{border-color:var(--color-border-primary);color:var(--color-text-primary);transform:scale(1.05)}.hero__video-control:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;color:var(--color-text-primary)}.hero__video-control:active{transform:scale(.98)}.hero__video-control svg{width:var(--size-3-5);height:var(--size-3-5)}.hero__video-control[data-state=playing] .hero__video-control-play,.hero__video-control[data-state=paused] .hero__video-control-pause{opacity:0;width:0}@media(width>=768px){.hero__video-control{bottom:var(--space-6);right:var(--space-6)}}.hero__content{position:relative;z-index:2;display:flex;flex-direction:column;gap:var(--space-8)}@media(width>=768px){.hero__content{gap:var(--space-12)}}@media(width>=1440px){.hero__text-content{padding-right:var(--space-10)}}.hero__logo{width:var(--size-36)}.hero__logo svg,.hero__logo img{width:100%;height:auto}.hero__logo-kawaii{display:none}:root[data-kawaii] .hero__logo-kawaii{display:block}:root[data-kawaii] .hero__logo-default{display:none!important}@media(width>=768px){.hero__logo{width:var(--size-52)}}.hero__logo-icon--dark{display:block}.hero__logo-icon--light,[data-theme=dark] .hero__logo-icon--dark{display:none}[data-theme=dark] .hero__logo-icon--light{display:block}@media(prefers-color-scheme:dark){.hero__logo-icon--dark{display:none}.hero__logo-icon--light,[data-theme=light] .hero__logo-icon--dark{display:block}[data-theme=light] .hero__logo-icon--light{display:none}}.hero__cta{width:100%;display:flex;flex-direction:column;gap:var(--space-4);margin:var(--space-8) 0}@media(width>=768px){.hero__cta{margin:var(--space-12) 0;max-width:var(--size-96)}}}.hero__code .expressive-code .frame pre{backdrop-filter:blur(21px)}.hero__code .expressive-code figure{box-shadow:none}[data-theme=dark] .hero__code .expressive-code .frame pre{background-color:#0000009e}[data-theme=light] .hero__code .expressive-code .frame pre{background-color:color-mix(in srgb,var(--gray-950) 85%,transparent)}@media(prefers-color-scheme:dark){.hero__code .expressive-code .frame pre{background-color:#0000009e}[data-theme=light] .hero__code .expressive-code .frame pre{background-color:color-mix(in srgb,var(--gray-950) 85%,transparent)}}.hero__example-code .expressive-code .frame pre{padding:var(--space-3)}@layer patterns{.sidebar-backdrop{position:fixed;inset:0;background:color-mix(in oklch,var(--color-bg-primary) 50%,transparent);opacity:0;visibility:hidden;transition:opacity var(--duration-300) var(--ease-in-out),visibility var(--duration-300) var(--ease-in-out);z-index:var(--z-index-sidebar-backdrop)}@media(width>=768px){.sidebar-backdrop{display:none}}.sidebar-backdrop--visible{opacity:1;visibility:visible}.sidebar{background-color:var(--color-bg-secondary);transition:transform var(--duration-300) var(--ease-in-out);z-index:var(--z-index-sidebar);top:var(--space-14);overscroll-behavior:contain}@media(width<768px){.sidebar{visibility:hidden;transform:translate(-100%);overflow:hidden;top:var(--space-14);position:fixed;left:0;bottom:0;width:80%;max-width:var(--size-80)}.sidebar .sidebar-logo-item{display:none}}@media(width>=768px){.sidebar{position:sticky;align-self:flex-start;height:100vh;top:0;flex:0 0 auto}}.sidebar--open{transform:translate(0);visibility:visible}.sidebar-toggle-nested{position:absolute;top:var(--space-4);right:0;transform:translate3d(100%,0,0);z-index:30;display:flex;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-8);padding:0;background-color:var(--color-bg-tertiary);border:0;border-radius:0;cursor:pointer;color:var(--color-text-primary);border-radius:0 var(--radius-base) var(--radius-base) 0;opacity:1;visibility:visible;transition:background-color var(--duration-200) var(--ease-in-out),transform var(--duration-200) var(--ease-in-out),opacity var(--duration-200) var(--ease-in-out),visibility var(--duration-200) var(--ease-in-out)}.sidebar-toggle-nested:hover{color:var(--color-text-primary)}.sidebar-toggle-nested:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.sidebar-toggle-nested[aria-expanded=false]{transform:translate3d(100%,0,0) scale(-1);background-color:var(--color-bg-secondary);border-radius:var(--radius-base) 0 0 var(--radius-base) 0}.sidebar-toggle-nested[data-visible=false]{opacity:0;visibility:hidden;pointer-events:none}@media(width<768px){.sidebar-toggle-nested{display:none}}.sidebar-container{display:flex;flex-direction:row;position:relative;flex-grow:1;height:100%;transform:translate(0);transition:transform var(--duration-300) var(--ease-in-out)}.sidebar-container.sidebar-container--interactive{transition:transform var(--duration-300) var(--ease-in-out)}@media(width<768px){.sidebar-container:not([data-current-nav-level="0"]){transform:translate(-100%)}.sidebar-container[data-current-nav-level="2"] .sidebar-nested{transform:translate(-100%)}.sidebar-container[data-current-nav-level="3"] .sidebar-nested{transform:translate(-200%)}.sidebar-container[data-current-nav-level="4"] .sidebar-nested{transform:translate(-300%)}.sidebar-container[data-current-nav-level="5"] .sidebar-nested{transform:translate(-400%)}}@media(width>=768px){.sidebar-container[data-current-nav-level="0"] .sidebar-nested{width:0;overflow:hidden}.sidebar-container[data-current-nav-level="0"] .sidebar-nested-inner,.sidebar-container[data-current-nav-level="2"] .sidebar-nested-inner{transform:translate(-100%)}.sidebar-container[data-current-nav-level="3"] .sidebar-nested-inner{transform:translate(-200%)}.sidebar-container[data-current-nav-level="4"] .sidebar-nested-inner{transform:translate(-300%)}.sidebar-container[data-current-nav-level="5"] .sidebar-nested-inner{transform:translate(-400%)}}.sidebar-nested{display:flex;flex:1 0 100%;transition:transform var(--duration-300) var(--ease-in-out)}.sidebar-container--interactive .sidebar-nested{transition:transform var(--duration-300) var(--ease-in-out)}@media(width>=768px){.sidebar-nested{flex-basis:auto;overflow:hidden;width:var(--size-64);z-index:10;position:relative}.sidebar-container--interactive .sidebar-nested{transition:width var(--duration-300) var(--ease-in-out)}}.sidebar-nested-inner{display:flex;flex:1 0 100%}.sidebar-container--interactive .sidebar-nested-inner{transition:transform var(--duration-300) var(--ease-in-out)}@media(width>=768px){.sidebar-nested-inner{position:absolute;width:var(--size-64);height:100%;left:0;top:0}}.sidebar-column{display:flex;flex-direction:column;flex:1 0 100%;background-color:var(--color-bg-secondary);padding:var(--space-4);transition:transform var(--duration-300) var(--ease-in-out);overflow:auto}@media(width>=768px){.sidebar-root-column{flex:0 0 auto;padding:var(--space-5) var(--space-3) var(--space-4) var(--space-3);z-index:20}.sidebar-root-column .sidebar-nav-item{flex-direction:column}.sidebar-root-column .sidebar-nav-item--root-submenu .sidebar-nav-arrow{display:none}.sidebar-root-column .sidebar-nav-item--selected .sidebar-nav-icon{background-color:var(--color-bg-tertiary)}}.sidebar-nav{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-border-primary) transparent;scrollbar-gutter:stable;flex-grow:1;display:flex;flex-direction:column}.sidebar-nav-list{list-style:none;margin:0;padding:0;flex:1}.sidebar-nav-list li{margin:0}.sidebar-nav-content{overflow-y:auto;padding-right:var(--space-2)}.sidebar-nav-back{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;padding-bottom:var(--space-4);margin-bottom:var(--space-2);background:none;border:none;border-bottom:1px solid var(--color-border-mute);cursor:pointer;color:var(--color-text-primary);transition:color var(--duration-200) var(--ease-in-out);width:100%;text-align:left}.sidebar-section{margin-bottom:var(--space-6)}.sidebar-section:last-child{margin-bottom:0}.sidebar-section-list{list-style:none;margin:0;margin-top:var(--space-3);padding:0}.sidebar-section-list li{margin:0}.sidebar-nav-content .sidebar-section-list{margin-left:var(--space-3);border-left:1px solid var(--color-border-mute)}h3+.sidebar-section-list{margin-top:0}.sidebar-nav-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) 0;text-decoration:none;border:0;cursor:pointer;position:relative;transition:background-color var(--duration-200) var(--ease-in-out);background-color:transparent;border-radius:0 var(--radius-base) var(--radius-base) 0}@media(width>=768px){.sidebar-nav-item{gap:var(--space-1-5)}}.sidebar-nav-label{flex-grow:1;text-align:left}.sidebar-nav-item--nested{padding:var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--color-text-secondary);border-radius:var(--radius-base)}.sidebar-nav-item--nested:hover,.sidebar-nav-item--nested.sidebar-nav-item--active{background-color:var(--color-bg-secondary)}.sidebar-nav-item--nested:hover{color:var(--color-text-primary)}.sidebar-nav-item--nested:focus-visible{outline-offset:-2px;background-color:var(--color-bg-secondary)}.sidebar-nav-item--nested.sidebar-nav-item--active{font-weight:var(--font-weight-semibold);position:relative}.sidebar-nav-item--nested.sidebar-nav-item--active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--size-0-5);background-color:var(--color-bg-inverse)}.sidebar-nav-icon{padding:var(--space-2);border-radius:var(--radius-base);background-color:var(--color-bg-secondary);transition:background-color var(--duration-200) var(--ease-in-out);flex-shrink:0}.sidebar-nav-item:hover .sidebar-nav-icon,.sidebar-nav-item--active .sidebar-nav-icon,.sidebar-nav-item--active.sidebar-nav-item--selected .sidebar-nav-icon{background-color:var(--color-bg-mute)}.sidebar-nav-arrow{flex-shrink:0;opacity:.6;transform:translate(0);transition:opacity var(--duration-200) var(--ease-in-out)}.sidebar-nav-item:hover .sidebar-nav-arrow{opacity:1}.sidebar-nav-item--submenu{display:flex;align-items:center;justify-content:space-between;text-align:left}.sidebar-nested-column{background-color:var(--color-bg-tertiary);position:relative}.sidebar-nav-panel{position:absolute;top:0;left:0;width:100%;z-index:0;opacity:0;padding:var(--space-4) var(--space-4) var(--space-8) var(--space-4)}@media(width>=768px){.sidebar-nav-panel{padding-top:var(--space-3)}}.sidebar-nav-panel:not(.sidebar-nav-panel--active){width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);border:0;white-space:nowrap}.sidebar-nav-panel--active{z-index:10;opacity:1;height:100%;display:flex;flex-direction:column}@media(prefers-reduced-motion:reduce){.sidebar,.sidebar-backdrop,.sidebar-nav,.sidebar-nav-item{transition:none}}}@layer patterns{.toggle{border:0;background:none;cursor:pointer;display:flex;align-items:center;border-radius:var(--radius-base);transition:var(--transition-colors);gap:var(--space-3)}.toggle:hover .toggle-icon{background-color:var(--color-bg-mute)}.toggle-icon{padding:var(--space-2);border-radius:var(--radius-base);background-color:var(--color-bg-secondary);transition:background-color var(--duration-200) var(--ease-in-out);flex-shrink:0}:root[data-theme=light] .sun,:root:not([data-theme]) .sun{display:none}:root[data-theme=light] .label-dark,:root:not([data-theme]) .label-dark{display:none}:root[data-theme=dark] .label-light{display:none}:root[data-theme=dark] .moon{display:none}}@layer patterns{.version-switcher{gap:var(--space-2);padding-bottom:var(--space-3);margin-bottom:var(--space-2);border-bottom:1px solid var(--color-border-mute)}@media(width>=768px){.version-switcher{border-bottom:0;margin-bottom:0;padding-top:var(--space-3)}}}@layer patterns{.search-empty-image{width:var(--size-36)}:root[data-theme=light] .search-empty-image--dark,:root[data-theme=dark] .search-empty-image--light{display:none}.search-image-wrapper{display:block;text-align:center}.search-suggestions{margin-top:var(--space-3)}.search-suggestions ul{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding-left:0;flex-wrap:wrap;list-style:none}.search-suggestion__item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1-5) var(--space-3);border-radius:var(--radius-base);border:var(--border-width-1) solid var(--color-border-primary);color:var(--color-text-primary);cursor:pointer;transition:background-color .2s,color .2s}.search-suggestion__item:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.search-suggestion__item svg{color:var(--color-icon-primary)}}@layer patterns{.search-tab-panel{display:flex;flex-direction:column;overflow:hidden;flex:1;min-height:0}.search-tabs-scroll-container{position:relative;overflow:hidden}.search-tabs-scroll-container:after{content:"";position:absolute;top:0;right:0;bottom:0;width:var(--space-10);pointer-events:none;background:linear-gradient(to right,transparent,var(--color-bg-primary))}.search-tabs{display:flex;gap:var(--space-1);overflow-x:auto;scrollbar-width:none;list-style:none}.search-tabs::-webkit-scrollbar{display:none}.search-tab{font-size:var(--font-size-base);color:var(--color-text-secondary);background:none;border-radius:var(--radius-base);padding:var(--space-1-5) var(--space-3);cursor:pointer;transition:color var(--duration-150) var(--ease-in-out),background-color var(--duration-150) var(--ease-in-out);border:var(--border-width-1) solid transparent;display:flex;align-items:center;gap:var(--space-2)}.search-tab:hover:not(.search-tab--selected){color:var(--color-text-primary);background-color:var(--color-bg-secondary)}.search-tab:focus-visible{outline:1px solid var(--color-focus-ring)}.search-tab--selected,.search-tab[data-state=active]{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);background-color:var(--color-bg-tertiary);border:var(--border-width-1) solid var(--color-border-tertiary)}.search-tab-count{margin:0}.search-input-wrapper{padding:var(--space-3) var(--space-4);border-top:var(--border-width-1) solid var(--color-border-secondary);background-color:var(--color-bg-secondary);flex-shrink:0;display:flex;align-items:center;gap:var(--space-3);width:100%}.search-input-form{display:flex;align-items:center;gap:var(--space-2)}.search-ask-button{display:flex;align-items:center;gap:var(--space-1-5);padding:var(--space-1) var(--space-2-5);border-radius:var(--radius-base);border:var(--border-width-1) solid var(--color-border-secondary);background-color:var(--color-bg-tertiary);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-family:inherit;cursor:pointer;flex-shrink:0;transition:background-color var(--duration-150) var(--ease-in-out),color var(--duration-150) var(--ease-in-out),border-color var(--duration-150) var(--ease-in-out)}.search-ask-button svg{color:var(--color-icon-primary)}.search-ask-button:hover{background-color:var(--color-bg-mute);color:var(--color-text-primary)}.search-ask-button:focus-visible{outline:1px solid var(--color-focus-ring)}.search-ask-button:disabled{opacity:.8;cursor:not-allowed;background-color:var(--color-bg-secondary);color:var(--color-text-tertiary);border-color:var(--color-border-secondary)}.search-ask-button:disabled svg{color:var(--color-icon-secondary)}.search-input-field{width:100%;font-size:var(--font-size-md);color:var(--color-text-primary);flex-grow:1;background:none;border:none;outline:none;font-family:inherit}.search-input-field::placeholder{color:var(--color-text-tertiary)}.search-results-wrapper{overflow-y:auto;flex:1;min-height:0;padding:var(--space-6);padding-top:var(--space-3);scrollbar-width:thin;scrollbar-color:var(--color-border-primary) transparent}.search-results-wrapper::-webkit-scrollbar{width:6px}.search-results-wrapper::-webkit-scrollbar-track{background:transparent}.search-results-wrapper::-webkit-scrollbar-thumb{background-color:var(--color-border-primary);border-radius:9999px}.search-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8) var(--space-4);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.search-loading{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-6);padding-top:var(--space-3)}.search-skeleton-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-2)}.search-skeleton-icon{flex-shrink:0;width:1.25rem;height:1.25rem;border-radius:var(--radius-base);background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,var(--color-bg-secondary) 50%,var(--color-bg-tertiary) 75%);background-size:400% 100%;animation:search-shimmer 1.4s ease-in-out infinite}.search-skeleton-text{display:flex;flex-direction:column;gap:var(--space-2);flex:1}.search-skeleton-line{border-radius:var(--radius-full);background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,var(--color-bg-secondary) 50%,var(--color-bg-tertiary) 75%);background-size:400% 100%;animation:search-shimmer 1.4s ease-in-out infinite}.search-skeleton-line--title{height:.75rem}.search-skeleton-line--desc{height:.625rem}@keyframes search-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.search-results-group-title{font-size:var(--font-size-base);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);margin:var(--space-4) 0}.search-results-list{list-style:none;margin:var(--space-4) 0 var(--space-6) 0;padding:0}.search-result-item{border-radius:var(--radius-base);overflow:hidden}.search-result-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-2);border-radius:var(--radius-base);color:var(--color-text-primary);text-decoration:none;transition:background-color var(--duration-150) var(--ease-in-out)}.search-result-link svg{flex-shrink:0}.search-result-link:hover,.search-result-link:focus-visible{background-color:var(--color-bg-secondary);outline:none}.search-result-link:focus-visible{outline:1px solid var(--color-focus-ring)}.search-result-description{font-size:var(--font-size-base);color:color-mix(in oklch,var(--color-text-primary) 80%,transparent);letter-spacing:var(--letter-spacing-wide);margin:var(--space-1) 0 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-result-breadcrumb{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);margin:0 0 var(--space-2) 0}.search-result-title{font-size:var(--font-size-base);color:var(--color-text-primary);font-weight:var(--font-weight-medium);margin:0}}@layer patterns{.chat-actions{display:flex;gap:var(--space-2);margin:0;padding-left:0;justify-content:flex-end;list-style:none}.chat-action{cursor:pointer;padding:var(--space-2);border-radius:var(--radius-base)}.chat-action:hover{background-color:var(--color-bg-tertiary)}.chat-action--disliked{color:var(--color-text-mute)}}@layer patterns{.chat-container{display:flex;flex-direction:column;flex-grow:1;overflow:hidden;justify-content:space-between;position:relative;height:100%}.chat-container-inner{overflow:auto;position:relative;display:flex;flex:1;flex-direction:column;height:100%;scrollbar-width:thin;scrollbar-color:var(--color-border-primary) transparent}.chat-container-inner::-webkit-scrollbar{width:6px}.chat-container-inner::-webkit-scrollbar-track{background:transparent}.chat-container-inner::-webkit-scrollbar-thumb{background-color:var(--color-border-primary);border-radius:9999px}.chat-interactions{flex:1}.chat-interaction{display:flex;flex-direction:column;padding:var(--space-6)}.chat-user-prompt{align-self:flex-end;background-color:var(--color-bg-tertiary);border:var(--border-width-1) solid var(--color-border-secondary);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);color:var(--color-text-primary);max-width:80%}.chat-assistant-message ol{list-style:decimal}.chat-assistant-message ul{list-style:disc}.chat-title{font-size:var(--font-size-2xl);margin:var(--space-4) 0}.chat-code-block{padding:0}.chat-loading{display:flex;align-items:center}.chat-typing-dots{display:flex;align-items:flex-end;gap:var(--space-1);padding:var(--space-1) 0}.chat-typing-dots span{margin:0}.chat-typing-dots .chat-typing-label{display:block;color:var(--color-text-tertiary);font-size:var(--font-size-sm);margin-right:var(--space-0-5);line-height:1}.chat-typing-dots span:not(.chat-typing-label){display:block;width:var(--size-1);height:var(--size-1);border-radius:var(--radius-full);background-color:var(--color-text-tertiary);animation:chat-dot-bounce 1.2s ease-in-out infinite}.chat-typing-dots span:not(.chat-typing-label):nth-child(3){animation-delay:.2s}.chat-typing-dots span:not(.chat-typing-label):nth-child(4){animation-delay:.4s}@keyframes chat-dot-bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.chat-error{color:var(--color-text-danger, var(--color-text-secondary));font-size:var(--font-size-sm)}.chat-input-wrapper{padding:var(--space-3) var(--space-4);border-top:var(--border-width-1) solid var(--color-border-secondary);background-color:var(--color-bg-secondary);flex-shrink:0;display:flex;align-items:center;gap:var(--space-3);position:sticky;bottom:0}.chat-input-icon{color:var(--color-icon-primary);flex-shrink:0}.chat-input-field{flex:1;background:none;border:none;outline:none;font-size:var(--font-size-md);color:var(--color-text-primary);font-family:inherit;resize:none;line-height:var(--line-height-snug)}.chat-input-field::placeholder{color:var(--color-text-tertiary)}.chat-input-button{display:flex;align-items:center;justify-content:center;width:var(--size-8);height:var(--size-8);border-radius:var(--radius-base);border:none;background-color:var(--color-bg-tertiary);color:var(--color-text-primary);cursor:pointer;flex-shrink:0;transition:background-color var(--duration-150) var(--ease-in-out),color var(--duration-150) var(--ease-in-out)}.chat-input-button:hover:not(:disabled){background-color:var(--color-bg-mute)}.chat-input-button:disabled{opacity:.5;cursor:not-allowed}.chat-input-button:focus-visible{outline:1px solid var(--color-focus-ring)}.chat-go-to-bottom{position:absolute;bottom:var(--space-16);left:50%;transform:translate(-50%);display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2);margin-bottom:var(--space-2);background-color:var(--color-bg-mute);color:var(--color-text-primary);border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--duration-300) var(--ease-in-out)}.chat-go-to-bottom:hover{background-color:var(--color-bg-secondary)}}@layer patterns{.chat-sources-scroll-container{position:relative;overflow:hidden}.chat-sources-scroll-container:after{content:"";position:absolute;top:0;right:0;bottom:0;width:var(--space-16);pointer-events:none;background:linear-gradient(to right,transparent,color-mix(in oklch,var(--color-bg-primary) 15%,transparent) 20%,color-mix(in oklch,var(--color-bg-primary) 40%,transparent) 40%,color-mix(in oklch,var(--color-bg-primary) 70%,transparent) 65%,var(--color-bg-primary) 90%)}.chat-sources{display:flex;flex-wrap:nowrap;align-items:stretch;gap:var(--space-3);margin-top:var(--space-8);margin-bottom:0;overflow-x:scroll;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;padding-left:0;list-style:none}.chat-sources::-webkit-scrollbar{display:none}.chat-sources-item{display:flex;max-width:100%;height:100%;align-items:center;gap:var(--space-2);font-size:var(--font-size-base)}.chat-sources-link{display:block;width:var(--space-64);height:100%;border-radius:var(--radius-xl);background-color:var(--color-bg-tertiary);padding:var(--space-3);color:var(--color-text-primary);text-decoration:none;cursor:pointer;transition:var(--transition-colors)}.chat-sources-link:hover{background-color:var(--color-bg-secondary)}.chat-sources-link:focus{background-color:var(--color-bg-mute);outline:none}.chat-sources-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;margin:0}.chat-sources-title svg{flex-shrink:0}.chat-sources-excerpt{margin-top:var(--space-2);margin-bottom:0;font-size:var(--font-size-sm);color:var(--color-text-tertiary);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}}@layer patterns{.search-footer-shortcuts{display:none;align-items:center;gap:var(--space-3)}.search-footer-shortcuts span{margin:0}@media(width>=768px){.search-footer-shortcuts{display:flex}}.search-footer-shortcut{display:flex;align-items:center;gap:var(--space-1-5);font-size:var(--font-size-sm);color:var(--color-text-primary)}.search-footer-kbd{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:var(--font-size-sm);background-color:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--space-1)}.search-footer-branding{display:flex;align-items:center;gap:var(--space-2)}}@layer orama.properties;@layer orama{@layer theme,base,components,utilities;}@layer orama{}@layer orama{@layer theme{:root,:host{--orama-font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--orama-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--orama-color-red-500: oklch(63.7% .237 25.331);--orama-color-gray-500: oklch(55.1% .027 264.364);--orama-spacing: .25rem;--orama-container-3xl: 48rem;--orama-radius-lg: .5rem;--orama-default-transition-duration: .15s;--orama-default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);--orama-default-font-family: var(--orama-font-sans);--orama-default-mono-font-family: var(--orama-font-mono)}}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--orama-default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--orama-default-font-feature-settings, normal);font-variation-settings:var(--orama-default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--orama-default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--orama-default-mono-font-feature-settings, normal);font-variation-settings:var(--orama-default-mono-font-variation-settings, normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:currentcolor}@supports (color: color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.orama\:fixed{position:fixed}.orama\:relative{position:relative}.orama\:inset-0{inset:calc(var(--orama-spacing) * 0)}.orama\:top-0{top:calc(var(--orama-spacing) * 0)}.orama\:right-0{right:calc(var(--orama-spacing) * 0)}.orama\:bottom-0{bottom:calc(var(--orama-spacing) * 0)}.orama\:left-0{left:calc(var(--orama-spacing) * 0)}.orama\:z-40{z-index:40}.orama\:z-50{z-index:50}.orama\:m-0{margin:calc(var(--orama-spacing) * 0)}.orama\:m-auto{margin:auto}.orama\:flex{display:flex}.orama\:h-full{height:100%}.orama\:w-full{width:100%}.orama\:max-w-3xl{max-width:var(--orama-container-3xl)}.orama\:overflow-hidden{overflow:hidden}.orama\:rounded-lg{border-radius:var(--orama-radius-lg)}.orama\:border-none{--tw-border-style: none;border-style:none}.orama\:bg-gray-500{background-color:var(--orama-color-gray-500)}.orama\:p-0{padding:calc(var(--orama-spacing) * 0)}.orama\:text-red-500{color:var(--orama-color-red-500)}.orama\:shadow-lg{--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.orama\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease, var(--orama-default-transition-timing-function));transition-duration:var(--tw-duration, var(--orama-default-transition-duration))}}@property --tw-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: "*"; inherits: false;}@property --tw-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: "*"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: "*"; inherits: false;}@property --tw-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: "*"; inherits: false;}@property --tw-inset-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: "*"; inherits: false;}@property --tw-ring-offset-width{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: "*"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000}}}}@layer patterns{.search-trigger{display:flex;align-items:center;gap:var(--space-6);background-color:transparent;border-radius:var(--radius-base);border:0;color:var(--color-text-tertiary);cursor:pointer;transition:background-color .2s,border-color .2s}.search-trigger:hover{background-color:var(--color-bg-secondary);border-color:var(--color-border-secondary);outline:none}.search-trigger:focus-visible{outline:1px solid var(--color-focus-ring)}.search-trigger span{line-height:var(--line-height-snug)}@media(width<768px){.search-trigger span{display:none}}.search-trigger svg{color:var(--color-icon-primary)}@media(width>=768px){.search-trigger{border:1px solid var(--color-border-secondary);padding:var(--space-1-5) var(--space-1-5) var(--space-1-5) var(--space-2)}}.search-trigger-content{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm)}.search-trigger-content span{margin:0}.search-trigger-icon{border-radius:var(--radius-base);transition:background-color var(--duration-200) var(--ease-in-out);flex-shrink:0}@media(width<768px){.search-trigger-icon{background-color:var(--color-bg-secondary);padding:var(--space-2)}.search-trigger-icon:hover{background-color:var(--color-bg-mute)}}.search-trigger-shortcut{margin-left:auto;font-size:var(--font-size-xs);color:var(--color-text-secondary);background-color:var(--color-bg-secondary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-base)}@media(width<768px){.search-trigger-shortcut{display:none}}.search-modal-overlay{background-color:var(--color-overlay);z-index:var(--z-index-modal-overlay)}@media(width<768px){.search-modal-overlay{margin-top:6rem;height:calc(100vh - 6rem)}}.search-modal-inner{background-color:color-mix(in oklch,var(--color-bg-primary) 90%,transparent);width:100%;display:flex;flex-direction:column;overflow:hidden;backdrop-filter:blur(2px);margin:0 auto}.search-modal-inner>section{height:100%}@media(width<768px){.search-modal-inner{max-width:100%;border-radius:0}}@media(width>=768px){.search-modal-inner{border-radius:var(--radius-lg);margin-top:var(--size-14);width:80%;max-width:80rem;height:80vh;max-height:70rem}}.search-modal-content{display:flex;flex-direction:column;height:100%;position:relative;overflow:hidden}.search-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-4);flex-shrink:0;border-bottom:var(--border-width-1) solid var(--color-border-secondary)}.search-modal-header-left{display:flex;align-items:center;gap:var(--space-2)}.search-modal-header-right{display:flex;align-items:center;gap:var(--space-3)}.search-modal-footer{padding:var(--space-5) var(--space-6);background-color:var(--color-bg-tertiary);display:flex;gap:var(--space-3);align-items:center;justify-content:flex-end}@media(width>=768px){.search-modal-footer{justify-content:space-between}}.search-modal-footer small{margin:0}.search-modal-footer .orama-logo-light,.search-modal-footer .orama-logo-dark{width:var(--size-16);height:auto}:root[data-theme=dark] .search-modal-footer .orama-logo-light,:root[data-theme=light] .search-modal-footer .orama-logo-dark{display:none}.search-modal-back{display:flex;align-items:center;gap:var(--space-1-5);padding:var(--space-1) var(--space-2);border-radius:var(--radius-base);border:none;background:none;font-size:var(--font-size-sm);cursor:pointer;transition:color var(--duration-150) var(--ease-in-out),background-color var(--duration-150) var(--ease-in-out)}.search-modal-back:hover{color:var(--color-text-primary);background-color:var(--color-bg-secondary)}.search-modal-back:focus-visible{outline:1px solid var(--color-focus-ring)}.search-modal-chat{display:flex;align-items:center;gap:var(--space-1-5);border-radius:var(--radius-base);border:none;background:none;color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;position:relative;transition:color var(--duration-150) var(--ease-in-out),background-color var(--duration-150) var(--ease-in-out)}.search-modal-chat span{margin:0}.search-modal-back+.search-modal-chat:before{content:"|";position:absolute;left:calc(-1 * var(--space-3));opacity:.8;color:var(--color-border-primary)}.chat-interactions-count{background-color:var(--color-bg-inverse);color:var(--color-text-inverse);padding:0 var(--space-2);border-radius:var(--radius-base);font-size:var(--font-size-sm)}.search-modal-body{flex-grow:1;display:flex;flex-direction:column;justify-content:space-between;overflow-y:auto}.search-modal-close{display:flex;align-items:center;justify-content:center;width:var(--size-8);height:var(--size-8);border-radius:var(--radius-base);border:none;background:none;color:var(--color-text-secondary);cursor:pointer;transition:color var(--duration-150) var(--ease-in-out),background-color var(--duration-150) var(--ease-in-out);flex-shrink:0}.search-modal-close:hover{color:var(--color-text-primary);background-color:var(--color-bg-secondary)}.search-modal-close:focus-visible{outline:1px solid var(--color-focus-ring)}}@layer patterns{.footer{background-color:var(--color-bg-primary);text-align:center;color:var(--color-text-secondary);border-top:1px solid var(--color-border-secondary)}.footer a{text-decoration:none}.footer a:hover{text-decoration:underline}.footer__links{list-style:none;padding:0;margin:var(--space-4) 0}.footer__links li{display:inline;margin:0 var(--space-2)}.footer__links a{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.footer-top{padding:var(--space-6) 0}.footer-bottom{background-color:var(--color-bg-secondary);padding:var(--space-6) 0}.footer__logo{list-style:none;padding:0;margin:0}@media(width<768px){.footer__logo li{display:block;text-align:center}.footer__logo li a{display:inline-block;padding:var(--space-4) 0}}@media(width>=768px){.footer__logo{display:flex;align-items:center;gap:var(--space-8)}}.footer__socials{list-style:none;padding:0;margin:0;display:flex;align-items:center;justify-content:center;gap:var(--space-6)}.footer__socials li{display:inline}.footer__socials svg{color:var(--color-icon-primary)}.footer__socials svg path{fill:currentColor}@media(width<768px){.footer__socials{padding:var(--space-4) 0 var(--space-6)}}@media(width>=768px){.footer__socials{justify-content:right;gap:var(--space-8)}}.footer-logo-dark{display:none}@media(prefers-color-scheme:dark){.footer-logo-light{display:none}.footer-logo-dark{display:block}}[data-theme=dark] .footer-logo-light{display:none}[data-theme=dark] .footer-logo-dark,[data-theme=light] .footer-logo-light{display:block}[data-theme=light] .footer-logo-dark{display:none}.kawaii-toggle{font-size:var(--font-size-sm)}.kawaii-toggle[aria-pressed=true]{color:var(--color-link)}}@layer patterns{.features{padding:var(--space-8) 0}@media(width>=768px){.features{padding:var(--space-12) 0}}.features__header{padding-bottom:var(--space-8)}@media(width>=1440px){.features__header{align-self:start;padding-bottom:0;padding-right:var(--space-8)}}.features__cards{overflow:hidden;align-items:stretch;border-radius:var(--radius-card);border:var(--border-width-1) solid var(--color-border-secondary)}.features__card-col .card{flex:1;height:100%;border-radius:0;border-top:0;border-right:0;border-left:0}.features__card-col:last-child .card{border-bottom:0}@media(width>=768px){.features__card-col:nth-child(2n) .card{border-left:var(--border-width-1) solid var(--color-border-secondary)}.features__card-col:nth-last-child(-n+2) .card{border-bottom:0}}}@layer patterns{.card-list>*{grid-column:span var(--card-list-item-xs, 12);display:flex}.card-list>*>.card{flex:1;height:100%}.card-list>a,.card-list>a:visited,.card-list>a:hover,.card-list>a:active{color:inherit;text-decoration:none}@media(768px<=width<1440px){.card-list>*{grid-column:span var(--card-list-item-md, var(--card-list-item-xs, 12))}}@media(width>=1440px){.card-list>*{grid-column:span var(--card-list-item-lg, var(--card-list-item-md, var(--card-list-item-xs, 12)))}}}@layer patterns{.post-card{display:flex;flex-direction:column;border:var(--border-width-1) solid var(--color-border-secondary);border-radius:var(--radius-base);gap:var(--space-4);overflow:hidden;padding:var(--space-4);cursor:pointer;transition:border-color .15s ease-in-out}.post-card:hover{border:var(--color-focus-ring) solid var(--border-width-1)}.post-card__labels{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.post-card__link{display:flex;flex-direction:column;justify-content:space-between;gap:inherit;color:inherit;text-decoration:none;height:100%}.post-card__link:focus{outline:none}.post-card:focus-within{border:var(--color-focus-ring) solid var(--border-width-1)}.post-card__cover{margin-bottom:var(--space-3);display:block;width:100%;aspect-ratio:1200 / 630;object-fit:cover;border-radius:var(--radius-base)}}@layer patterns{.pagination{margin-top:var(--space-8)}.pagination a[aria-disabled=true]{opacity:.6;pointer-events:none;cursor:not-allowed}}@layer patterns{.page-head{margin:var(--space-10) 0}@media(width>=768px){.page-head{margin:var(--space-16) 0 var(--space-12)}}.page-head__description{max-width:68rem;text-align:center}}@layer patterns{.page-topbar{padding:var(--space-6) 0;display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}@media(width<768px){.page-topbar{flex-direction:column;align-items:flex-start;gap:var(--space-2)}}}@layer patterns{.post-header{padding:0;margin:var(--space-4) 0;display:flex;flex-direction:column;gap:var(--space-6);justify-content:center;align-items:center}@media(width>=768px){.post-header{margin:var(--space-10) 0}}.post-header__title{text-align:center}@media(768px<=width<1440px){.post-header__title{padding:0 var(--space-8)}}@media(width>=1440px){.post-header__title{padding:0 var(--space-16)}}.post-header__share{display:flex;align-items:center;gap:var(--space-1)}.post-header__share-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--space-9);height:var(--space-9);border-radius:var(--radius-round);color:var(--color-icon-primary);background:none;border:none;cursor:pointer;text-decoration:none;transition:background-color .15s ease}.post-header__share-btn:hover{background-color:var(--color-bg-secondary)}.post-header__share-btn:focus-visible{outline:var(--color-focus-ring) solid var(--border-width-2);outline-offset:var(--border-width-1)}.post-header__share-btn svg{width:var(--space-4);height:var(--space-4)}.post-header__copy-btn--copied{color:var(--color-success)}.post-header__cover{width:100%;max-width:720px;overflow:hidden;border-radius:var(--radius-lg)}.post-header__cover img{width:100%;aspect-ratio:1200 / 630;object-fit:cover}}@layer patterns{.toc{width:100%;z-index:var(--z-index-sidebar-backdrop)}.toc__heading{display:none}@media(width>=768px){.toc__heading{display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);margin:0 0 var(--space-3) 0}}.toc__details{border:var(--border-width-1) solid var(--color-border-mute);border-radius:var(--radius-lg);overflow:hidden}@media(width>=768px){.toc__details{border:none;border-radius:0;overflow:visible}}.toc__summary{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);cursor:pointer;list-style:none;user-select:none}.toc__summary::-webkit-details-marker{display:none}.toc__summary:focus-visible{outline:var(--color-focus-ring) solid var(--border-width-2);outline-offset:var(--border-width-1)}@media(width>=768px){.toc__summary{display:none}}.toc__chevron{width:var(--space-5);height:var(--space-5);color:var(--color-icon-secondary);transition:transform .2s ease;flex-shrink:0}details[open] .toc__chevron{transform:rotate(180deg)}.toc__list{list-style:none;margin:0;padding:var(--space-3) var(--space-4) var(--space-3);display:flex;flex-direction:column;gap:var(--space-0-5);border-top:var(--border-width-1) solid var(--color-border-mute)}@media(width>=768px){.toc__list{padding:0;border-top:none;border-left:var(--border-width-1) solid var(--color-border-mute)}}.toc__item--h3{padding-left:var(--space-3)}@media(width>=768px){.toc__item--h3{padding-left:var(--space-4)}}.toc__link{display:block;font-size:var(--font-size-sm);color:var(--color-text-secondary);text-decoration:none;padding:var(--space-1) 0;line-height:var(--line-height-snug);transition:color .15s ease}@media(width>=768px){.toc__link{padding:var(--space-1) var(--space-3);border-left:var(--border-width-2) solid transparent;margin-left:calc(var(--border-width-1) * -1)}}.toc__link:hover{color:var(--color-text-primary)}.toc__link:focus-visible{outline:var(--color-focus-ring) solid var(--border-width-2);outline-offset:var(--border-width-1);border-radius:var(--radius-sm)}.toc__link--active{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}@media(width>=768px){.toc__link--active{border-left-color:var(--color-text-primary)}}}@layer patterns{.write-banner{display:flex;flex-direction:column;gap:var(--space-4);align-items:flex-start;padding:var(--space-6);border:var(--border-width-1) solid var(--color-border-secondary);border-radius:var(--radius-base);margin-top:var(--space-16)}.write-banner h3{white-space:pre-line}.write-banner{background:radial-gradient(circle at 0% 0%,var(--color-bg-primary) 0%,transparent 60%),radial-gradient(circle at 100% 0%,var(--color-bg-primary) 0%,transparent 60%),radial-gradient(circle at 0% 100%,var(--color-bg-primary) 0%,transparent 60%),radial-gradient(circle at 100% 100%,var(--color-bg-primary) 0%,transparent 60%),var(--color-bg-tertiary)}@media(width>=768px){.write-banner{flex-direction:row;align-items:center;justify-content:space-between}}}@layer patterns{.related-content{margin-top:var(--space-24);position:relative}.related-content h2{margin-bottom:var(--space-6)}@media(width<768px){.related-content{margin-top:var(--space-16)}.related-content:after{content:"";position:absolute;inset:0 0 0 auto;width:var(--space-16);background:linear-gradient(to right,transparent,var(--color-bg-primary));pointer-events:none}}.related-content__grid{display:flex;gap:var(--space-6)}.related-content__grid>.post-card{flex:1 1 33.33%}@media(width<768px){.related-content__grid{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.related-content__grid::-webkit-scrollbar{display:none}.related-content__grid>.post-card{flex:1 0 var(--size-60);scroll-snap-align:start}}}@layer patterns{.doc-nav{display:flex;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border-secondary)}.doc-nav__link--next{margin-left:auto;text-align:right}.doc-nav__meta{display:flex;flex-direction:column;gap:var(--space-1)}.doc-nav__direction{font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:500}.doc-nav__title{font-size:var(--text-sm);font-weight:600}}