/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--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;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-space-x-reverse:0}}}:root,:root[data-theme=light]{color-scheme:light;--ds-canvas:#f7f6f2;--ds-surface-1:#fff;--ds-surface-2:#fafaf7;--ds-surface-3:#f0efea;--ds-ink-primary:#0a0a0b;--ds-ink-secondary:#5a5a60;--ds-ink-tertiary:#707075;--ds-ink-mono:#2a2a2e;--ds-accent:#956820;--ds-status-ok:#4f8557;--ds-status-info:#4a6e9c;--ds-status-error:#a33d32;--ds-border:#0a0a0b1a;--ds-border-strong:#0a0a0b33;--ds-grid-dot:#0a0a0b17;--ds-wire:#0a0a0b2e;--ds-wire-active:#0a0a0b6b;--ds-overlay:#0a0a0b66;--ds-focus:#956820;--font-family-sans:"Inter Variable", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", system-ui, sans-serif;--font-family-mono:"JetBrains Mono Variable", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--text-display:clamp(2rem, 1.72rem + 1.2vw, 2.5rem);--text-node-display:clamp(1.875rem, 1.7rem + .75vw, 2.25rem);--text-headline:1.25rem;--text-body:1rem;--text-caption:.8125rem;--text-utility:.75rem;--text-ribbon:.625rem;--leading-display:1.15;--leading-headline:1.25;--leading-body:1.65;--leading-caption:1.5;--leading-utility:1.5;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--radius-control-small:.375rem;--radius-control:.5rem;--radius-nested:.625rem;--radius-panel:.75rem;--radius-pill:999px;--shadow-panel:0 1px 4px #0a0a0b0a;--shadow-menu:0 18px 60px #0a0a0b24;--motion-fast:.12s;--motion-base:.24s;--motion-slow:.48s;--motion-reduced:80ms;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-standard:cubic-bezier(.32, .72, 0, 1);--z-header:40;--z-overlay:60;--z-skip-link:100;--header-height:3rem;--content-max:64.5rem;--article-max:48rem;--page-gutter:1.25rem}:root[data-theme=dark]{color-scheme:dark;--ds-canvas:#0a0a0b;--ds-surface-1:#111113;--ds-surface-2:#17171a;--ds-surface-3:#1e1e22;--ds-ink-primary:#f5f5f4;--ds-ink-secondary:#a1a1a6;--ds-ink-tertiary:#808086;--ds-ink-mono:#c8c8cc;--ds-accent:#e5b454;--ds-status-ok:#6baa75;--ds-status-info:#7b9bc4;--ds-status-error:#e08176;--ds-border:#f5f5f414;--ds-border-strong:#f5f5f42e;--ds-grid-dot:#f5f5f412;--ds-wire:#f5f5f42e;--ds-wire-active:#f5f5f466;--ds-overlay:#0000009e;--ds-focus:#e5b454;--shadow-panel:none;--shadow-menu:0 18px 60px #0000006b}@media (min-width:48rem){:root{--page-gutter:2rem}}@media (min-width:64rem){:root{--page-gutter:2.5rem}}@layer theme{:root,:host{--color-slate-400:oklch(70.4% .04 256.788);--spacing:.25rem;--container-4xl:56rem;--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-family-sans);--default-mono-font-family:var(--font-family-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--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(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}: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{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-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]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.static{position:static}.order-first{order:-9999}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-8{margin-top:calc(var(--spacing) * 8)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.block{display:block}.contents{display:contents}.flex{display:flex}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-20{width:calc(var(--spacing) * 20);height:calc(var(--spacing) * 20)}.h-full{height:100%}.flex-shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.object-cover{object-fit:cover}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.leading-8{--tw-leading:calc(var(--spacing) * 8);line-height:calc(var(--spacing) * 8)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-balance{text-wrap:balance}.text-\[\#07C160\]{color:#07c160}.text-\[\#ff0033\]{color:#f03}.opacity-90{opacity:.9}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-slate-400\/30{--tw-ring-color:#90a1b94d}@supports (color:color-mix(in lab,red,red)){.ring-slate-400\/30{--tw-ring-color:color-mix(in oklab, var(--color-slate-400) 30%, transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.hover\:opacity-100:hover{opacity:1}}@media (min-width:40rem){.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}}@media (min-width:64rem){.lg\:order-last{order:9999}.lg\:size-\[350px\]{width:350px;height:350px}.lg\:max-w-4xl{max-width:var(--container-4xl)}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}:where(.lg\:space-x-16>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 16) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-x-reverse)))}}.dark\:block:where([data-theme=dark],[data-theme=dark] *){display:block}.dark\:hidden:where([data-theme=dark],[data-theme=dark] *){display:none}}.system-node-header{align-items:center;gap:var(--space-2);min-height:1.75rem;padding-inline:var(--space-5);border-bottom:1px solid var(--ds-border);background:var(--ds-surface-2);color:var(--ds-ink-tertiary);font-family:var(--font-family-mono);font-size:var(--text-utility);line-height:var(--leading-utility);letter-spacing:.05em;display:flex}.system-node-header__type{align-items:center;gap:var(--space-1);text-transform:uppercase;min-width:0;display:inline-flex}.system-node-header__type svg{flex:none}.system-node-header__separator{color:var(--ds-border-strong)}.system-node-header__id{letter-spacing:0;text-overflow:ellipsis;text-transform:lowercase;white-space:nowrap;margin-left:auto;overflow:hidden}.pattern-action-link{justify-content:center;align-items:center;gap:var(--space-2);width:fit-content;min-height:2.75rem;padding-inline:var(--space-4);border:1px solid var(--ds-border);border-radius:var(--radius-control);background:var(--ds-surface-1);color:var(--ds-ink-secondary);cursor:pointer;transition:background var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out);font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.pattern-action-link svg{flex:none}.pattern-action-link:hover,.pattern-action-link:focus-visible{border-color:var(--ds-border-strong);background:var(--ds-surface-2);color:var(--ds-ink-primary)}.pattern-action-link--primary{border-color:var(--ds-accent)}@supports (color:color-mix(in lab,red,red)){.pattern-action-link--primary{border-color:color-mix(in srgb,var(--ds-accent) 58%,transparent)}}.pattern-action-link--primary{color:var(--ds-accent)}.pattern-action-link--primary:hover,.pattern-action-link--primary:focus-visible{border-color:var(--ds-accent)}.pattern-tag-list{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.pattern-tag-list li{min-height:2rem;padding:var(--space-1) var(--space-3);border:1px solid var(--ds-border);border-radius:var(--radius-control);background:var(--ds-surface-2);color:var(--ds-ink-mono);font-family:var(--font-family-mono);font-size:var(--text-utility);line-height:var(--leading-utility);align-items:center;display:inline-flex}.pattern-tag-list--small li{min-height:1.75rem;padding-inline:var(--space-2);font-size:var(--text-ribbon);letter-spacing:.04em}.pattern-tag-list--accent li{background:var(--ds-accent)}@supports (color:color-mix(in lab,red,red)){.pattern-tag-list--accent li{background:color-mix(in srgb,var(--ds-accent) 9%,var(--ds-surface-1))}}.pattern-tag-list--accent li{color:var(--ds-accent)}.pattern-tag-list--success li{background:var(--ds-status-ok)}@supports (color:color-mix(in lab,red,red)){.pattern-tag-list--success li{background:color-mix(in srgb,var(--ds-status-ok) 9%,var(--ds-surface-1))}}.pattern-tag-list--success li{color:var(--ds-status-ok)}.pattern-tag-list--info li{background:var(--ds-status-info)}@supports (color:color-mix(in lab,red,red)){.pattern-tag-list--info li{background:color-mix(in srgb,var(--ds-status-info) 9%,var(--ds-surface-1))}}.pattern-tag-list--info li{color:var(--ds-status-info)}.pattern-panel,.pattern-form-panel{border:1px solid var(--ds-border);border-radius:var(--radius-panel);background:var(--ds-surface-1);box-shadow:var(--shadow-panel);overflow:hidden}.pattern-panel__body{gap:var(--space-6);padding:clamp(1.25rem,3vw,2rem);display:grid}.pattern-section-intro{gap:var(--space-2);max-width:48rem;display:grid}.pattern-section-intro>*{margin:0}.pattern-section-intro>span{color:var(--ds-ink-tertiary);font-family:var(--font-family-mono);font-size:var(--text-utility);letter-spacing:.05em;text-transform:uppercase}.pattern-section-intro h2{font-size:var(--text-headline);line-height:var(--leading-headline)}.pattern-section-intro p{color:var(--ds-ink-secondary)}.pattern-info-rows{gap:var(--space-2);margin:0;display:grid}.pattern-info-row{gap:var(--space-2) var(--space-3);min-height:2.75rem;padding:var(--space-2) var(--space-3);border:1px solid var(--ds-border);border-radius:var(--radius-control);background:var(--ds-surface-2);grid-template-columns:minmax(7rem,.7fr) minmax(0,2fr);align-items:center;display:grid}.pattern-info-row dt{color:var(--ds-ink-primary);font-family:var(--font-family-mono);font-size:var(--text-caption);font-weight:500}.pattern-info-row dd{min-width:0;color:var(--ds-ink-secondary);margin:0}.pattern-info-row>span{color:var(--ds-ink-tertiary);font-family:var(--font-family-mono);font-size:var(--text-ribbon);grid-column:2}.pattern-comparison{gap:var(--space-4);display:grid}.pattern-comparison__panel{padding:var(--space-5);border:1px solid var(--ds-border);border-radius:var(--radius-nested);background:var(--ds-surface-2)}.pattern-comparison__panel h3{align-items:center;gap:var(--space-2);font-family:var(--font-family-mono);font-size:var(--text-utility);letter-spacing:.08em;text-transform:uppercase;margin:0;font-weight:500;display:flex}.pattern-comparison__panel h3 span{color:var(--pattern-comparison-tone,var(--ds-ink-tertiary));font-family:var(--font-family-sans);font-size:var(--text-body)}.pattern-comparison__panel ul{gap:var(--space-2);margin:var(--space-3) 0 0;color:var(--ds-ink-secondary);padding:0;list-style:none;display:grid}.pattern-comparison__panel li{padding-left:var(--space-5);position:relative}.pattern-comparison__panel li:before{content:"◆";color:var(--pattern-comparison-tone,var(--ds-ink-tertiary));font-size:.5rem;position:absolute;top:.15em;left:0}.pattern-comparison__panel--success{--pattern-comparison-tone:var(--ds-status-ok)}.pattern-comparison__panel--info{--pattern-comparison-tone:var(--ds-status-info)}.pattern-feature-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}.pattern-feature-card{border:1px solid var(--ds-border);border-radius:var(--radius-panel);background:var(--ds-surface-2);flex-direction:column;min-width:0;display:flex;overflow:hidden}.pattern-feature-card--featured{border-color:var(--ds-accent)}@supports (color:color-mix(in lab,red,red)){.pattern-feature-card--featured{border-color:color-mix(in srgb,var(--ds-accent) 58%,transparent)}}.pattern-feature-card__body{gap:var(--space-3);padding:var(--space-5);flex-direction:column;flex:1;display:flex}.pattern-feature-card__heading{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.pattern-feature-card h3,.pattern-feature-card p,.pattern-feature-card ul{margin:0}.pattern-feature-card h3{font-size:var(--text-headline);line-height:var(--leading-headline)}.pattern-feature-card__body>p{color:var(--ds-ink-secondary)}.pattern-ribbon{padding:.125rem var(--space-2);border:1px solid var(--ds-accent);flex:none}@supports (color:color-mix(in lab,red,red)){.pattern-ribbon{border:1px solid color-mix(in srgb,var(--ds-accent) 58%,transparent)}}.pattern-ribbon{border-radius:var(--radius-pill);color:var(--ds-accent);font-family:var(--font-family-mono);font-size:var(--text-ribbon);line-height:var(--leading-utility);letter-spacing:.08em;text-transform:uppercase}.pattern-feature-card__list{gap:var(--space-2);color:var(--ds-ink-secondary);padding:0;list-style:none;display:grid}.pattern-feature-card__list li{padding-left:var(--space-5);position:relative}.pattern-feature-card__list li:before{content:"◆";color:var(--ds-ink-tertiary);font-size:.5rem;position:absolute;top:.15em;left:0}.pattern-feature-card__footer{padding-top:var(--space-3);border-top:1px solid var(--ds-border);font-family:var(--font-family-mono);font-size:var(--text-utility);color:var(--ds-ink-tertiary)!important;margin-top:auto!important}.pattern-process{gap:var(--space-3);counter-reset:pattern-step;margin:0;padding:0;list-style:none;display:grid}.pattern-process__step{gap:var(--space-1);padding:var(--space-4);border:1px solid var(--ds-border);border-radius:var(--radius-nested);background:var(--ds-surface-2);display:grid;position:relative}.pattern-process__step:not(:last-child):after{content:"";top:100%;left:calc(var(--space-4) + .25rem);width:1px;height:calc(var(--space-3) + 1px);background:var(--ds-wire);position:absolute}.pattern-process__id{color:var(--ds-accent);font-family:var(--font-family-mono);font-size:var(--text-utility);letter-spacing:.05em}.pattern-process h3,.pattern-process p{margin:0}.pattern-process h3{font-size:1rem;line-height:var(--leading-headline)}.pattern-process p{color:var(--ds-ink-secondary);font-size:.9375rem}.pattern-form-panel__body{gap:var(--space-4);padding:var(--space-5);background:var(--ds-surface-2);display:grid}.pattern-form-field{gap:var(--space-2);display:grid}.pattern-form-field label{color:var(--ds-ink-primary);font-family:var(--font-family-mono);font-size:var(--text-utility);line-height:var(--leading-utility)}.pattern-form-field input,.pattern-form-field textarea{width:100%;min-height:2.75rem;padding:var(--space-2) var(--space-3);border:1px solid var(--ds-border);border-radius:var(--radius-control);background:var(--ds-surface-1);color:var(--ds-ink-primary);transition:border-color var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out);line-height:1.5}.pattern-form-field textarea{resize:vertical;min-height:5.625rem}.pattern-form-field input::placeholder,.pattern-form-field textarea::placeholder{color:var(--ds-ink-tertiary);opacity:.72}.pattern-form-field input:hover,.pattern-form-field textarea:hover{border-color:var(--ds-border-strong)}.pattern-form-field input:focus-visible,.pattern-form-field textarea:focus-visible{border-color:var(--ds-focus);background:var(--ds-surface-1)}.pattern-form-field--error input,.pattern-form-field--error textarea{border-color:var(--ds-status-error)}.pattern-form-field__description,.pattern-form-field__error{font-size:var(--text-caption);line-height:var(--leading-caption);margin:0}.pattern-form-field__description{color:var(--ds-ink-tertiary)}.pattern-form-field__error{color:var(--ds-status-error)}@media (min-width:48rem){.pattern-comparison{grid-template-columns:repeat(2,minmax(0,1fr))}.pattern-feature-grid{grid-template-columns:repeat(var(--pattern-grid-columns),minmax(0,1fr))}.pattern-process{grid-template-columns:repeat(min(var(--pattern-step-count,4),4),minmax(0,1fr))}.pattern-process__step:not(:last-child):after{width:calc(var(--space-3) + 1px);height:1px;top:50%;left:100%}}@media (min-width:35rem) and (max-width:47.999rem){.pattern-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:35rem){.pattern-info-row{grid-template-columns:1fr}.pattern-info-row>span{grid-column:1}}@media (prefers-reduced-motion:reduce){.pattern-action-link,.pattern-form-field input,.pattern-form-field textarea{transition-duration:var(--motion-reduced)}}html{background:var(--ds-canvas);min-width:20rem;min-height:100%;color:var(--ds-ink-primary);font-family:var(--font-family-sans);font-synthesis:none;scroll-behavior:smooth;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-size:100%}body{background:var(--ds-canvas);min-height:100%;color:var(--ds-ink-primary);font-size:var(--text-body);line-height:var(--leading-body);margin:0}body[data-scroll-lock=true]{overflow:hidden}*{border-color:var(--ds-border)}::selection{background:var(--ds-accent)}@supports (color:color-mix(in lab,red,red)){::selection{background:color-mix(in srgb,var(--ds-accent) 20%,transparent)}}::selection{color:var(--ds-ink-primary)}h1,h2,h3,h4,h5,h6{color:var(--ds-ink-primary);font-family:var(--font-family-sans);text-wrap:balance;font-weight:600}a{text-underline-offset:.18em}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}button,input,textarea,select{font:inherit}:focus-visible{outline:2px solid var(--ds-focus);outline-offset:2px}.font-utility{font-family:var(--font-family-mono);font-size:var(--text-utility);line-height:var(--leading-utility)}.skip-link{z-index:var(--z-skip-link);top:var(--space-2);left:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--ds-border-strong);border-radius:var(--radius-control);background:var(--ds-surface-1);color:var(--ds-ink-primary);font-family:var(--font-family-mono);font-size:var(--text-utility);transform:translateY(calc(-100% - var(--space-4)));transition:transform var(--motion-fast) var(--ease-out);position:fixed}.skip-link:focus{transform:translateY(0)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:var(--motion-reduced)!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@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:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-ext-wght-normal.BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-wght-normal.DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-ext-wght-normal.DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-wght-normal.CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-vietnamese-wght-normal.CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-ext-wght-normal.DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-wght-normal.Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(data:font/woff2;base64,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) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-cyrillic-wght-normal.D73BlboJ.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-greek-wght-normal.Bw9x6K1M.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-vietnamese-wght-normal.Bt-aOZkq.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-latin-ext-wght-normal.DBQx-q_a.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-latin-wght-normal.B9CIFXIH.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.site-body{min-height:100dvh}.site-shell{display:flex;min-height:100dvh;flex-direction:column}.site-main{flex:1}.content-shell,.home-shell{width:min(100%,calc(var(--content-max) + var(--page-gutter) * 2));margin-inline:auto;padding:clamp(3rem,7vw,6rem) var(--page-gutter) var(--space-24)}.home-shell{padding-top:0}.article-shell{width:min(100%,var(--article-max));margin-inline:auto}.site-header{position:sticky;z-index:var(--z-header);top:0;height:var(--header-height);border-bottom:1px solid var(--ds-border);background:color-mix(in srgb,var(--ds-canvas) 92%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.site-header__inner{display:flex;width:min(100%,calc(var(--content-max) + var(--page-gutter) * 2));height:100%;margin-inline:auto;align-items:center;justify-content:space-between;padding-inline:var(--page-gutter)}.site-brand{display:inline-flex;min-height:2.75rem;align-items:center;gap:var(--space-2);color:var(--ds-ink-primary);font-family:var(--font-family-sans);font-weight:600;text-decoration:none}.site-brand__name{font-size:.875rem}.site-brand__label{color:var(--ds-ink-primary);font-size:.875rem}.site-header__controls,.site-nav,.site-nav__list{display:flex;height:100%;align-items:center}.site-nav{display:none}.site-nav__list{gap:var(--space-6);margin:0;padding:0;list-style:none}.site-nav__link{position:relative;display:inline-flex;height:100%;align-items:center;color:var(--ds-ink-secondary);font-size:.875rem;text-decoration:none;transition:color var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out)}.site-nav__link:after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:2px;background:var(--ds-accent);opacity:0;transform:scaleX(.55);transition:opacity var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out)}.site-nav__link:hover,.site-nav__link[aria-current=page]{color:var(--ds-ink-primary)}.site-nav__link[aria-current=page]{font-weight:600}.site-nav__link[aria-current=page]:after{opacity:1;transform:scaleX(1)}.site-control{display:inline-flex;width:2.75rem;height:2.75rem;align-items:center;justify-content:center;border:0;border-radius:var(--radius-control);background:transparent;color:var(--ds-ink-secondary);cursor:pointer;transition:background var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out)}.site-control:hover{background:var(--ds-surface-2);color:var(--ds-ink-primary)}.site-control svg{width:1.125rem;height:1.125rem}[data-theme-icon=sun]{display:none}:root[data-theme=dark] [data-theme-icon=moon]{display:none}:root[data-theme=dark] [data-theme-icon=sun]{display:block}.mobile-nav{width:min(calc(100% - 2rem),28rem);max-width:none;margin:var(--space-4) auto auto;padding:0;border:1px solid var(--ds-border);border-radius:var(--radius-panel);background:var(--ds-surface-1);color:var(--ds-ink-primary);box-shadow:var(--shadow-menu);opacity:0;transform:translateY(-.75rem);transition:opacity var(--motion-base) var(--ease-out),transform var(--motion-base) var(--ease-standard),overlay var(--motion-base) allow-discrete,display var(--motion-base) allow-discrete}.mobile-nav[open]{opacity:1;transform:translateY(0)}@starting-style{.mobile-nav[open]{opacity:0;transform:translateY(-.75rem)}}.mobile-nav::backdrop{background:var(--ds-overlay);backdrop-filter:blur(2px)}.mobile-nav__header{display:flex;min-height:var(--header-height);align-items:center;justify-content:space-between;padding-inline:var(--space-4);border-bottom:1px solid var(--ds-border)}.mobile-nav__title{color:var(--ds-ink-tertiary);font-family:var(--font-family-mono);font-size:var(--text-utility)}.mobile-nav__list{margin:0;padding:var(--space-2);list-style:none}.mobile-nav__link{display:flex;min-height:3rem;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);color:var(--ds-ink-secondary);text-decoration:none}.mobile-nav__link:hover{background:var(--ds-surface-2);color:var(--ds-ink-primary)}.mobile-nav__link[aria-current=page]{color:var(--ds-ink-primary);font-weight:600}.mobile-nav__link[aria-current=page]:after{content:"当前";color:var(--ds-accent);font-family:var(--font-family-mono);font-size:var(--text-ribbon);font-weight:500}.content-page{display:grid;gap:clamp(3rem,6vw,5rem)}.content-page--compact{gap:clamp(2rem,3vw,2.5rem)}.content-page--archive{gap:clamp(2rem,4vw,3rem)}.content-page-header,.reserved-state,.not-found{overflow:hidden;border:1px solid var(--ds-border);border-radius:var(--radius-panel);background:var(--ds-surface-1);box-shadow:var(--shadow-panel)}.content-section-bar,.material-card__bar{display:flex;min-height:1.75rem;align-items:center;justify-content:space-between;gap:var(--space-3);padding-inline:var(--space-5);border-bottom:1px solid var(--ds-border);background:var(--ds-surface-2);color:var(--ds-ink-tertiary);font-size:var(--text-utility);line-height:var(--leading-utility)}.content-section-bar__id{font-family:var(--font-family-mono)}.content-page-header__body{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-6);padding:clamp(1.5rem,4vw,3rem);background-image:radial-gradient(circle,var(--ds-grid-dot) 1px,transparent 1px);background-position:calc(100% - 2rem) 2rem;background-size:2rem 2rem}.content-page-header--plain{overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}.content-page-header--plain .content-page-header__body{padding:0;background:none}.content-page-header__copy{display:grid;max-width:42rem;gap:var(--space-4)}.content-page-header h1,.reserved-state h1,.not-found h1{margin:0;font-size:var(--text-display);font-weight:600;letter-spacing:-.025em;line-height:var(--leading-display)}.content-page-header__copy p,.reserved-state__description,.not-found__description{max-width:40rem;margin:0;color:var(--ds-ink-secondary);line-height:var(--leading-body)}.content-page-header__meta{padding:var(--space-2) var(--space-3);border:1px solid var(--ds-border);border-radius:var(--radius-pill);background:var(--ds-surface-1);color:var(--ds-ink-tertiary);white-space:nowrap}.archive-browser{display:grid;gap:var(--space-8)}.archive-search{position:relative;z-index:calc(var(--z-header) - 1)}.archive-search__heading{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.archive-search__heading label{color:var(--ds-ink-primary);font-size:var(--text-caption);font-weight:600}.archive-search__control{position:relative}.archive-search__icon{position:absolute;top:50%;left:var(--space-4);color:var(--ds-ink-tertiary);pointer-events:none;transform:translateY(-50%)}.archive-search__control input{width:100%;min-height:3rem;padding:var(--space-3) var(--space-12);border:1px solid var(--ds-border);border-radius:var(--radius-control);background:var(--ds-surface-1);color:var(--ds-ink-primary);box-shadow:var(--shadow-panel);-webkit-appearance:none;appearance:none;transition:border-color var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out)}.archive-search__control input::-webkit-search-cancel-button{display:none}.archive-search__control input::placeholder{color:var(--ds-ink-tertiary);opacity:.78}.archive-search__control input:hover{border-color:var(--ds-border-strong)}.archive-search__control input:focus-visible{border-color:var(--ds-focus);background:var(--ds-surface-1)}.archive-search__clear{position:absolute;top:50%;right:var(--space-1);display:inline-flex;width:2.75rem;height:2.75rem;align-items:center;justify-content:center;border:0;border-radius:var(--radius-control);background:transparent;color:var(--ds-ink-tertiary);cursor:pointer;transform:translateY(-50%);transition:background var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out)}.archive-search__clear[hidden]{display:none}.archive-search__clear:hover{background:var(--ds-surface-2);color:var(--ds-ink-primary)}.archive-search__popover{position:absolute;z-index:calc(var(--z-header) - 1);top:calc(100% + var(--space-2));right:0;left:0;overflow:hidden;border:1px solid var(--ds-border-strong);border-radius:var(--radius-panel);background:var(--ds-surface-1);box-shadow:var(--shadow-menu)}.archive-search__popover[hidden]{display:none}.archive-search__results{max-height:min(30rem,48dvh);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.archive-search__result{display:grid;gap:var(--space-1);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--ds-border);background:var(--ds-surface-1);color:var(--ds-ink-primary);text-decoration:none;transition:background var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out)}.archive-search__result:hover,.archive-search__result:focus-visible,.archive-search__result[data-active=true]{background:var(--ds-surface-2);box-shadow:inset 2px 0 var(--ds-accent)}.archive-search__result:focus-visible{outline-offset:-3px}.archive-search__result-title{font-weight:600;line-height:var(--leading-headline)}.archive-search__result-description{display:-webkit-box;overflow:hidden;color:var(--ds-ink-secondary);font-size:var(--text-caption);line-height:var(--leading-caption);-webkit-box-orient:vertical;-webkit-line-clamp:1}.archive-search__result-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-4);color:var(--ds-ink-tertiary)}.archive-search__result-action{color:var(--ds-accent);font-size:var(--text-caption);font-weight:500}.archive-search__count{position:sticky;bottom:0;margin:0;padding:var(--space-3) var(--space-4);border-top:1px solid var(--ds-border);background:var(--ds-surface-2);color:var(--ds-ink-tertiary);text-align:right}.archive-search__empty{margin:0;padding:var(--space-8) var(--space-5);color:var(--ds-ink-secondary);text-align:center}.archive-search__status{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.material-list{display:grid;gap:var(--space-6)}.material-card{position:relative;overflow:hidden;border:1px solid var(--ds-border);border-radius:var(--radius-panel);background:var(--ds-surface-1);box-shadow:var(--shadow-panel);transition:background var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out)}.material-card:hover,.material-card:focus-within{border-color:var(--ds-border-strong);background:var(--ds-surface-2)}.material-card__date{color:var(--ds-ink-tertiary)}.material-card__type{display:inline-flex;align-items:center;gap:var(--space-1)}.material-card__type svg{flex:none}.material-card__body{display:grid}.material-card__media{position:relative;display:grid;overflow:hidden;aspect-ratio:3 / 4;border-bottom:1px solid var(--ds-border);background:var(--ds-surface-2);place-items:center}.material-card__placeholder{display:block;width:100%;height:100%}.material-card__image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}.material-card__placeholder{display:grid;place-items:center;background-image:radial-gradient(circle,var(--ds-grid-dot) 1px,transparent 1px);background-size:1rem 1rem;color:var(--ds-ink-tertiary)}.material-card__content{display:flex;min-width:0;flex-direction:column;align-items:flex-start;padding:var(--space-5)}.material-card h2{margin:0;font-size:var(--text-headline);font-weight:600;line-height:1.4}.material-card__link{color:var(--ds-ink-primary);text-decoration:none}.material-card__link:after{content:"";position:absolute;inset:0}.material-card:hover .material-card__link,.material-card:focus-within .material-card__link{text-decoration:underline;text-decoration-color:var(--ds-accent);text-underline-offset:.2em}.material-card__content p{display:-webkit-box;margin:var(--space-4) 0 0;overflow:hidden;color:var(--ds-ink-secondary);line-height:1.65;-webkit-box-orient:vertical;-webkit-line-clamp:3}.material-card__action{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:auto;padding-top:var(--space-5);color:var(--ds-accent);font-size:.875rem;font-weight:500}.pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);padding-top:var(--space-8)}.pagination__item{display:inline-flex;min-width:2.75rem;min-height:2.75rem;align-items:center;justify-content:center;padding:0 var(--space-3);border:1px solid var(--ds-border);border-radius:var(--radius-control);background:var(--ds-surface-1);color:var(--ds-ink-secondary);font-family:var(--font-family-mono);font-size:var(--text-utility);text-decoration:none;transition:background var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out)}.pagination__item:hover{border-color:var(--ds-border-strong);background:var(--ds-surface-2);color:var(--ds-ink-primary)}.pagination__item[aria-current=page]{border-color:var(--ds-accent);color:var(--ds-ink-primary);font-weight:600;box-shadow:inset 0 -2px var(--ds-accent)}.pagination__item svg{width:1rem;height:1rem}.qr-grid{display:grid;gap:var(--space-6)}.qr-card{overflow:hidden;border:1px solid var(--ds-border);border-radius:var(--radius-panel);background:var(--ds-surface-1);box-shadow:var(--shadow-panel)}.qr-card__body{display:grid;gap:var(--space-5);padding:var(--space-5)}.qr-card__image-shell{padding:var(--space-4);border:1px solid var(--ds-border);border-radius:var(--radius-control);background:#fff}.qr-card__image{display:block;width:100%;aspect-ratio:1;object-fit:contain}.qr-card__copy{display:grid;gap:var(--space-2)}.qr-card h2{margin:0;font-size:var(--text-headline)}.qr-card p{margin:0;color:var(--ds-ink-secondary)}.action-row{display:flex;flex-wrap:wrap;gap:var(--space-3)}.reserved-state,.not-found{width:min(100%,48rem);margin-inline:auto}.reserved-state__body,.not-found__body{display:grid;gap:var(--space-5);padding:clamp(1.5rem,5vw,4rem)}.status-label{display:inline-flex;width:fit-content;align-items:center;gap:var(--space-2);margin:0;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--ds-status-info) 10%,transparent);color:var(--ds-status-info);font-size:var(--text-caption);font-weight:500}.status-label__dot{width:.375rem;height:.375rem;border-radius:50%;background:currentColor}.not-found__code{margin:0;color:var(--ds-accent);font-family:var(--font-family-mono);font-size:clamp(3.5rem,15vw,7rem);font-weight:500;letter-spacing:-.08em;line-height:.9}@media (min-width: 48rem){.site-nav{display:flex}[data-open-mobile-nav]{display:none}.material-card__body{grid-template-columns:minmax(0,4fr) minmax(0,12fr)}.material-card__media{aspect-ratio:1;border-right:1px solid var(--ds-border);border-bottom:0}.material-card__content{padding:var(--space-6)}.qr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion: reduce){.mobile-nav{transition-duration:var(--motion-reduced)}}