@layer islands{.syntax-langs{z-index:30;gap:var(--space-1);padding:var(--space-2) var(--space-4);margin:0 calc(var(--space-4) * -1);background:color-mix(in oklch, var(--color-bg-primary) 88%, transparent);-webkit-backdrop-filter:blur(12px)saturate(160%);border-bottom:1px solid var(--color-border-light);flex-wrap:wrap;display:flex;position:sticky;top:0}.syntax-lang-chip{border:1px solid var(--color-border-light);border-radius:var(--radius-sm,2px);color:var(--color-text-secondary);font-family:var(--font-family-heading);letter-spacing:.02em;cursor:pointer;transition:color var(--motion-duration-instant) var(--motion-easing-out), border-color var(--motion-duration-instant) var(--motion-easing-out), background-color var(--motion-duration-instant) var(--motion-easing-out);background:0 0;align-items:center;gap:6px;padding:3px 10px;font-size:.74em;display:inline-flex}.syntax-lang-chip:hover{color:var(--color-fg-primary);border-color:color-mix(in oklch, var(--lang-color,var(--color-accent-base)) 45%, transparent)}.syntax-lang-chip.is-active{color:var(--color-fg-primary);border-color:color-mix(in oklch, var(--lang-color,var(--color-accent-base)) 60%, transparent);background-color:color-mix(in oklch, var(--lang-color,var(--color-accent-base)) 9%, transparent)}.syntax-lang-bar{background:var(--lang-color,var(--color-accent-base));opacity:.5;width:2px;height:10px;transition:opacity var(--motion-duration-instant) var(--motion-easing-out);border-radius:1px}.syntax-lang-chip.is-active .syntax-lang-bar{opacity:1}.syntax-lang-count{color:var(--color-text-tertiary);font-size:.88em}.syntax-meta{padding:var(--space-2) var(--space-4) 0;color:var(--color-text-tertiary);font-size:.76em;font-family:var(--font-family-heading);letter-spacing:.02em;min-height:1.6em}.syntax-error{align-items:center;gap:var(--space-2);margin:var(--space-4);padding:var(--space-2) var(--space-4);border:1px solid color-mix(in srgb, var(--color-danger-base) 40%, transparent);background:color-mix(in srgb, var(--color-danger-base) 8%, var(--color-bg-card));color:var(--color-danger-base);font-size:.82em;display:flex}.syntax-empty{padding:var(--space-12) var(--space-4);text-align:center;color:var(--color-text-tertiary);font-size:.86em}.syntax-grid{gap:var(--space-4);padding:var(--space-4) 0;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));display:grid}.syntax-card{width:100%;font:inherit;text-align:left;cursor:pointer;color:inherit}.syntax-grid .syntax-card{animation:fndx-slide-up var(--motion-duration-normal) var(--motion-easing-out) both}.syntax-card__formula{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-family-code);color:var(--color-text-tertiary);margin:0;padding-top:2px;font-size:.7rem;display:block;overflow:hidden}.syntax-card:hover .syntax-card__formula{color:color-mix(in srgb, var(--module-color,var(--color-accent-base)) 75%, var(--color-fg-primary))}.syntax-filter{align-items:center;gap:var(--space-2);margin:var(--space-3) 0 0;display:flex}.syntax-filter__box{align-items:center;gap:var(--space-2);max-width:420px;padding:0 var(--space-2);height:var(--size-control-sm);border:1px solid var(--color-border-light);border-radius:var(--radius-sm,2px);background:var(--color-bg-card);color:var(--color-text-tertiary);transition:border-color var(--motion-duration-instant) var(--motion-easing-out);flex:1;display:flex}.syntax-filter__box:focus-within{border-color:color-mix(in oklch, var(--color-accent-base) 55%, transparent)}.syntax-filter__input{min-width:0;height:100%;color:var(--color-fg-primary);font-family:var(--font-family-heading);letter-spacing:.02em;background:0 0;border:none;outline:none;flex:1;font-size:.78em}.syntax-filter__input::placeholder{color:var(--color-text-tertiary)}.syntax-filter__input::-webkit-search-cancel-button{display:none}.syntax-filter__clear{border-radius:var(--radius-sm,2px);width:18px;height:18px;color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.syntax-filter__clear:hover{color:var(--color-fg-primary)}.syntax-filter__hint{font-family:var(--font-family-mono);color:var(--color-text-tertiary);align-items:center;gap:4px;font-size:.7rem;display:inline-flex}.syntax-filter__hint kbd{border:1px solid var(--color-border-light);border-radius:var(--radius-sm,2px);background:var(--color-bg-card);font-family:var(--font-family-mono);padding:0 5px;font-size:.65rem;line-height:1.5}.syntax-empty--filter{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.syntax-empty--filter p,.syntax-empty--filter .syntax-more{margin:0}.syntax-more{margin:var(--space-2) auto var(--space-12);padding:0 var(--space-4);height:var(--size-control-sm);display:block}.syntax-panel-overlay{z-index:var(--z-modal,300);background:color-mix(in oklch, var(--color-neutral-50) 55%, transparent);-webkit-backdrop-filter:blur(6px);position:fixed;inset:0}.syntax-panel-overlay[data-state=open]{animation:syntax-panel-fade-in var(--motion-duration-fast) var(--motion-easing-out) both}.syntax-panel-overlay[data-state=closed]{animation:syntax-panel-fade-out var(--motion-duration-fast) var(--motion-easing-out) both}.syntax-panel{z-index:calc(var(--z-modal,300) + 1);gap:var(--space-2);width:min(760px,100vw - 40px);min-width:0;max-height:min(82vh,720px);padding:var(--space-8);background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-md,4px);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.syntax-panel[data-state=open]{animation:syntax-panel-in var(--motion-duration-normal) var(--motion-easing-out) both}.syntax-panel[data-state=closed]{animation:syntax-panel-out var(--motion-duration-fast) var(--motion-easing-out) both}.syntax-panel__header{align-items:center;gap:var(--space-2);min-width:0;padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border-light);display:flex}.syntax-panel__badge{color:var(--color-text-inverse,#fff);font-family:var(--font-family-heading);letter-spacing:.04em;border-radius:2px;flex-shrink:0;padding:2px 8px;font-size:.68em;font-weight:600}.syntax-panel__doc{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-text-tertiary);flex:auto;font-size:.74em;overflow:hidden}.syntax-panel__section{font-family:var(--font-family-heading);color:var(--color-fg-primary);margin:0;font-size:1.28em;font-weight:700;line-height:1.35}.syntax-panel__name{color:var(--color-text-secondary);margin:0;font-size:.84em;line-height:1.5}.syntax-panel__formula{border:1px solid var(--color-border-light);border-left:3px solid color-mix(in oklch, var(--lang-color,var(--color-accent-base)) 65%, transparent);background:var(--color-bg-code);min-width:0;color:var(--color-fg-primary);font-family:var(--font-family-code);white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;border-radius:2px;padding:10px 12px;font-size:.82em;line-height:1.6;display:block}.syntax-panel__code{border:1px solid var(--color-border-light);background:var(--color-bg-code);border-radius:2px;min-width:0;overflow:hidden}.syntax-panel__codebar{justify-content:space-between;align-items:center;gap:var(--space-2);border-bottom:1px solid var(--color-border-light);padding:4px 8px;display:flex}.syntax-panel__lang{font-family:var(--font-family-code);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-tertiary);font-size:.66em}.syntax-panel__copy{color:var(--color-fg-tertiary)}@media (hover:hover){.syntax-panel__copy:hover{color:var(--lang-color,var(--color-accent-base));background-color:var(--color-bg-hover)}}.syntax-panel__pre{padding:var(--space-2) var(--space-4);max-height:300px;font-family:var(--font-family-code);color:var(--color-fg-primary);tab-size:2;overflow-wrap:anywhere;overscroll-behavior:contain;background:0 0;margin:0;font-size:.78em;line-height:1.6;overflow:auto}.syntax-panel__pre code{color:inherit;background:0 0;border:none;padding:0}.syntax-panel__pre code span{color:var(--shiki-light)}html[data-theme=dark] .syntax-panel__pre code span{color:var(--shiki-dark)}.syntax-panel__truncated{border-top:1px dashed var(--color-border-light);color:var(--color-text-tertiary);padding:4px 10px;font-size:.66em}.syntax-panel__footer{justify-content:space-between;align-items:center;gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border-light);flex-wrap:wrap;display:flex}.syntax-panel__link{color:var(--color-accent-base);font-weight:var(--font-weight-emphasis)}@media (hover:hover){.syntax-panel__link:hover{color:var(--color-accent-hover);background-color:var(--color-bg-hover)}.syntax-panel__link:hover svg{transform:translate(2px)}}.syntax-panel__nav{justify-content:space-between;align-items:center;gap:var(--space-2);width:100%;padding-bottom:var(--space-2);border-bottom:1px dashed var(--color-border-light);display:flex}.syntax-panel__nav-btn{border:1px solid var(--color-border-light);border-radius:var(--radius-sm,2px);color:var(--color-text-secondary);font-family:var(--font-family-heading);letter-spacing:.02em;cursor:pointer;transition:color var(--motion-duration-instant) var(--motion-easing-out), border-color var(--motion-duration-instant) var(--motion-easing-out);background:0 0;align-items:center;gap:4px;padding:4px 10px;font-size:.72em;display:inline-flex}.syntax-panel__nav-btn:hover:not(:disabled){color:var(--color-fg-primary);border-color:color-mix(in oklch, var(--lang-color,var(--color-accent-base)) 50%, transparent)}.syntax-panel__nav-btn:disabled{opacity:.4;cursor:default}.syntax-panel__nav-pos{font-family:var(--font-family-mono);color:var(--color-text-tertiary);letter-spacing:.04em;font-size:.7rem}.syntax-panel-open{overflow:hidden}@keyframes syntax-panel-fade-in{0%{opacity:0}to{opacity:1}}@keyframes syntax-panel-fade-out{0%{opacity:1}to{opacity:0}}@keyframes syntax-panel-in{0%{opacity:0;transform:translate(-50%,-48%)scale(.97)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes syntax-panel-out{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-48%)scale(.97)}}@media (width<=767.98px){.syntax-langs{margin:0 calc(var(--space-2) * -1);padding:var(--space-2)}.syntax-grid{gap:var(--space-2);padding:var(--space-2) 0;grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.syntax-panel{padding:var(--space-4)}}@media (prefers-reduced-motion:reduce){.syntax-grid .syntax-card,.syntax-panel,.syntax-panel-overlay{animation:none}}}.syntax-quick[data-astro-cid-twl3n2wz]{align-items:center;gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.syntax-quick__label[data-astro-cid-twl3n2wz]{font-family:var(--font-family-mono);letter-spacing:.06em;color:var(--color-text-tertiary);font-size:.66rem}.syntax-quick__chip[data-astro-cid-twl3n2wz]{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border:1px solid var(--color-border-light);background:var(--color-bg-card);font-family:var(--font-family-heading);font-size:.76rem;font-weight:var(--font-weight-semibold,600);color:var(--color-text-secondary);transition:border-color var(--motion-duration-fast) var(--motion-easing-out), color var(--motion-duration-fast) var(--motion-easing-out), box-shadow var(--motion-duration-fast) var(--motion-easing-out);border-radius:999px;text-decoration:none;display:inline-flex}.syntax-quick__chip[data-astro-cid-twl3n2wz] em[data-astro-cid-twl3n2wz]{font-family:var(--font-family-mono);color:var(--color-text-tertiary);font-size:.6rem;font-style:normal}.syntax-quick__chip[data-astro-cid-twl3n2wz]:hover{border-color:color-mix(in srgb, var(--chip-color) 60%, transparent);color:var(--color-fg-primary);box-shadow:var(--shadow-sm)}.syntax-quick__chip[data-astro-cid-twl3n2wz]:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.syntax-quick__icon[data-astro-cid-twl3n2wz]{color:var(--chip-color);font-size:.72rem}@media (width<=767px){.syntax-quick__chip[data-astro-cid-twl3n2wz] em[data-astro-cid-twl3n2wz]{display:none}}