@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wdth,wght@12..96,75..100,200..800&family=Geist+Mono:wght@400;500&display=swap";:root{--font-sans: "Bricolage Grotesque", "Inter", system-ui, sans-serif;--font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--weight-light: 300;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-black: 800;--wdth-condensed: 75%;--wdth-tight: 84%;--wdth-normal: 100%;--text-display-1: clamp(64px, 11vw, 152px);--lh-display-1: .9;--text-display-2: clamp(44px, 6.6vw, 96px);--lh-display-2: .95;--text-display-3: clamp(34px, 4.4vw, 64px);--lh-display-3: 1;--ls-display: -.026em;--text-h1: clamp(34px, 3.4vw, 48px);--lh-h1: 1.08;--text-h2: clamp(28px, 2.6vw, 36px);--lh-h2: 1.12;--text-h3: 24px;--lh-h3: 1.2;--text-h4: 19px;--lh-h4: 1.3;--ls-heading: -.02em;--text-lead: clamp(19px, 1.6vw, 23px);--lh-lead: 1.45;--text-body: 18px;--lh-body: 1.62;--text-small: 15px;--lh-small: 1.5;--text-micro: 13px;--lh-micro: 1.4;--text-code: 14.5px;--lh-code: 1.65;--ls-micro: .01em;--measure: 66ch}:root{--ozalit-50: #EEF1FF;--ozalit-100: #DDE3FF;--ozalit-200: #B9C4FF;--ozalit-300: #8C9DFF;--ozalit-400: #5D72F7;--ozalit-500: #3450EE;--ozalit-600: #2338D1;--ozalit-700: #1B2AA6;--ozalit-800: #172283;--ozalit-900: #121A5C;--ozalit-950: #0B1036;--kagit-0: #FFFFFF;--kagit-50: #F5F6F9;--kagit-100: #E9ECF1;--kagit-200: #DADEE6;--kagit-300: #BEC4D0;--kagit-400: #8F97A8;--kagit-500: #697285;--kagit-600: #4C5468;--kagit-700: #343B4E;--kagit-800: #202637;--murekkep: #131828;--gece: #0A0D19;--isaret-200: #FFEA9E;--isaret-300: #FFE070;--isaret-400: #FFD43B;--isaret-600: #C99A00;--lane-laravel: #FF2D20;--lane-php: #7A84C8;--lane-vue: #2FA876;--lane-next: #131828;--lane-react: #1EA7C9;--lane-tailwind: #0EA5E9;--lane-bootstrap: #7952B3;--lane-js: #E9B800;--lane-mysql: #0A7A94;--lane-inertia: #9553E9;--surface-page: var(--kagit-100);--surface-raised: var(--kagit-50);--surface-card: var(--kagit-0);--surface-sunken: var(--kagit-200);--surface-inverse: var(--murekkep);--surface-code: var(--murekkep);--text-primary: var(--murekkep);--text-secondary: var(--kagit-600);--text-tertiary: var(--kagit-500);--text-inverse: var(--kagit-50);--text-link: var(--ozalit-600);--border-hairline: rgba(19, 24, 40, .12);--border-strong: rgba(19, 24, 40, .28);--accent: var(--ozalit-500);--accent-strong: var(--ozalit-700);--accent-soft: var(--ozalit-100);--signal: var(--isaret-400);--lane: var(--ozalit-500);--action-primary-bg: var(--murekkep);--action-primary-text: var(--kagit-50);--action-outline-border: var(--border-strong);--action-disabled-bg: var(--kagit-200);--action-disabled-text: var(--kagit-400);--rail-ghost: rgba(19, 24, 40, .18);--rail-ink: var(--murekkep);--focus-ring: var(--ozalit-500);--status-open: #1F9D63;--status-busy: var(--isaret-600);--status-error: #D93A2B;--grid-line: rgba(52, 80, 238, .07);--image-placeholder: var(--kagit-200)}[data-theme=ozalit]{--surface-page: var(--ozalit-600);--surface-raised: var(--ozalit-500);--surface-card: var(--ozalit-700);--surface-sunken: var(--ozalit-800);--surface-inverse: var(--kagit-50);--text-primary: #FFFFFF;--text-secondary: var(--ozalit-100);--text-tertiary: var(--ozalit-200);--text-inverse: var(--ozalit-800);--text-link: var(--isaret-300);--border-hairline: rgba(255, 255, 255, .2);--border-strong: rgba(255, 255, 255, .45);--accent: var(--isaret-400);--lane: var(--isaret-400);--accent-strong: var(--isaret-300);--accent-soft: rgba(255, 212, 59, .16);--action-primary-bg: var(--isaret-400);--action-primary-text: var(--murekkep);--action-disabled-bg: rgba(255, 255, 255, .12);--action-disabled-text: var(--ozalit-300);--rail-ghost: rgba(255, 255, 255, .26);--rail-ink: #FFFFFF;--focus-ring: var(--isaret-400);--grid-line: rgba(255, 255, 255, .09);--lane-next: #FFFFFF}[data-theme=gece]{--surface-page: var(--gece);--surface-raised: #121629;--surface-card: #161B30;--surface-sunken: #070914;--surface-inverse: var(--kagit-50);--surface-code: #070914;--text-primary: var(--kagit-100);--text-secondary: var(--kagit-300);--text-tertiary: var(--kagit-400);--text-inverse: var(--murekkep);--text-link: var(--ozalit-300);--border-hairline: rgba(233, 236, 241, .1);--border-strong: rgba(233, 236, 241, .26);--accent: var(--ozalit-300);--lane: var(--ozalit-300);--accent-strong: var(--ozalit-200);--accent-soft: rgba(140, 157, 255, .14);--action-primary-bg: var(--kagit-50);--action-primary-text: var(--murekkep);--action-disabled-bg: #1B2036;--action-disabled-text: var(--kagit-500);--rail-ghost: rgba(233, 236, 241, .16);--rail-ink: var(--kagit-100);--focus-ring: var(--ozalit-300);--grid-line: rgba(140, 157, 255, .06);--image-placeholder: #1B2036;--lane-next: var(--kagit-50);--lane-php: #9AA2E0}[data-lane=laravel]{--lane: var(--lane-laravel)}[data-lane=php]{--lane: var(--lane-php)}[data-lane=vue]{--lane: var(--lane-vue)}[data-lane=next]{--lane: var(--lane-next)}[data-lane=react]{--lane: var(--lane-react)}[data-lane=tailwind]{--lane: var(--lane-tailwind)}[data-lane=bootstrap]{--lane: var(--lane-bootstrap)}[data-lane=js]{--lane: var(--lane-js)}[data-lane=mysql]{--lane: var(--lane-mysql)}[data-lane=inertia]{--lane: var(--lane-inertia)}:root{--lane-python: #4B8BBE;--lane-data: #F76707;--lane-ml: #E64980;--lane-reverse: #74B816;--lane-auto: #A47148;--graph-next: var(--kagit-50);--ok: #1F9D63;--bad: #D93A2B}[data-lane=python]{--lane: var(--lane-python)}[data-lane=data]{--lane: var(--lane-data)}[data-lane=ml]{--lane: var(--lane-ml)}[data-lane=reverse]{--lane: var(--lane-reverse)}[data-lane=auto]{--lane: var(--lane-auto)}html[data-mode=dark]{color-scheme:dark;--surface-page: var(--gece);--surface-raised: #0F1324;--surface-card: #151A2E;--surface-sunken: #070914;--text-primary: var(--kagit-100);--text-secondary: var(--kagit-300);--text-tertiary: var(--kagit-400);--text-link: var(--ozalit-300);--border-hairline: rgba(233, 236, 241, .1);--border-strong: rgba(233, 236, 241, .26);--accent: var(--ozalit-300);--lane: var(--ozalit-300);--accent-soft: rgba(140, 157, 255, .14);--action-primary-bg: var(--kagit-50);--action-primary-text: var(--murekkep);--rail-ghost: rgba(233, 236, 241, .16);--rail-ink: var(--kagit-100);--focus-ring: var(--ozalit-300);--grid-line: rgba(140, 157, 255, .06);--lane-next: var(--kagit-50);--lane-php: #9AA2E0;--lane-mysql: #1BA3C2;--lane-auto: #C9915F;--ok: #3FC286;--bad: #FF6B5E}html[data-mode=dark] [data-theme=ozalit]{--surface-page: #121A5C;--surface-raised: #172283;--surface-card: #0E1446;--surface-sunken: #0B1036;--grid-line: rgba(255, 255, 255, .06);--border-hairline: rgba(255, 255, 255, .14)}html[data-mode=dark] [data-theme=gece]{--surface-page: #06080F}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--space-10: 128px;--space-11: 176px;--container: 1240px;--container-narrow: 820px;--gutter: clamp(16px, 4vw, 40px);--rail: 88px;--section-y: clamp(72px, 10vw, 144px);--control-h: 48px;--control-h-sm: 38px;--radius-control: 10px;--radius-panel: 18px;--radius-media: 26px;--radius-pill: 999px;--radius-node: 50%;--node-size: 12px;--line-hairline: 1px;--line-rail: 2px}:root{--shadow-none: none;--shadow-lift: 0 22px 50px -26px rgba(52, 80, 238, .45), 0 2px 6px -2px rgba(19, 24, 40, .1);--shadow-float: 0 30px 80px -30px rgba(11, 16, 54, .45);--shadow-inset: inset 0 0 0 1px var(--border-hairline);--z-rail: 1;--z-content: 2;--z-nav: 40;--z-overlay: 60;--z-transition: 90}:root{--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-in: cubic-bezier(.55, 0, 1, .45);--ease-spring: linear(0, .2 6%, .62 15%, .95 24%, 1.07 31%, 1.09 36%, 1.05 45%, 1 58%, .995 70%, 1);--duration-fast: .16s;--duration-base: .32s;--duration-slow: .64s;--duration-derle: 1.1s;--stagger: 38ms}@keyframes od-derle{0%{opacity:0;font-stretch:75%;font-weight:200;transform:translateY(.18em)}60%{opacity:1}to{opacity:1;font-stretch:var(--derle-wdth, 88%);font-weight:var(--derle-wght, 700);transform:none}}@keyframes od-belir{0%{clip-path:inset(0 100% 0 0);transform:translate(-10px);opacity:.2}to{clip-path:inset(0 0 0 0);transform:none;opacity:1}}@keyframes od-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes od-pop{0%{transform:scale(0)}70%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes od-pulse{0%,to{box-shadow:0 0 color-mix(in oklab,var(--lane) 55%,transparent)}50%{box-shadow:0 0 0 8px transparent}}@keyframes od-blink{50%{opacity:0}}@keyframes od-wipe-in{0%{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes od-wipe-out{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 0 100% 0)}}@view-transition{navigation: auto;}::view-transition-old(root){animation:.36s var(--ease-in) both od-fade-out}::view-transition-new(root){animation:.52s var(--ease-out) both od-wipe-in}@keyframes od-fade-out{to{opacity:0;transform:translateY(-12px)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}::view-transition-old(root),::view-transition-new(root){animation:none!important}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--surface-page);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--lh-body);font-weight:var(--weight-regular);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}[data-theme]{background:var(--surface-page);color:var(--text-primary)}img,svg,video{display:block;max-width:100%}a{color:inherit}::-moz-selection{background:var(--isaret-300);color:var(--murekkep)}::selection{background:var(--isaret-300);color:var(--murekkep)}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px;border-radius:4px}code,kbd,pre,samp{font-family:var(--font-mono)}[hidden]{display:none!important}.od-container{width:100%;max-width:calc(var(--container) + 2 * var(--gutter));margin-inline:auto;padding-inline:var(--gutter)}.od-container--narrow{max-width:calc(var(--container-narrow) + 2 * var(--gutter))}.od-section{padding-block:var(--section-y);position:relative}.od-section--tight{padding-block:calc(var(--section-y) * .6)}.od-grid-bg{background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:32px 32px;background-position:-1px -1px}@media (min-width: 1100px){.od-with-rail{padding-left:var(--rail)}}.od-visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.od-display-1,.od-display-2,.od-display-3{font-family:var(--font-sans);font-weight:var(--weight-bold);font-stretch:var(--wdth-tight);letter-spacing:var(--ls-display);margin:0;text-wrap:balance}.od-display-1{font-size:var(--text-display-1);line-height:var(--lh-display-1)}.od-display-2{font-size:var(--text-display-2);line-height:var(--lh-display-2)}.od-display-3{font-size:var(--text-display-3);line-height:var(--lh-display-3)}.od-h1,.od-h2,.od-h3,.od-h4{font-weight:var(--weight-semibold);letter-spacing:var(--ls-heading);margin:0;text-wrap:balance}.od-h1{font-size:var(--text-h1);line-height:var(--lh-h1)}.od-h2{font-size:var(--text-h2);line-height:var(--lh-h2)}.od-h3{font-size:var(--text-h3);line-height:var(--lh-h3)}.od-h4{font-size:var(--text-h4);line-height:var(--lh-h4)}.od-lead{font-size:var(--text-lead);line-height:var(--lh-lead);color:var(--text-secondary);max-width:38ch;margin:0;text-wrap:pretty}.od-body{font-size:var(--text-body);line-height:var(--lh-body);color:var(--text-secondary);max-width:var(--measure);text-wrap:pretty}.od-small{font-size:var(--text-small);line-height:var(--lh-small);color:var(--text-secondary)}.od-micro{font-size:var(--text-micro);line-height:var(--lh-micro);letter-spacing:var(--ls-micro);color:var(--text-tertiary);font-weight:var(--weight-medium)}.od-mono{font-family:var(--font-mono);font-size:.86em;letter-spacing:0}.od-hl{background:linear-gradient(transparent 58%,var(--isaret-300) 58%,var(--isaret-300) 92%,transparent 92%);color:inherit;padding-inline:.08em}.od-esne{font-stretch:var(--wdth-tight);transition:font-stretch var(--duration-slow) var(--ease-spring),font-weight var(--duration-slow) var(--ease-out),color var(--duration-base) var(--ease-out)}:is(a,button,[data-esne-host]):is(:hover,:focus-visible) .od-esne,.od-esne:is(a):hover{font-stretch:100%}.od-button{--btn-bg: transparent;--btn-fg: var(--text-primary);--btn-bd: var(--action-outline-border);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:var(--control-h);padding:0 22px;border-radius:var(--radius-control);font:var(--weight-semibold) 16px/1 var(--font-sans);letter-spacing:-.005em;font-stretch:92%;color:var(--btn-fg);background:var(--btn-bg);border:1px solid var(--btn-bd);text-decoration:none;cursor:pointer;white-space:nowrap;isolation:isolate;overflow:hidden;transition:background-color var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-spring),translate .26s var(--ease-out)}.od-button--primary{--btn-bg: var(--action-primary-bg);--btn-fg: var(--action-primary-text);--btn-bd: var(--action-primary-bg)}.od-button--primary:hover{--btn-bg: var(--lane);--btn-bd: var(--lane);--btn-fg: #fff}[data-theme=ozalit] .od-button--primary:hover{--btn-bg: #fff;--btn-bd: #fff;--btn-fg: var(--murekkep)}[data-theme=gece] .od-button--primary:hover{--btn-fg: var(--murekkep)}.od-button--secondary:hover{--btn-bd: var(--text-primary);--btn-bg: color-mix(in oklab, var(--text-primary) 6%, transparent)}.od-button--ghost{--btn-bd: transparent;padding-inline:4px;height:auto;min-height:32px;overflow:visible}.od-button--ghost:after{content:"";position:absolute;left:4px;right:4px;bottom:2px;height:2px;background:var(--lane);transform:scaleX(.18);transform-origin:left;transition:transform var(--duration-slow) var(--ease-out)}.od-button--ghost:hover:after{transform:scaleX(1)}.od-button--sm{height:var(--control-h-sm);padding:0 16px;font-size:14.5px;gap:8px}.od-button--lg{height:58px;padding:0 30px;font-size:18px}.od-button--full{width:100%}.od-button:active{transform:scale(.97)}.od-button:disabled,.od-button[aria-disabled=true]{--btn-bg: var(--action-disabled-bg);--btn-fg: var(--action-disabled-text);--btn-bd: transparent;cursor:not-allowed;transform:none}.od-button__roll{position:relative;display:inline-grid;overflow:hidden;line-height:1.25}.od-button__roll>span{grid-area:1 / 1;transition:transform var(--duration-slow) var(--ease-out)}.od-button__roll>span+span{transform:translateY(110%)}.od-button:hover .od-button__roll>span:first-child{transform:translateY(-110%)}.od-button:hover .od-button__roll>span+span{transform:none}.od-button__icon{width:18px;height:18px;flex:none;display:inline-grid;overflow:hidden}.od-button__icon>svg{grid-area:1 / 1;width:18px;height:18px;transition:transform var(--duration-slow) var(--ease-out)}.od-button__icon>svg+svg{transform:translate(-120%,120%)}.od-button:hover .od-button__icon>svg:first-child{transform:translate(120%,-120%)}.od-button:hover .od-button__icon>svg+svg{transform:none}.od-link{color:var(--text-link);text-decoration:none;font-weight:var(--weight-medium);background:linear-gradient(currentColor,currentColor) 0 100% / 100% 1px no-repeat;transition:background-size var(--duration-slow) var(--ease-out),color var(--duration-base);padding-bottom:1px}.od-link:hover{background-size:0% 1px;background-position:100% 100%}.od-link--quiet{color:inherit;background-size:0% 1px}.od-link--quiet:hover{background-size:100% 1px;background-position:0 100%}.od-link__ext{display:inline-block;width:.72em;height:.72em;margin-left:.18em;vertical-align:.02em;transition:transform var(--duration-base) var(--ease-spring)}.od-link:hover .od-link__ext{transform:translate(2px,-2px)}.od-chip{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px 0 10px;border-radius:var(--radius-pill);border:1px solid var(--border-hairline);background:color-mix(in oklab,var(--surface-card) 70%,transparent);color:var(--text-primary);font:var(--weight-medium) 13.5px/1 var(--font-sans);white-space:nowrap;transition:border-color var(--duration-base),background-color var(--duration-base),transform var(--duration-base) var(--ease-spring)}.od-chip__dot{width:8px;height:8px;border-radius:50%;background:var(--lane);box-shadow:0 0 0 2px color-mix(in oklab,var(--lane) 22%,transparent);flex:none}.od-chip--sm{height:24px;padding:0 9px 0 8px;font-size:12.5px;gap:6px}.od-chip--sm .od-chip__dot{width:6px;height:6px}.od-chip--lane{border-color:color-mix(in oklab,var(--lane) 45%,transparent);background:color-mix(in oklab,var(--lane) 10%,var(--surface-card))}button.od-chip{cursor:pointer}button.od-chip:hover{border-color:var(--border-strong);transform:translateY(-1px)}.od-chip[aria-pressed=true],.od-chip[aria-checked=true]{background:var(--text-primary);color:var(--surface-page);border-color:var(--text-primary)}.od-chiplist{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.od-status{display:inline-flex;align-items:center;gap:10px;height:34px;padding:0 14px 0 12px;border-radius:var(--radius-pill);border:1px solid var(--border-hairline);background:color-mix(in oklab,var(--surface-card) 60%,transparent);font:var(--weight-medium) 14px/1 var(--font-sans);color:var(--text-primary)}.od-status__dot{--lane: var(--status-open);width:9px;height:9px;border-radius:50%;background:var(--lane);animation:od-pulse 2.4s var(--ease-in-out) infinite}.od-status--busy .od-status__dot{--lane: var(--status-busy);animation:none}.od-mark{width:40px;height:40px;color:var(--text-primary);flex:none}.od-mark__head{fill:var(--signal);transform-box:fill-box;transform-origin:center;transition:transform var(--duration-slow) var(--ease-spring)}.od-logotype{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--text-primary)}.od-logotype:hover .od-mark__head{transform:scale(1.35)}.od-logotype__word{font:var(--weight-bold) 22px/1 var(--font-sans);font-stretch:84%;letter-spacing:-.035em;transition:font-stretch var(--duration-slow) var(--ease-spring)}.od-logotype:hover .od-logotype__word{font-stretch:100%}.od-logotype__tld{color:var(--text-tertiary);font-weight:var(--weight-medium)}.od-logotype--sm .od-mark{width:30px;height:30px}.od-logotype--sm .od-logotype__word{font-size:18px}.od-logotype--lg .od-mark{width:64px;height:64px}.od-logotype--lg .od-logotype__word{font-size:40px}.od-heading{display:grid;gap:var(--space-4);margin-bottom:var(--space-8);max-width:900px}.od-heading__index{font:var(--weight-medium) 15px/1 var(--font-mono);color:var(--text-tertiary)}.od-heading__title{font-size:var(--text-display-3);line-height:var(--lh-display-3);font-weight:var(--weight-bold);font-stretch:var(--wdth-tight);letter-spacing:var(--ls-display);margin:0;text-wrap:balance}.od-heading__lede{font-size:var(--text-lead);line-height:var(--lh-lead);color:var(--text-secondary);margin:0;max-width:46ch;text-wrap:pretty}.od-heading--split{max-width:none;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:end;-moz-column-gap:var(--space-8);column-gap:var(--space-8)}.od-heading__aside{justify-self:end}@media (max-width: 860px){.od-heading--split{grid-template-columns:1fr}.od-heading__aside{justify-self:start}}.od-avatar{--size: 56px;width:var(--size);height:var(--size);border-radius:50%;overflow:hidden;flex:none;position:relative;background:var(--accent-soft);color:var(--accent-strong);display:grid;place-items:center;font:var(--weight-bold) calc(var(--size) * .36)/1 var(--font-sans);font-stretch:84%;box-shadow:0 0 0 2px var(--surface-page),0 0 0 4px var(--lane)}.od-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.od-avatar--lg{--size: 96px}.od-avatar--xl{--size: 168px}.od-avatar--sm{--size: 36px}.od-icon{width:20px;height:20px;flex:none;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.od-icon--fill{fill:currentColor;stroke:none}.od-iconbutton{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:var(--radius-control);border:1px solid var(--border-hairline);background:transparent;color:var(--text-primary);cursor:pointer;transition:border-color var(--duration-base),background-color var(--duration-base),transform var(--duration-base) var(--ease-spring);text-decoration:none}.od-iconbutton:hover{border-color:var(--border-strong);background:color-mix(in oklab,var(--text-primary) 5%,transparent)}.od-iconbutton:active{transform:scale(.92)}.od-code{font-family:var(--font-mono);font-size:.86em;padding:.12em .4em;border-radius:6px;background:var(--accent-soft);color:var(--accent-strong)}.od-kbd{font:500 12px/1 var(--font-mono);padding:4px 6px;border-radius:6px;border:1px solid var(--border-strong);border-bottom-width:2px;color:var(--text-secondary)}.od-lift{transition:box-shadow var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-spring)}.od-lift:hover,.od-lift:focus-within{transform:translateY(-4px);box-shadow:0 26px 56px -28px color-mix(in oklab,var(--lane) 75%,transparent),0 2px 6px -2px #1318281a}.od-footer{padding-block:var(--space-9) var(--space-6);position:relative;overflow:hidden}.od-footer__cta{display:grid;gap:var(--space-5);padding-bottom:var(--space-9);border-bottom:1px solid var(--border-hairline)}.od-footer__big{font:var(--weight-bold) var(--text-display-2)/var(--lh-display-2) var(--font-sans);font-stretch:84%;letter-spacing:-.03em;margin:0;text-decoration:none;color:var(--text-primary);display:inline-block;transition:font-stretch .9s var(--ease-spring);overflow-wrap:anywhere}.od-footer__big:hover{font-stretch:100%}.od-footer__cols{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:var(--space-7);padding-block:var(--space-8)}.od-footer__cols h3{font:600 14px/1 var(--font-sans);color:var(--text-tertiary);margin:0 0 var(--space-4)}.od-footer__cols ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.od-footer__cols a{color:var(--text-secondary);text-decoration:none;font-size:16px;transition:color var(--duration-base)}.od-footer__cols a:hover{color:var(--text-primary)}.od-footer__base{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;align-items:center;padding-top:var(--space-5);border-top:1px solid var(--border-hairline);font-size:14px;color:var(--text-tertiary)}.od-footer__commit{font-family:var(--font-mono);font-size:13px;display:inline-flex;align-items:center;gap:8px}.od-footer__commit:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--signal)}@media (max-width: 860px){.od-footer__cols{grid-template-columns:1fr 1fr}.od-footer__cols>:first-child{grid-column:1 / -1}}.od-placeholder{display:grid;place-items:center;background-color:var(--ozalit-600);color:var(--ozalit-100);background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:24px 24px;font:500 13px/1.3 var(--font-mono);text-align:center;padding:16px}.od-placeholder[data-lane]{background-color:color-mix(in oklab,var(--lane) 82%,#0B1036)}.od-placeholder[data-lane=next]{background-color:#1b2036;color:var(--kagit-300)}.js [data-belir]:not(.is-in){opacity:0}.js [data-belir].is-in{animation:od-belir var(--duration-slow) var(--ease-out) both;animation-delay:calc(var(--i, 0) * 70ms)}.js [data-belir=rise].is-in{animation-name:od-rise}@supports (animation-timeline: view()){.js [data-belir=scroll]{opacity:1;animation:od-belir linear both;animation-timeline:view();animation-range:entry 5% cover 30%}}.od-screen{position:relative;border-radius:var(--radius-media);overflow:hidden;background:var(--surface-card);border:1px solid var(--border-hairline);isolation:isolate}.od-screen__bar{display:flex;align-items:center;gap:12px;height:38px;padding:0 14px;border-bottom:1px solid var(--border-hairline);background:var(--surface-raised)}.od-screen__dots{display:flex;gap:6px}.od-screen__dots i{width:9px;height:9px;border-radius:50%;background:var(--border-strong)}.od-screen__dots i:first-child{background:var(--lane)}.od-screen__url{flex:1;max-width:280px;margin-inline:auto;height:22px;border-radius:var(--radius-pill);background:var(--surface-sunken);color:var(--text-tertiary);font:500 11.5px/22px var(--font-mono);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 10px}.od-screen__view{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:var(--image-placeholder)}.od-screen__view>img,.od-screen__view>.od-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;transition:transform .9s var(--ease-out)}.od-screen--bare{border-radius:var(--radius-panel)}.od-screen--bare .od-screen__bar{display:none}.od-case{display:grid;gap:var(--space-7)}.od-case__back{display:inline-flex;align-items:center;gap:8px;color:var(--text-secondary);text-decoration:none;font-size:15px}.od-case__title{font:var(--weight-bold) var(--text-display-2)/var(--lh-display-2) var(--font-sans);font-stretch:86%;letter-spacing:var(--ls-display);margin:0}.od-case__summary{font-size:var(--text-lead);line-height:var(--lh-lead);color:var(--text-secondary);max-width:44ch;margin:0}.od-case__meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-5);margin:0;padding-top:var(--space-5);border-top:2px solid var(--lane)}.od-case__meta dt{font-size:14px;color:var(--text-tertiary);margin-bottom:6px}.od-case__meta dd{margin:0;font-size:16.5px;font-weight:var(--weight-medium)}@media (max-width: 800px){.od-case__meta{grid-template-columns:1fr 1fr}}.od-stackmap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-7)}.od-stackmap__group h3{font:600 15px/1 var(--font-sans);color:var(--text-tertiary);margin:0 0 var(--space-4);padding-bottom:12px;border-bottom:1px solid var(--border-strong)}.od-stackmap__list{list-style:none;margin:0;padding:0}.od-stackmap__item{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:4px 12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--border-hairline);transition:background-color var(--duration-base)}.od-stackmap__item .od-chip__dot{width:10px;height:10px}.od-stackmap__name{font:var(--weight-semibold) 19px/1.1 var(--font-sans);letter-spacing:-.015em}.od-stackmap__count{font:500 13px/1 var(--font-mono);color:var(--text-tertiary)}.od-stackmap__years{grid-column:2 / -1;display:grid;grid-template-columns:repeat(var(--n, 6),1fr);gap:3px;margin-top:6px}.od-stackmap__years i{height:4px;border-radius:2px;background:var(--border-hairline);transform-origin:left;transition:background-color var(--duration-base)}.od-stackmap__years i.on{background:var(--lane)}.od-stackmap__item:hover .od-stackmap__name{color:var(--lane)}.od-stackmap__item--core .od-stackmap__name:after{content:"temel";margin-left:10px;font:600 11.5px/1 var(--font-sans);padding:3px 7px;border-radius:var(--radius-pill);background:var(--signal);color:var(--murekkep);vertical-align:3px}.od-stackmap__item--core[lang=en] .od-stackmap__name:after{content:"core"}.od-stackmap__legend{display:flex;justify-content:space-between;font:500 11.5px/1 var(--font-mono);color:var(--text-tertiary);margin-top:var(--space-5)}@media (max-width: 900px){.od-stackmap{grid-template-columns:1fr}}.od-log{list-style:none;margin:0;padding:0;position:relative}.od-log:before{content:"";position:absolute;left:7px;top:12px;bottom:12px;width:2px;background:var(--rail-ghost)}.od-log__item{position:relative;display:grid;grid-template-columns:16px 180px minmax(0,1fr);gap:0 var(--space-6);padding-bottom:var(--space-8)}.od-log__item:last-child{padding-bottom:0}.od-log__node{position:relative;z-index:1;width:16px;height:16px;margin-top:6px;border-radius:50%;background:var(--surface-page);border:3px solid var(--lane)}.od-log__item--head .od-log__node{background:var(--lane);animation:od-pulse 2.4s var(--ease-in-out) infinite}.od-log__when{display:grid;gap:6px;align-content:start;padding-top:3px}.od-log__date{font:600 16px/1.2 var(--font-sans)}.od-log__hash{font:500 12.5px/1 var(--font-mono);color:var(--text-tertiary)}.od-log__main{display:grid;gap:10px}.od-log__kind{justify-self:start;font:600 12.5px/1 var(--font-sans);padding:5px 9px;border-radius:var(--radius-pill);background:color-mix(in oklab,var(--lane) 14%,transparent);color:var(--text-primary)}.od-log__role{font:var(--weight-bold) clamp(22px,2.2vw,28px)/1.1 var(--font-sans);letter-spacing:-.025em;margin:0}.od-log__org{color:var(--text-secondary);font-weight:var(--weight-medium)}.od-log__text{margin:0;color:var(--text-secondary);font-size:17px;line-height:1.6;max-width:60ch}.od-log__text ul{margin:0;padding-left:1.1em;display:grid;gap:6px}@media (max-width: 760px){.od-log__item{grid-template-columns:16px minmax(0,1fr);gap:8px var(--space-5)}.od-log__when{grid-column:2;grid-auto-flow:column;justify-content:start;gap:12px;align-items:baseline}.od-log__main{grid-column:2}}.od-prose{font-size:var(--text-body);line-height:1.72;color:var(--text-secondary);max-width:var(--measure)}.od-prose>*+*{margin-top:1.1em}.od-prose>:first-child{margin-top:0}.od-prose p{margin:0}.od-prose h2{font:var(--weight-bold) var(--text-h2)/var(--lh-h2) var(--font-sans);letter-spacing:var(--ls-heading);color:var(--text-primary);margin-top:2em;scroll-margin-top:96px}.od-prose h3{font:var(--weight-semibold) var(--text-h3)/var(--lh-h3) var(--font-sans);letter-spacing:var(--ls-heading);color:var(--text-primary);margin-top:1.6em;scroll-margin-top:96px}.od-prose strong{color:var(--text-primary);font-weight:var(--weight-semibold)}.od-prose a{color:var(--text-link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.od-prose a:hover{text-decoration-thickness:2px}.od-prose ul,.od-prose ol{padding-left:1.3em;display:grid;gap:.4em}.od-prose li::marker{color:var(--accent)}.od-prose blockquote{margin-inline:0;padding:4px 0 4px 22px;border-left:3px solid var(--signal);color:var(--text-primary);font-size:var(--text-lead);line-height:var(--lh-lead)}.od-prose :not(pre)>code{font-family:var(--font-mono);font-size:.84em;padding:.14em .4em;border-radius:6px;background:var(--accent-soft);color:var(--accent-strong)}.od-prose hr{border:0;height:1px;background:var(--border-hairline);margin-block:2.4em}.od-prose img,.od-prose figure img{border-radius:var(--radius-panel)}.od-prose figcaption{font-size:14px;color:var(--text-tertiary);margin-top:10px}.od-prose table{width:100%;border-collapse:collapse;font-size:16px}.od-prose th,.od-prose td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border-hairline)}.od-prose th{color:var(--text-primary);font-weight:var(--weight-semibold)}.od-codeblock{border-radius:var(--radius-panel);overflow:hidden;background:var(--surface-code);color:#d5daea;border:1px solid rgba(255,255,255,.06)}.od-codeblock__head{display:flex;align-items:center;justify-content:space-between;gap:12px;height:42px;padding:0 8px 0 16px;border-bottom:1px solid rgba(255,255,255,.08);font:500 12.5px/1 var(--font-mono);color:#8f97b5}.od-codeblock__file{display:inline-flex;align-items:center;gap:8px}.od-codeblock__file:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--lane)}.od-codeblock__copy{height:28px;padding:0 10px;border-radius:7px;border:1px solid rgba(255,255,255,.14);background:transparent;color:#c4cae0;font:500 12px/1 var(--font-sans);cursor:pointer;transition:background-color var(--duration-base),color var(--duration-base)}.od-codeblock__copy:hover{background:#ffffff14}.od-codeblock__copy.is-copied{background:var(--isaret-400);color:var(--murekkep);border-color:transparent}.od-codeblock pre{margin:0;padding:18px 20px;overflow-x:auto;font:400 var(--text-code)/var(--lh-code) var(--font-mono);-moz-tab-size:2;-o-tab-size:2;tab-size:2}.od-codeblock .tk-k{color:#9caeff}.od-codeblock .tk-s{color:#ffe070}.od-codeblock .tk-c{color:#6b7394;font-style:italic}.od-codeblock .tk-f{color:#7ee0b5}.od-codeblock .tk-v{color:#ff9c8f}.od-codeblock .tk-n{color:#f5b97a}.od-callout{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;padding:18px 20px;border-radius:var(--radius-panel);background:var(--accent-soft);color:var(--text-primary);font-size:16.5px;line-height:1.6}.od-callout .od-icon{color:var(--accent-strong);margin-top:2px}.od-callout--warn{background:color-mix(in oklab,var(--isaret-400) 22%,var(--surface-card))}.od-callout--warn .od-icon{color:var(--isaret-600)}.od-callout p{margin:0}.od-toc{position:sticky;top:96px;display:grid;gap:12px;font-size:15px}.od-toc__title{font:600 14px/1 var(--font-sans);color:var(--text-tertiary);margin:0 0 4px}.od-toc ol{list-style:none;margin:0;padding:0 0 0 16px;display:grid;gap:10px;border-left:2px solid var(--rail-ghost)}.od-toc a{position:relative;display:block;color:var(--text-secondary);text-decoration:none;line-height:1.35;transition:color var(--duration-base)}.od-toc a:before{content:"";position:absolute;left:-22px;top:.35em;width:10px;height:10px;border-radius:50%;background:var(--lane);transform:scale(0);transition:transform var(--duration-slow) var(--ease-spring)}.od-toc a:hover{color:var(--text-primary)}.od-toc a[aria-current=true]{color:var(--text-primary);font-weight:var(--weight-medium)}.od-toc a[aria-current=true]:before{transform:scale(1)}.od-article-head{display:grid;gap:var(--space-5);max-width:900px}.od-article-head__title{font:var(--weight-bold) var(--text-display-3)/1.02 var(--font-sans);font-stretch:88%;letter-spacing:-.035em;margin:0;text-wrap:balance}.od-article-head__meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;font-size:15px;color:var(--text-tertiary)}.od-progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:calc(var(--z-nav) + 1);background:var(--lane);transform-origin:left;transform:scaleX(var(--p, 0))}@supports (animation-timeline: scroll()){.od-progress{animation:od-progress linear both;animation-timeline:scroll(root)}@keyframes od-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}}.od-field{display:grid;align-content:start;gap:8px}.od-field__label{font:var(--weight-semibold) 15px/1.2 var(--font-sans);color:var(--text-primary)}.od-field__label small{font-weight:var(--weight-regular);color:var(--text-tertiary);margin-left:6px}.od-field__hint{font-size:14px;color:var(--text-tertiary)}.od-field__error{font-size:14px;color:var(--status-error);display:flex;gap:6px;align-items:center}[data-theme=ozalit] .od-field__error{color:var(--isaret-300)}.od-input,.od-textarea,.od-select{width:100%;min-height:var(--control-h);padding:12px 16px;border-radius:var(--radius-control);border:1px solid var(--border-strong);background:color-mix(in oklab,var(--surface-card) 85%,transparent);color:var(--text-primary);font:var(--weight-regular) 16.5px/1.4 var(--font-sans);transition:border-color var(--duration-base),box-shadow var(--duration-base),background-color var(--duration-base);-webkit-appearance:none;-moz-appearance:none;appearance:none}[data-theme=ozalit] :is(.od-input,.od-textarea,.od-select){background:#ffffff12}.od-input::-moz-placeholder,.od-textarea::-moz-placeholder{color:var(--text-tertiary)}.od-input::placeholder,.od-textarea::placeholder{color:var(--text-tertiary)}.od-input:hover,.od-textarea:hover,.od-select:hover{border-color:var(--text-secondary)}.od-input:focus,.od-textarea:focus,.od-select:focus{outline:none;border-color:var(--focus-ring);box-shadow:0 0 0 4px color-mix(in oklab,var(--focus-ring) 22%,transparent)}.od-input[aria-invalid=true],.od-textarea[aria-invalid=true]{border-color:var(--status-error)}[data-theme=ozalit] :is(.od-input,.od-textarea)[aria-invalid=true]{border-color:var(--isaret-300)}.od-input:disabled,.od-textarea:disabled{background:var(--action-disabled-bg);color:var(--action-disabled-text);cursor:not-allowed}.od-textarea{min-height:150px;resize:vertical}.od-select{padding-right:44px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23697285' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px;cursor:pointer}.od-chipgroup{border:0;margin:0;padding:0;display:grid;gap:10px}.od-chipgroup legend{padding:0;margin-bottom:10px}.od-chipgroup__opts{display:flex;flex-wrap:wrap;gap:8px}.od-chipgroup input{position:absolute;opacity:0;pointer-events:none}.od-chipgroup label.od-chip{cursor:pointer;height:38px;padding:0 16px;font-size:15px}.od-chipgroup input:checked+label.od-chip{background:var(--text-primary);color:var(--surface-page);border-color:var(--text-primary)}.od-chipgroup input:focus-visible+label.od-chip{outline:2px solid var(--focus-ring);outline-offset:2px}.od-form{display:grid;gap:var(--space-5)}.od-form__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}.od-form__foot{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between}@media (max-width: 640px){.od-form__row{grid-template-columns:1fr}}.od-toast{position:fixed;left:50%;bottom:28px;z-index:var(--z-overlay);display:inline-flex;align-items:center;gap:10px;padding:12px 18px 12px 14px;border-radius:var(--radius-pill);background:var(--murekkep);color:var(--kagit-50);font:500 15px/1 var(--font-sans);box-shadow:var(--shadow-float);transform:translate(-50%,calc(100% + 48px));visibility:hidden;transition:transform var(--duration-slow) var(--ease-spring),visibility 0s linear var(--duration-slow)}.od-toast.is-on{transform:translate(-50%);visibility:visible;transition:transform var(--duration-slow) var(--ease-spring),visibility 0s}.od-toast--static{visibility:visible}.od-toast__dot{width:9px;height:9px;border-radius:50%;background:var(--isaret-400)}.od-toast--static{position:relative;left:auto;bottom:auto;transform:none}.od-case-band{position:relative;isolation:isolate;padding-block:clamp(56px,8vw,104px) var(--space-8);overflow:hidden}.od-case-band:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.55;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,#000 20%,transparent 95%);mask-image:linear-gradient(180deg,#000 20%,transparent 95%)}.od-case-band[data-kind=web]:before{background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:32px 32px;opacity:1}.od-case-band[data-kind=api]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='64'%3E%3Ctext x='4' y='40' font-family='monospace' font-size='22' fill='%233450EE' fill-opacity='.14'%3E%7B %3A %7D%3C/text%3E%3C/svg%3E")}.od-case-band[data-kind=reverse]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='236' height='22'%3E%3Ctext x='0' y='15' font-family='monospace' font-size='12' fill='%23131828' fill-opacity='.12'%3E7f 45 4c 46 01 01 00 00 e5 9f%3C/text%3E%3C/svg%3E");background-size:236px 22px}.od-case-band[data-kind=vision]:before{background-image:radial-gradient(circle,color-mix(in oklab,var(--lane) 30%,transparent) 1.2px,transparent 1.6px);background-size:12px 12px}.od-case-band[data-kind=tool]:before{background-image:repeating-linear-gradient(-45deg,var(--grid-line) 0 1px,transparent 1px 14px);opacity:1}.od-case-band[data-kind=mobile]:before{background-image:radial-gradient(circle at 50% 50%,var(--grid-line) 0 18px,transparent 19px);background-size:64px 64px;opacity:1}[data-theme=gece] .od-case-band[data-kind=reverse]:before,[data-theme=ozalit] .od-case-band[data-kind=reverse]:before{filter:invert(1)}.od-case__kind{display:inline-flex;align-items:center;gap:8px;font:600 14px/1 var(--font-sans);color:var(--text-secondary)}.od-case__kind .od-icon{width:18px;height:18px;color:var(--lane)}.od-case-section{display:grid;grid-template-columns:minmax(180px,.32fr) minmax(0,1fr);gap:var(--space-8);padding-block:var(--space-9);border-top:1px solid var(--border-hairline)}.od-case-section__side{position:sticky;top:104px;align-self:start;display:grid;gap:10px}.od-case-section__title{font:var(--weight-bold) 26px/1.1 var(--font-sans);font-stretch:90%;letter-spacing:-.02em;margin:0}.od-case-section__note{margin:0;font-size:15px;line-height:1.5;color:var(--text-tertiary);max-width:28ch}.od-case-section__body{display:grid;gap:var(--space-6);min-width:0}.od-case-section--wide{grid-template-columns:1fr}.od-case-section--wide .od-case-section__side{position:static}@media (max-width: 900px){.od-case-section{grid-template-columns:1fr;gap:var(--space-5);padding-block:var(--space-8)}.od-case-section__side{position:static}}.od-spec{border:1px solid var(--border-strong);border-radius:var(--radius-panel);overflow:hidden;background:var(--surface-card)}.od-spec__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:1px solid var(--border-strong);font:600 14px/1.2 var(--font-sans);background:var(--surface-raised)}.od-spec__head span:last-child{font:500 12px/1 var(--font-mono);color:var(--text-tertiary)}.od-spec dl{margin:0;display:grid;grid-template-columns:repeat(var(--cols, 1),minmax(0,1fr))}.od-spec dl>div{display:grid;grid-template-columns:minmax(110px,.8fr) minmax(0,1.4fr);gap:16px;padding:12px 18px;border-bottom:1px solid var(--border-hairline);align-items:baseline}.od-spec dl>div:nth-last-child(-n+1){border-bottom:0}.od-spec--2col dl{--cols: 2}.od-spec--2col dl>div:nth-last-child(-n+2){border-bottom:0}.od-spec--2col dl>div:nth-child(odd){border-right:1px solid var(--border-hairline)}.od-spec dt{font-size:14.5px;color:var(--text-tertiary)}.od-spec dd{margin:0;font-size:15.5px;font-weight:var(--weight-medium);color:var(--text-primary);overflow-wrap:anywhere}.od-spec dd.is-mono{font:500 14px/1.4 var(--font-mono)}@media (max-width: 700px){.od-spec dl{grid-template-columns:1fr}.od-spec dl>div{border-right:0!important;border-bottom:1px solid var(--border-hairline)!important}}.od-compare{position:relative;border-radius:var(--radius-media);overflow:hidden;background:var(--image-placeholder);aspect-ratio:var(--ratio, 16 / 10);-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:pan-y;--pos: 50%}.od-compare__pane{position:absolute;top:0;right:0;bottom:0;left:0}.od-compare .od-placeholder{font-size:0}.od-compare__pane>img,.od-compare__pane>.od-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.od-compare__pane--after{clip-path:inset(0 0 0 var(--pos))}.od-compare__handle{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 0 1px #1318282e;pointer-events:none}.od-compare__knob{position:absolute;top:50%;left:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:#fff;color:var(--murekkep);display:grid;place-items:center;box-shadow:var(--shadow-float);transition:transform var(--duration-base) var(--ease-spring)}.od-compare:hover .od-compare__knob,.od-compare:focus-within .od-compare__knob{transform:scale(1.12)}.od-compare__tag{position:absolute;top:14px;padding:6px 10px;border-radius:var(--radius-pill);background:#0a0d19a8;color:#fff;font:600 12.5px/1 var(--font-sans);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none}.od-compare__tag--before{left:14px}.od-compare__tag--after{right:14px}.od-compare__range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.od-compare__range:focus-visible+.od-compare__handle .od-compare__knob{outline:2px solid var(--focus-ring);outline-offset:3px}.od-pipeline{position:relative;display:grid;grid-template-columns:repeat(var(--n, 4),minmax(0,1fr));gap:var(--space-5);list-style:none;margin:0;padding:0}.od-pipeline:before{content:"";position:absolute;left:9px;right:9px;top:9px;height:2px;background:var(--rail-ghost)}.od-pipeline:after{content:"";position:absolute;left:0;top:5px;width:60px;height:10px;border-radius:5px;background:linear-gradient(90deg,transparent,var(--lane));animation:od-flow 3.2s var(--ease-in-out) infinite}@keyframes od-flow{0%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}to{left:calc(100% - 60px);opacity:0}}.od-pipeline__stage{position:relative;display:grid;gap:8px;align-content:start;padding-top:38px}.od-pipeline__stage:before{content:"";position:absolute;top:0;left:0;width:20px;height:20px;border-radius:50%;background:var(--surface-page);border:3px solid var(--lane);box-sizing:border-box;z-index:1}.od-pipeline__name{font:var(--weight-bold) 19px/1.15 var(--font-sans);letter-spacing:-.015em;margin:0}.od-pipeline__detail{margin:0;font-size:15px;line-height:1.5;color:var(--text-secondary)}.od-pipeline__meta{justify-self:start;font:500 12.5px/1 var(--font-mono);padding:5px 8px;border-radius:6px;background:color-mix(in oklab,var(--lane) 12%,transparent);color:var(--text-primary)}@media (max-width: 800px){.od-pipeline{grid-template-columns:1fr;gap:var(--space-5);padding-left:36px}.od-pipeline:before{left:9px;right:auto;top:9px;bottom:9px;width:2px;height:auto}.od-pipeline:after{display:none}.od-pipeline__stage{padding-top:0}.od-pipeline__stage:before{left:-36px}}.od-terminal{border-radius:var(--radius-panel);overflow:hidden;background:var(--surface-code);color:#d5daea;border:1px solid rgba(255,255,255,.06);font:400 var(--text-code)/1.7 var(--font-mono)}.od-terminal__bar{display:flex;align-items:center;gap:12px;height:38px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.08);color:#8f97b5;font-size:12.5px}.od-terminal__bar .od-screen__dots i{background:#ffffff2e}.od-terminal__bar .od-screen__dots i:first-child{background:var(--lane)}.od-terminal__body{padding:16px 18px 18px;overflow-x:auto;white-space:pre}.od-terminal__line{display:block;min-height:1.7em}.od-terminal__line--cmd:before{content:"$ ";color:var(--isaret-400)}.od-terminal__line--out{color:#aeb5cf}.od-terminal__line--ok{color:#7ee0b5}.od-terminal__line--err{color:#ff9c8f}.od-terminal__line--comment{color:#6b7394;font-style:italic}.od-terminal__caret{display:inline-block;width:.6em;height:1.1em;vertical-align:-.18em;background:var(--isaret-400);animation:od-blink 1s steps(1) infinite}.js .od-terminal[data-typing]:not(.is-typed) .od-terminal__line{visibility:hidden}.od-diff .od-diff__line{display:block;padding:0 20px;margin:0 -20px}.od-diff .od-diff__line--add{background:#7ee0b51f;box-shadow:inset 3px 0 #7ee0b5}.od-diff .od-diff__line--del{background:#ff9c8f1f;box-shadow:inset 3px 0 #ff9c8f;color:#c9a3a0}.od-diff .od-diff__sign{display:inline-block;width:1.4em;color:#6b7394;-webkit-user-select:none;-moz-user-select:none;user-select:none}.od-annotate{position:relative;border-radius:var(--radius-media);overflow:hidden;background:var(--image-placeholder);aspect-ratio:var(--ratio, 16 / 10)}.od-annotate>img,.od-annotate>.od-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.od-annotate__box{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);border:2px solid var(--lane);border-radius:6px;box-shadow:0 0 0 1px #0003,inset 0 0 0 1px #ffffff40}.od-annotate__label{position:absolute;left:-2px;bottom:100%;margin-bottom:4px;display:inline-flex;gap:6px;align-items:center;padding:4px 8px;border-radius:6px 6px 6px 0;background:var(--lane);color:#fff;font:600 12px/1 var(--font-sans);white-space:nowrap}.od-annotate__label small{font:500 11px/1 var(--font-mono);opacity:.85}.od-annotate__box[data-lane=js] .od-annotate__label,.od-annotate__box[data-lane=tailwind] .od-annotate__label{color:var(--murekkep)}.js .od-annotate[data-belir] .od-annotate__box{clip-path:inset(0 100% 100% 0);transition:clip-path .7s var(--ease-out);transition-delay:calc(.3s + var(--i, 0) * .12s)}.js .od-annotate[data-belir].is-in .od-annotate__box{clip-path:inset(-40px -200px -4px -4px)}.od-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));border-top:1px solid var(--border-strong);margin:0}.od-metrics>div{padding:18px 20px 4px 0;display:grid;gap:6px;align-content:start}.od-metrics>div+div{padding-left:20px;border-left:1px solid var(--border-hairline)}.od-metrics dd{order:-1;margin:0;font:var(--weight-bold) clamp(30px,3vw,40px)/1 var(--font-sans);font-stretch:86%;letter-spacing:-.025em;color:var(--text-primary)}.od-metrics dt{font-size:15px;line-height:1.4;color:var(--text-secondary)}.od-metrics small{font-size:13px;color:var(--text-tertiary)}.od-gallery{display:grid;grid-template-columns:repeat(var(--cols, 2),minmax(0,1fr));gap:var(--space-5);margin:0}.od-gallery figure{margin:0;display:grid;gap:10px}.od-gallery__media{position:relative;border-radius:var(--radius-panel);overflow:hidden;background:var(--image-placeholder);aspect-ratio:var(--ratio, 4 / 3)}.od-gallery__media>img,.od-gallery__media>.od-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .9s var(--ease-out)}.od-gallery figure:hover .od-gallery__media>*{transform:scale(1.03)}.od-gallery figcaption{font-size:14px;line-height:1.45;color:var(--text-tertiary)}.od-gallery figure.is-wide{grid-column:1 / -1}.od-gallery figure.is-wide .od-gallery__media{aspect-ratio:21 / 9}@media (max-width: 700px){.od-gallery{grid-template-columns:1fr}}.od-casenav{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--border-strong)}.od-casenav a{display:grid;gap:8px;padding:var(--space-7) 0;text-decoration:none;color:inherit}.od-casenav a+a{text-align:right;justify-items:end;padding-left:var(--space-5);border-left:1px solid var(--border-hairline)}.od-casenav span{font-size:14px;color:var(--text-tertiary);display:inline-flex;gap:8px;align-items:center}.od-casenav strong{font:var(--weight-bold) clamp(28px,3.4vw,48px)/1 var(--font-sans);letter-spacing:-.025em}.od-casenav a:hover strong{color:var(--lane)}@media (max-width: 700px){.od-casenav{grid-template-columns:1fr}.od-casenav a+a{border-left:0;border-top:1px solid var(--border-hairline);padding-left:0}}.od-chip--inline{height:1.5em;padding:0 .5em 0 .4em;font-size:.82em;gap:.35em;vertical-align:.08em}.od-chip--inline .od-chip__dot{width:.45em;height:.45em}.od-anchor{display:inline-flex;align-items:center;gap:6px;margin-left:12px;padding:4px 8px;border-radius:6px;border:1px solid var(--border-hairline);background:none;color:var(--text-tertiary);font:500 12.5px/1 var(--font-mono);vertical-align:middle;cursor:pointer;opacity:0;transform:translate(-6px);transition:opacity var(--duration-base),transform var(--duration-slow) var(--ease-out),color var(--duration-base);letter-spacing:0;text-decoration:none}:is(.od-heading,.od-heading__title,h2,h3):hover .od-anchor,.od-anchor:focus-visible{opacity:1;transform:none}.od-anchor:hover{color:var(--text-primary);border-color:var(--border-strong)}.od-anchor.is-copied{color:var(--murekkep);background:var(--signal);border-color:var(--signal);opacity:1}@media (hover: hover){.od-log:hover .od-log__item:not(:hover){opacity:.42}}.od-log__item{transition:opacity var(--duration-base) var(--ease-out)}.od-log__more summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:8px;font:600 14.5px/1 var(--font-sans);color:var(--text-link)}.od-log__more summary::-webkit-details-marker{display:none}.od-log__more summary:before{content:"+";display:inline-grid;place-items:center;width:18px;height:18px;border-radius:5px;border:1px solid currentColor;font:500 13px/1 var(--font-mono);transition:transform var(--duration-base) var(--ease-spring)}.od-log__more[open] summary:before{content:"−"}.od-log__more>div{margin-top:12px;padding:14px 16px;border-radius:var(--radius-control);background:var(--surface-card);border:1px solid var(--border-hairline);color:var(--text-secondary);font-size:16px;line-height:1.6;animation:od-rise var(--duration-slow) var(--ease-out)}.od-statusline{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;font:500 13px/1.3 var(--font-mono);color:var(--text-tertiary)}.od-statusline>span{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.od-statusline b{font-weight:500;color:var(--text-primary)}.od-statusline__head:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 3px color-mix(in oklab,var(--signal) 30%,transparent)}.od-now{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6);border-top:1px solid var(--border-strong);padding-top:var(--space-5)}.od-now h3{font:600 14px/1 var(--font-sans);color:var(--text-tertiary);margin:0 0 12px}.od-now p{margin:0;font-size:17px;line-height:1.5;color:var(--text-primary)}.od-now p+p{margin-top:8px;color:var(--text-secondary);font-size:15.5px}.od-now__updated{grid-column:1 / -1;font:500 12.5px/1 var(--font-mono);color:var(--text-tertiary)}@media (max-width: 760px){.od-now{grid-template-columns:1fr}}.od-palette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);display:grid;justify-items:center;align-items:start;padding:12vh 16px 16px;background:#0b10365c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:opacity var(--duration-base),visibility 0s linear var(--duration-base)}.od-palette.is-open{opacity:1;visibility:visible;transition:opacity var(--duration-base),visibility 0s}.od-palette__box{width:min(640px,100%);border-radius:var(--radius-panel);background:var(--surface-card);color:var(--text-primary);box-shadow:var(--shadow-float);border:1px solid var(--border-hairline);overflow:hidden;transform:translateY(-12px) scale(.98);transition:transform var(--duration-slow) var(--ease-spring)}.od-palette.is-open .od-palette__box{transform:none}.od-palette__field{display:flex;align-items:center;gap:12px;padding:0 18px;border-bottom:1px solid var(--border-hairline)}.od-palette__prompt{font:500 15px/1 var(--font-mono);color:var(--accent);white-space:nowrap}.od-palette__input{flex:1;min-width:0;height:60px;border:0;background:none;outline:none;color:var(--text-primary);font:500 19px/1 var(--font-sans);font-stretch:100%;transition:font-stretch var(--duration-base) var(--ease-out)}.od-palette__input.is-typing{font-stretch:86%}.od-palette__list{list-style:none;margin:0;padding:8px;max-height:360px;overflow-y:auto}.od-palette__group{padding:10px 12px 6px;font:600 12.5px/1 var(--font-sans);color:var(--text-tertiary)}.od-palette__item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:var(--radius-control);cursor:pointer;font-size:16px;color:var(--text-primary);text-decoration:none}.od-palette__item .od-icon{color:var(--text-tertiary)}.od-palette__item[aria-selected=true]{background:var(--accent-soft)}.od-palette__item[aria-selected=true] .od-icon{color:var(--lane)}.od-palette__item kbd{margin-left:auto}.od-palette__item small{margin-left:auto;font:500 12px/1 var(--font-mono);color:var(--text-tertiary)}.od-palette__empty{padding:18px 12px;color:var(--text-tertiary);font-size:15px}.od-palette__foot{display:flex;gap:16px;padding:10px 18px;border-top:1px solid var(--border-hairline);font-size:13px;color:var(--text-tertiary)}.od-palette--static{position:relative;inset:auto;padding:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;opacity:1;visibility:visible}.od-palette--static .od-palette__box{transform:none}.od-pill{position:fixed;top:14px;left:50%;z-index:calc(var(--z-nav) + 2);display:grid;min-width:min(460px,calc(100vw - 32px));max-width:calc(100vw - 32px);border-radius:22px;background:color-mix(in oklab,var(--surface-card) 88%,transparent);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);border:1px solid var(--border-hairline);box-shadow:var(--shadow-float);transform:translate(-50%,-140%);transition:transform var(--duration-slow) var(--ease-spring)}.od-pill.is-on{transform:translate(-50%)}.od-pill__bar{display:flex;align-items:center;gap:12px;height:46px;padding:0 8px 0 10px}.od-pill__ring{width:28px;height:28px;flex:none;transform:rotate(-90deg)}.od-pill__ring circle{fill:none;stroke-width:3}.od-pill__ring .bg{stroke:var(--border-hairline)}.od-pill__ring .fg{stroke:var(--lane);stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--p, 0))}.od-pill__title{flex:1;min-width:0;font:600 15px/1.2 var(--font-sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.od-pill__toggle{height:32px;padding:0 12px;border-radius:16px;border:0;background:var(--accent-soft);color:var(--text-primary);font:600 13px/1 var(--font-sans);cursor:pointer}.od-pill__toc{display:none;list-style:none;margin:0;padding:4px 14px 14px 46px}.od-pill.is-open .od-pill__toc{display:grid;gap:8px}.od-pill__toc a{color:var(--text-secondary);text-decoration:none;font-size:15px}.od-pill__toc a[aria-current=true]{color:var(--text-primary);font-weight:600}.od-pill--static{position:relative;top:auto;left:auto;transform:none;min-width:0}.od-demo{border-radius:var(--radius-panel);border:1px solid var(--border-strong);background:var(--surface-card);overflow:hidden}.od-demo__stage{position:relative;min-height:220px;display:grid;place-items:center;padding:var(--space-7) var(--space-5);background-image:radial-gradient(circle,var(--grid-line) 1.2px,transparent 1.4px);background-size:16px 16px}.od-demo__bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;padding:12px 14px 12px 18px;border-top:1px solid var(--border-hairline);background:var(--surface-raised)}.od-demo__title{font:600 14px/1 var(--font-sans);color:var(--text-secondary);margin-right:auto}.od-demo__control{display:inline-flex;align-items:center;gap:10px;font-size:14px;color:var(--text-secondary)}.od-demo__control input[type=range]{accent-color:var(--accent);width:120px}.od-demo__control output{font:500 12.5px/1 var(--font-mono);color:var(--text-primary);min-width:3.5ch}.od-stepper{border-radius:var(--radius-panel);background:var(--surface-code);color:#d5daea;overflow:hidden;border:1px solid rgba(255,255,255,.06)}.od-stepper__view{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);min-height:220px}.od-stepper__code{margin:0;padding:18px 0;font:400 var(--text-code)/1.75 var(--font-mono);overflow-x:auto}.od-stepper__code span{display:block;padding:0 20px;transition:background-color var(--duration-base),color var(--duration-base);color:#8f97b5;white-space:pre}.od-stepper__code span.is-on{background:#ffd43b1f;color:#fff;box-shadow:inset 3px 0 0 var(--isaret-400)}.od-stepper__note{padding:20px 22px;border-left:1px solid rgba(255,255,255,.08);display:grid;align-content:start;gap:10px}.od-stepper__note h4{margin:0;font:600 17px/1.25 var(--font-sans);color:#fff}.od-stepper__note p{margin:0;font-size:15.5px;line-height:1.55;color:#aeb5cf;font-family:var(--font-sans)}.od-stepper__bar{display:flex;align-items:center;gap:8px;padding:10px 12px;border-top:1px solid rgba(255,255,255,.08)}.od-stepper__bar button{height:32px;padding:0 12px;border-radius:8px;border:1px solid rgba(255,255,255,.14);background:transparent;color:#d5daea;font:600 13px/1 var(--font-sans);cursor:pointer;display:inline-flex;align-items:center;gap:6px}.od-stepper__bar button:hover{background:#ffffff14}.od-stepper__bar button:disabled{opacity:.35;cursor:default}.od-stepper__ticks{display:flex;gap:4px;margin-left:auto}.od-stepper__ticks i{width:18px;height:4px;border-radius:2px;background:#ffffff24;transition:background-color var(--duration-base)}.od-stepper__ticks i.on{background:var(--isaret-400)}.od-stepper__count{font:500 12.5px/1 var(--font-mono);color:#8f97b5;margin-left:8px}@media (max-width: 760px){.od-stepper__view{grid-template-columns:1fr}.od-stepper__note{border-left:0;border-top:1px solid rgba(255,255,255,.08)}}.od-codetabs .od-codeblock__head{padding-left:6px}.od-codetabs__tabs{display:flex;gap:2px;height:100%;align-items:stretch}.od-codetabs__tab{position:relative;display:inline-flex;align-items:center;gap:8px;padding:0 12px;border:0;background:none;color:#8f97b5;font:500 12.5px/1 var(--font-mono);cursor:pointer}.od-codetabs__tab:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--lane);opacity:.5}.od-codetabs__tab[aria-selected=true]{color:#fff}.od-codetabs__tab[aria-selected=true]:before{opacity:1}.od-codetabs__tab[aria-selected=true]:after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;background:var(--lane)}.od-codetabs pre[hidden]{display:none}.od-sidenote{display:block;margin:.8em 0;padding:10px 14px;border-left:2px solid var(--signal);font-size:14.5px;line-height:1.55;color:var(--text-tertiary)}@media (min-width: 1240px){.od-prose{position:relative}.od-prose .od-sidenote{position:absolute;left:calc(100% + 40px);width:220px;margin:0;padding:0 0 0 12px;transform:translateY(-2.2em)}}.od-callout{position:relative;margin-top:14px}.od-callout .od-icon{position:absolute;top:-13px;left:16px;width:26px;height:26px;padding:4px;margin:0;border-radius:50%;background:var(--surface-page);border:1px solid currentColor}.od-callout{grid-template-columns:1fr;padding-top:22px}.od-callout--til{background:color-mix(in oklab,var(--lane-vue) 12%,var(--surface-card))}.od-callout--til .od-icon{color:var(--lane-vue)}.od-applause{display:inline-flex;align-items:center;gap:12px;height:48px;padding:0 18px 0 8px;border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--surface-card);color:var(--text-primary);font:600 15px/1 var(--font-sans);cursor:pointer;transition:transform var(--duration-base) var(--ease-spring),border-color var(--duration-base)}.od-applause:hover{border-color:var(--text-primary)}.od-applause:active{transform:scale(.94)}.od-applause__icon{position:relative;width:34px;height:34px}.od-applause__icon svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.od-applause__icon .fill{clip-path:inset(calc(100% - var(--f, 0) * 100%) 0 0 0);transition:clip-path var(--duration-slow) var(--ease-spring)}.od-applause.is-bump .od-applause__icon{animation:od-pop .42s var(--ease-out)}.od-applause__count{font:500 14px/1 var(--font-mono);color:var(--text-tertiary)}@media (max-width: 900px){.od-topbar__k{display:none}}.od-codeblock,.od-terminal,.od-stepper,.od-footer{--lane-next: #FFFFFF}.od-muted{color:var(--text-tertiary)}.od-bar{position:fixed;inset:0 0 auto;z-index:var(--z-nav);color:var(--text-primary);transition:background var(--duration-base),color var(--duration-base)}.od-bar__in{display:flex;align-items:center;gap:var(--space-5);height:64px}.od-bar.is-solid,.od-bar.is-menu{background:color-mix(in oklab,var(--surface-page) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 -1px 0 var(--border-hairline)}.od-bar__logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:inherit;font-weight:700;font-stretch:86%;font-size:20px;letter-spacing:-.02em}.od-bar__logo svg{width:28px;height:28px;flex:none}.od-bar__logo .tld{color:var(--text-tertiary);font-weight:500}.od-bar__nav{display:none;gap:var(--space-5);margin-left:auto;font-size:var(--text-small)}.od-bar__nav a{text-decoration:none;color:var(--text-secondary);padding-block:4px}.od-bar__nav a:hover,.od-bar__nav a[aria-current]{color:var(--text-primary)}.od-bar__nav a[aria-current]{box-shadow:inset 0 -2px 0 var(--isaret-400)}.od-bar__tools{display:flex;align-items:center;gap:8px;margin-left:auto}.od-seg{display:inline-flex;padding:3px;border-radius:var(--radius-pill);box-shadow:inset 0 0 0 1px var(--border-strong);font-size:12.5px;font-weight:600}.od-seg a,.od-seg button{padding:4px 10px;border:0;background:none;font:inherit;color:var(--text-secondary);border-radius:var(--radius-pill);text-decoration:none;cursor:pointer}.od-seg [aria-current],.od-seg [aria-pressed=true]{background:var(--text-primary);color:var(--surface-page)}.od-ibtn{display:inline-grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:none;color:inherit;cursor:pointer;box-shadow:inset 0 0 0 1px var(--border-strong)}.od-ibtn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.od-ibtn:hover{box-shadow:inset 0 0 0 1px var(--text-primary)}.od-bar__mode svg:last-child,[data-mode=dark] .od-bar__mode svg:first-child{display:none}[data-mode=dark] .od-bar__mode svg:last-child{display:block}.od-bar-menu{position:fixed;inset:64px 0 auto;padding:var(--space-5) 0 var(--space-7);background:var(--surface-page);box-shadow:0 30px 60px -30px #00000080}.od-bar-menu nav{display:grid;gap:4px}.od-bar-menu a{font-size:34px;font-weight:700;font-stretch:84%;letter-spacing:-.02em;text-decoration:none;color:var(--text-primary)}@media (min-width: 960px){.od-bar__nav{display:flex}.od-bar__tools{margin-left:var(--space-3)}.od-bar__menu{display:none}}@media (max-width: 480px){.od-seg--ver{display:none}.od-bar__in{gap:var(--space-3)}}.od-trunk{display:none}@media (min-width: 1100px){.od-trunk{--trunk-ink: var(--text-primary);--trunk-ghost: var(--rail-ghost);--trunk-halo: var(--surface-page);display:block;position:fixed;left:36px;top:96px;bottom:40px;width:2px;z-index:var(--z-rail);pointer-events:none}body[data-room=ozalit] .od-trunk{--trunk-ink: #fff;--trunk-ghost: rgba(255, 255, 255, .3);--trunk-halo: var(--ozalit-600)}html[data-mode=dark] body[data-room=ozalit] .od-trunk{--trunk-halo: #121A5C}body[data-room=gece] .od-trunk{--trunk-ink: var(--kagit-100);--trunk-ghost: rgba(255, 255, 255, .22);--trunk-halo: var(--gece)}.od-trunk:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(to bottom,var(--trunk-ghost) 0 3px,transparent 3px 8px)}.od-trunk__ink{position:absolute;inset:0 0 auto;height:calc(var(--page, 0) * 100%);background:var(--trunk-ink)}.od-trunk__head{position:absolute;left:50%;top:calc(var(--page, 0) * 100%);width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--isaret-400);box-shadow:0 0 0 3px var(--trunk-halo)}.od-trunk__node{position:absolute;left:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:var(--trunk-halo);box-shadow:inset 0 0 0 2px var(--trunk-ghost);transition:box-shadow var(--duration-base),transform var(--duration-base) var(--ease-spring)}.od-trunk__node.is-on{box-shadow:inset 0 0 0 4px var(--trunk-ink);transform:scale(1.25)}.od-trunk__node span{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:600;white-space:nowrap;color:var(--trunk-ink);opacity:0;transition:opacity var(--duration-base)}.od-trunk__node.is-here span{opacity:1}}.od-link--bold{color:var(--text-primary);font-weight:600;background-size:100% 1.5px}.od-link--bold:hover{background-size:40% 1.5px;background-position:0 100%}.od-lede{font-size:var(--text-lead);line-height:var(--lh-lead);color:var(--text-secondary);max-width:40ch;margin:var(--space-4) 0 0}.od-head{display:grid;gap:var(--space-4);margin-bottom:var(--space-9)}.od-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--lane);flex:none}.od-link--count{display:inline-flex;align-items:center;gap:10px;margin-top:var(--space-6)}.od-count{display:inline-grid;place-items:center;min-width:28px;height:22px;padding:0 7px;border-radius:var(--radius-pill);background:var(--text-primary);color:var(--surface-page);font-size:12.5px;font-weight:600;font-variant-numeric:tabular-nums}.od-paper{--paper: var(--kagit-0);--ink: var(--murekkep);--ink-2: var(--kagit-600);--ink-3: var(--kagit-500);--sheet-grid: rgba(52, 80, 238, .07);--crop: var(--kagit-300);--ln: var(--lane)}html[data-mode=dark] .od-paper{--paper: #16207A;--ink: #EEF1FF;--ink-2: var(--ozalit-100);--ink-3: var(--ozalit-200);--sheet-grid: rgba(255, 255, 255, .08);--crop: rgba(255, 255, 255, .3);--ln: color-mix(in oklab, var(--lane) 62%, #fff)}.od-drawing svg{width:100%;height:auto;overflow:visible}.od-drawing .ln{fill:none;stroke:var(--ln);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--d, 0))}.od-drawing .ink{fill:none;stroke:var(--ink);stroke-width:1;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--d, 0))}.od-drawing .dotted{stroke-dasharray:2 4;stroke-dashoffset:0;opacity:var(--d, 0)}.od-drawing .fillx{fill:color-mix(in oklab,var(--ln) 16%,transparent);stroke:none;opacity:var(--d, 0)}.od-drawing .cell{fill:none;stroke:var(--ink);stroke-opacity:.22;opacity:var(--d, 0)}.od-drawing .grid-in{fill:none;stroke:var(--ink);stroke-opacity:.08}.od-drawing .pin{fill:var(--ink);opacity:var(--d, 0)}.od-drawing text{font:500 11px var(--font-sans);fill:var(--ink-2);opacity:var(--d, 0)}.od-drawing .code{font:400 11px var(--font-mono);fill:var(--ink)}.od-drawing .code.on{fill:var(--ln);font-size:9.5px}.od-drawing .strong{fill:var(--ink);font-weight:600;font-size:12px}.od-shero{position:relative;height:330vh;--story-bootstrap: color-mix(in oklab, var(--lane-bootstrap) 55%, #fff);--story-mysql: color-mix(in oklab, var(--lane-mysql) 55%, #fff);--story-auto: color-mix(in oklab, var(--lane-auto) 60%, #fff);--story-python: color-mix(in oklab, var(--lane-python) 60%, #fff)}.od-shero__stage{position:sticky;top:0;height:100vh;min-height:560px;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;overflow:hidden;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:32px 32px}.od-shero__grid{display:grid;gap:var(--space-7);padding-top:64px}.od-shero__name{margin:0;font-size:var(--text-display-1);line-height:.86;font-weight:700;letter-spacing:var(--ls-display)}.od-shero__name span{display:block;font-stretch:calc(80% + var(--p, 0) * 12%);font-weight:calc(650 + var(--p, 0) * 130)}.od-shero__name span:last-child{padding-left:.42em}.od-shero__sub{margin:var(--space-5) 0 0;max-width:30ch;font-size:var(--text-lead);line-height:var(--lh-lead);color:var(--text-secondary)}.od-shero__cta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-5);margin-top:var(--space-6)}.od-shero .od-button--primary{background:var(--isaret-400);color:var(--murekkep)}.od-story{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);height:min(62vh,560px)}.od-story svg{height:100%;width:auto;overflow:visible}.od-story path{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--t, 0))}.od-story .ghost{stroke:#ffffff38;stroke-dasharray:.004 .012;stroke-dashoffset:0}.od-story .base{stroke:#fff}.od-story circle{transform-box:fill-box;transform-origin:center;transform:scale(var(--s, 0));transition:transform .42s var(--ease-spring)}.od-story__lines{position:relative;margin:0;padding:0;list-style:none}.od-story__lines li{position:absolute;left:var(--space-4);right:0;top:var(--y);transform:translateY(-50%);font-size:clamp(18px,1.9vw,26px);line-height:1.2;font-weight:500;letter-spacing:-.01em;opacity:0;clip-path:inset(0 100% 0 0);transition:clip-path .52s var(--ease-out),opacity .3s}.od-story__lines li.is-on{opacity:1;clip-path:inset(0 -10% 0 0)}.od-story__lines b{font-weight:700}.od-story__lines u{text-decoration:none;background:linear-gradient(var(--lane) 0 0) 0 100% / 100% 3px no-repeat;padding-bottom:1px}.od-story__lines .end{font-weight:700}.od-story__lines .end.is-on:after{content:"";display:inline-block;width:10px;height:10px;margin-left:10px;border-radius:50%;background:var(--isaret-400);vertical-align:.08em;animation:od-pulse 1.8s infinite;--lane: var(--isaret-400)}@media (min-width: 1000px){.od-shero__grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center}}@media (max-width: 999px){.od-shero{height:300vh}.od-shero__grid{gap:var(--space-6);padding-top:72px}.od-shero__name{font-size:clamp(56px,16vw,110px)}.od-story{height:44vh}.od-shero__sub{display:none}}.od-sheets{display:grid;gap:14vh;padding-bottom:8vh}.od-sheet{--stuck: 0;position:sticky;top:calc(84px + var(--i) * 18px);transform-origin:50% 0;transform:scale(calc(1 - var(--stuck) * .05));filter:brightness(calc(1 - var(--stuck) * .08))}.od-sheet__paper{position:relative;background:var(--paper);border-radius:var(--radius-panel);box-shadow:inset 0 0 0 1px var(--border-hairline),0 40px 70px -50px color-mix(in oklab,var(--lane) 70%,transparent);padding:14px;color:var(--ink)}.od-sheet__frame{position:relative;display:grid;border:1.5px solid var(--ink);border-radius:6px;overflow:hidden}.od-sheet__paper:before,.od-sheet__paper:after{content:"";position:absolute;width:14px;height:14px;border:solid var(--crop)}.od-sheet__paper:before{left:4px;top:4px;border-width:1px 0 0 1px}.od-sheet__paper:after{right:4px;bottom:4px;border-width:0 1px 1px 0}.od-sheet__draw{position:relative;padding:clamp(20px,3vw,44px);display:grid;place-items:center;height:clamp(220px,44vh,440px);background-image:linear-gradient(var(--sheet-grid) 1px,transparent 1px),linear-gradient(90deg,var(--sheet-grid) 1px,transparent 1px);background-size:24px 24px;background-position:-1px -1px}.od-sheet__draw svg{max-width:640px;max-height:100%}.od-sheet__foot{display:grid;border-top:1.5px solid var(--ink)}.od-sheet__note{padding:20px 22px;display:grid;align-content:space-between;gap:var(--space-5)}.od-sheet__note p{margin:0;max-width:46ch;font-size:var(--text-small);line-height:var(--lh-small);color:var(--ink-2)}.od-sheet__note .od-link{justify-self:start;color:var(--ink)}.od-antet{display:grid;grid-template-columns:1fr 1fr;font-size:13px;margin:0}.od-antet>div{padding:9px 14px;border-top:1px solid var(--ink);display:grid;gap:1px;align-content:start}.od-antet>.r{border-right:1px solid var(--ink)}.od-antet dt{color:var(--ink-3);font-size:12px}.od-antet dd{margin:0;font-weight:600;color:var(--ink)}.od-antet .od-antet__name{grid-column:1 / -1;border-top:0}.od-antet .od-antet__name dd{font-size:clamp(26px,3vw,40px);line-height:1;font-weight:700;font-stretch:84%;letter-spacing:-.025em;transition:font-stretch var(--duration-slow) var(--ease-spring)}.od-sheet:hover .od-antet__name dd{font-stretch:100%}.od-antet .stack{display:flex;flex-wrap:wrap;gap:4px 12px}.od-antet .stack span{display:inline-flex;align-items:center;gap:6px;font-weight:500}@media (max-width: 819px){.od-sheets{gap:var(--space-7);padding-bottom:0}.od-sheet{position:relative;top:0;transform:none;filter:none}.od-sheet__draw{height:210px;padding:16px}}@media (min-width: 820px){.od-sheet__foot{grid-template-columns:minmax(0,1fr) minmax(320px,420px)}.od-sheet__note{border-right:1.5px solid var(--ink)}}.od-register{margin-top:var(--space-9)}.od-register__title{margin:0 0 var(--space-4);font-size:var(--text-h3);font-weight:600;letter-spacing:var(--ls-heading)}.od-regs{list-style:none;margin:0;padding:0;border-top:1.5px solid var(--text-primary)}.od-reg{border-bottom:1px solid var(--border-hairline)}.od-reg a{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:4px var(--space-5);align-items:baseline;padding:16px 0;text-decoration:none;color:inherit;transition:padding var(--duration-base) var(--ease-out)}.od-reg a:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:2px;background:var(--lane);transform:scaleY(0);transition:transform var(--duration-base) var(--ease-out)}.od-reg a:hover,.od-reg a:focus-visible{padding-left:16px}.od-reg a:hover:before,.od-reg a:focus-visible:before{transform:scaleY(1)}.od-reg__year{font-size:var(--text-small);color:var(--text-tertiary);font-variant-numeric:tabular-nums}.od-reg__name{font-size:clamp(20px,2vw,26px);font-weight:650;font-stretch:86%;letter-spacing:-.015em;line-height:1.15;transition:font-stretch var(--duration-slow) var(--ease-spring)}.od-reg a:hover .od-reg__name{font-stretch:100%}.od-reg__work{grid-column:2;font-size:var(--text-small);color:var(--text-secondary)}.od-reg__stack{grid-column:3;grid-row:1 / span 2;display:flex;gap:6px;align-self:center}.od-reg__stack>span{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.od-reg__stack>span>span{display:none}@media (min-width: 900px){.od-reg a{grid-template-columns:64px minmax(0,1.2fr) minmax(0,1fr) minmax(0,1.1fr);align-items:center}.od-reg__work{grid-column:auto}.od-reg__stack{grid-column:auto;grid-row:auto;flex-wrap:wrap;gap:4px 14px}.od-reg__stack>span>span{display:inline}}.od-branches{position:relative;height:320vh}.od-branches__stage{position:sticky;top:0;height:100vh;min-height:600px;display:grid;grid-template-columns:minmax(0,1fr);align-content:center;overflow:hidden}.od-branches__top{display:grid;gap:var(--space-4);align-items:end}.od-branches__year{font-size:clamp(64px,11vw,150px);line-height:.8;font-weight:700;font-stretch:78%;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.od-branches__say{min-height:3.2em;max-width:44ch;font-size:var(--text-lead);line-height:var(--lh-lead);color:var(--text-secondary);margin:var(--space-3) 0 0}.od-branches__say b{color:var(--text-primary);font-weight:600}.od-branches__vp{overflow:hidden;margin-top:var(--space-6)}.od-branches svg{width:100%;height:auto;overflow:visible}.od-branches .row-label{font:600 13px var(--font-sans);fill:var(--text-primary)}.od-branches .row-count,.od-branches .tick{font:500 12px var(--font-sans);fill:var(--text-tertiary)}.od-branches .rule{stroke:var(--border-hairline)}.od-branches .lane-ghost{stroke:var(--border-hairline);stroke-dasharray:2 6}.od-branches .br{fill:none;stroke-width:2.4;stroke-linecap:round}.od-branches .tr{fill:none;stroke:var(--kagit-100);stroke-width:3.5;stroke-linecap:round}.od-branches .trunk-dot{fill:var(--kagit-100)}.od-branches .commit{fill:var(--surface-page);stroke-width:2}.od-branches .mg{transform-box:fill-box;transform-origin:center;transition:transform .38s var(--ease-spring)}.od-branches .mg:not(.is-on){transform:scale(0)}.od-branches .cursor{stroke:var(--isaret-400);stroke-width:1.5}.od-branches .cursor-dot{fill:var(--isaret-400)}@media (min-width: 900px){.od-branches__top{grid-template-columns:auto minmax(0,1fr);gap:var(--space-8)}}@media (max-width: 699px){.od-branches{height:360vh}.od-branches svg{width:900px;max-width:none;will-change:transform}.od-branches__say{min-height:4.4em;font-size:17px}}.od-areas{display:grid;gap:var(--space-8)}.od-areas__stage{display:none}.od-area{display:grid;gap:var(--space-4);padding-block:var(--space-6);border-top:1px solid var(--border-hairline)}.od-area__mini{--d: 1;max-width:420px;padding:14px;border-radius:var(--radius-control);background:var(--paper);box-shadow:inset 0 0 0 1px var(--border-hairline);background-image:linear-gradient(var(--sheet-grid) 1px,transparent 1px),linear-gradient(90deg,var(--sheet-grid) 1px,transparent 1px);background-size:16px 16px}.od-area__name{margin:0;font-size:var(--text-h2);line-height:var(--lh-h2);font-weight:700;font-stretch:86%;letter-spacing:var(--ls-heading)}.od-area__name:before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--lane);margin-right:12px;vertical-align:.15em}.od-area__text{margin:0;max-width:46ch;font-size:var(--text-lead);line-height:var(--lh-lead)}.od-area__meta{display:grid;gap:var(--space-3);margin:var(--space-2) 0 0;font-size:var(--text-small)}.od-area__meta>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:var(--space-4)}.od-area__meta dt{color:var(--text-tertiary)}.od-area__meta dd{margin:0;display:flex;flex-wrap:wrap;gap:4px 16px;color:var(--text-secondary)}.od-area__meta a{color:var(--text-primary);font-weight:600;text-decoration:none;box-shadow:inset 0 -1.5px 0 var(--lane)}@media (min-width: 1000px){.od-areas{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-9)}.od-areas__stage{display:grid;gap:var(--space-5);align-content:start;position:sticky;top:108px;align-self:start;--d: 0}.od-areas__stage.is-in{--d: 1;transition:--d 1.1s var(--ease-out)}.od-areas__sheet{padding:12px;border-radius:var(--radius-panel);background:var(--paper);box-shadow:inset 0 0 0 1px var(--border-hairline),0 40px 70px -50px color-mix(in oklab,var(--lane) 70%,transparent)}.od-areas__draw{padding:28px;border:1.5px solid var(--ink);border-radius:6px;background-image:linear-gradient(var(--sheet-grid) 1px,transparent 1px),linear-gradient(90deg,var(--sheet-grid) 1px,transparent 1px);background-size:24px 24px}.od-areas__name{margin:0;font-size:var(--text-display-3);line-height:1;font-weight:700;font-stretch:84%;letter-spacing:var(--ls-display);clip-path:inset(0 100% 0 0)}.od-areas__stage.is-in .od-areas__name{clip-path:inset(0 -5% 0 0);transition:clip-path .7s var(--ease-out)}.od-areas__ticks{display:flex;gap:6px}.od-areas__ticks i{width:28px;height:4px;border-radius:2px;background:var(--border-strong);transition:background var(--duration-base),width var(--duration-base) var(--ease-out)}.od-areas__ticks i.is-on{width:56px;background:var(--lane)}.od-area{min-height:62vh;align-content:center;border-top:0;opacity:.3;transition:opacity var(--duration-slow)}.od-area.is-active{opacity:1}.od-area__mini{display:none}.od-area__name{font-size:var(--text-h3)}}.od-biodiff{border-radius:var(--radius-panel);background:var(--surface-card);box-shadow:inset 0 0 0 1px var(--border-hairline);overflow:hidden;max-width:900px}.od-biodiff__head{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:baseline;padding:14px 20px;border-bottom:1px solid var(--border-hairline);font-size:var(--text-small);color:var(--text-secondary)}.od-biodiff__head .od-mono{color:var(--text-primary)}.od-biodiff__head .add{color:var(--ok);font-weight:600}.od-biodiff__head .del{color:var(--bad);font-weight:600}.od-biodiff ol{list-style:none;margin:0;padding:10px 0}.od-dl{display:grid;grid-template-columns:40px minmax(0,1fr);font-size:clamp(17px,1.6vw,21px);line-height:1.5}.od-dl:before{content:attr(data-n);padding:6px 12px 0 0;text-align:right;font:12px/2.2 var(--font-mono);color:var(--text-tertiary)}.od-dl p{margin:0;padding:6px 22px 6px 14px;border-left:3px solid transparent}.od-dl--ctx p{color:var(--text-secondary)}.od-dl--del p{position:relative;color:var(--text-tertiary);border-left-color:color-mix(in oklab,var(--bad) calc(var(--x, 0) * 100%),transparent);background:color-mix(in oklab,var(--bad) calc(var(--x, 0) * 8%),transparent)}.od-dl--del p:after{content:"";position:absolute;left:14px;right:22px;top:50%;height:2px;background:var(--bad);transform-origin:left;transform:scaleX(var(--x, 0))}.od-dl--del{transition:opacity var(--duration-slow)}.od-dl--del.is-gone{opacity:.5}.od-dl--add{grid-template-rows:0fr;transition:grid-template-rows .62s var(--ease-out)}.od-dl--add>*{min-height:0;overflow:hidden}.od-dl--add.is-on{grid-template-rows:1fr}.od-dl--add p{color:var(--text-primary);font-weight:500;border-left-color:var(--ok);background:color-mix(in oklab,var(--ok) 8%,transparent);clip-path:inset(0 100% 0 0);transition:clip-path .7s .12s var(--ease-out)}.od-dl--add.is-on p{clip-path:inset(0 0 0 0)}.od-dl .hl{font-weight:inherit;color:var(--murekkep);background:linear-gradient(var(--isaret-300) 0 0) 0 88% / 100% .5em no-repeat}html[data-mode=dark] .od-dl .hl{color:inherit;background-image:linear-gradient(#ffd43b61 0,#ffd43b61 0)}.od-plist{list-style:none;margin:0;padding:0;border-top:1px solid var(--border-hairline)}.od-pl{--near: 0;border-bottom:1px solid var(--border-hairline)}.od-pl a{display:grid;gap:6px var(--space-6);padding:var(--space-5) 0;text-decoration:none;color:inherit}.od-pl time{font-size:var(--text-small);color:var(--text-tertiary);font-variant-numeric:tabular-nums;padding-top:.5em}.od-pl h3{margin:0;font-size:clamp(26px,3.6vw,52px);line-height:1.02;letter-spacing:-.025em;font-stretch:calc(78% + var(--near) * 22%);font-weight:calc(500 + var(--near) * 250);color:color-mix(in oklab,var(--text-primary) calc(35% + var(--near) * 65%),var(--surface-page))}.od-pl__more{display:grid;grid-template-rows:0fr;transition:grid-template-rows .48s var(--ease-out)}.od-pl.is-open .od-pl__more{grid-template-rows:1fr}.od-pl__more>div{overflow:hidden;min-height:0}.od-pl__more p{margin:var(--space-3) 0 0;max-width:60ch;color:var(--text-secondary);font-size:var(--text-small)}.od-pl__meta{display:inline-flex;align-items:center;gap:8px;margin-top:10px;font-size:13px;color:var(--text-tertiary)}.od-pl a:focus-visible h3{--near: 1}@media (min-width: 900px){.od-pl a{grid-template-columns:130px minmax(0,1fr)}}.od-cc{padding-block:var(--section-y)}.od-cc__grid{display:grid;gap:var(--space-8)}.od-cc__title{margin:0;font-size:var(--text-display-2);line-height:var(--lh-display-2);font-weight:700;font-stretch:86%;letter-spacing:var(--ls-display);max-width:11ch}.od-cc__lede{margin:var(--space-5) 0 0;max-width:40ch;font-size:var(--text-lead);line-height:var(--lh-lead);color:var(--text-secondary)}.od-cc__now{margin:var(--space-7) 0 0;padding-top:var(--space-5);border-top:1px solid var(--border-hairline);max-width:44ch;color:var(--text-secondary)}.od-cc__now b{color:var(--text-primary);font-weight:600}.od-cc__mail{display:inline-flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:var(--space-5);font-size:var(--text-h4);font-weight:600}.od-cc__mail button{font:600 13px var(--font-sans);color:var(--murekkep);background:var(--isaret-400);border:0;border-radius:var(--radius-pill);padding:5px 12px;cursor:pointer}.od-commit{position:relative;display:grid;gap:var(--space-5);padding:clamp(20px,3vw,32px);border-radius:var(--radius-media);background:var(--surface-card);box-shadow:inset 0 0 0 1px var(--border-hairline)}.od-commit__graph{display:flex;align-items:center;gap:12px;min-height:46px;font-size:var(--text-small);color:var(--text-secondary)}.od-commit__graph svg{flex:none;width:64px;height:46px;overflow:visible;color:#fff}.od-commit__graph .br{fill:none;stroke:var(--isaret-400);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:4 5;transition:stroke-dasharray .4s}.od-commit.is-sent .od-commit__graph .br{stroke-dasharray:0}.od-commit__branch{color:var(--text-primary);font-weight:600;overflow-wrap:anywhere}.od-commit__branch:empty:before{content:attr(data-empty);color:var(--text-tertiary);font-weight:500}.od-cf{display:grid;gap:8px}.od-cf label{font-size:var(--text-small);font-weight:600;display:flex;justify-content:space-between;gap:12px}.od-cf__count{font-weight:500;color:var(--text-tertiary);font-variant-numeric:tabular-nums}.od-cf__count.is-over{color:var(--isaret-400)}.od-cf input,.od-cf textarea{width:100%;font:400 17px/1.45 var(--font-sans);color:var(--text-primary);background:var(--surface-sunken);border:0;border-radius:var(--radius-control);padding:12px 14px;box-shadow:inset 0 0 0 1px var(--border-hairline);transition:box-shadow var(--duration-fast)}.od-cf input::-moz-placeholder,.od-cf textarea::-moz-placeholder{color:var(--text-tertiary)}.od-cf input::placeholder,.od-cf textarea::placeholder{color:var(--text-tertiary)}.od-cf input:focus,.od-cf textarea:focus{outline:0;box-shadow:inset 0 0 0 2px var(--focus-ring)}.od-cf textarea{min-height:120px;resize:vertical}.od-cf .err{font-size:var(--text-small);color:var(--isaret-300)}.od-cf.has-err input{box-shadow:inset 0 0 0 2px var(--isaret-400)}.od-cf-row{display:grid;gap:var(--space-5)}.od-commit__send{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-5)}.od-commit .od-button--primary{background:var(--isaret-400);color:var(--murekkep)}.od-commit__ok{font-size:var(--text-small)}@media (min-width: 700px){.od-cf-row{grid-template-columns:1fr 1fr}}@media (min-width: 1000px){.od-cc__grid{grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:var(--space-9);align-items:start}}html[data-mode=dark] .od-footer{box-shadow:inset 0 1px 0 var(--border-hairline)}.od-pagehead{padding:calc(64px + var(--space-9)) 0 var(--space-7)}.od-pagehead h1{margin:0;font-size:var(--text-display-2);line-height:var(--lh-display-2);font-weight:700;font-stretch:84%;letter-spacing:var(--ls-display)}.od-pagehead h1 .od-count{vertical-align:super;font-size:15px;height:26px;min-width:34px;margin-left:8px;letter-spacing:0}.od-filters{display:grid;gap:var(--space-3);padding:var(--space-4) 0 var(--space-5);border-bottom:1px solid var(--border-hairline)}.od-filters__row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.od-filters__label{width:64px;font-size:13px;color:var(--text-tertiary);flex:none}.od-fchip{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 13px;border:0;border-radius:var(--radius-pill);background:none;color:var(--text-secondary);font:500 14px var(--font-sans);cursor:pointer;box-shadow:inset 0 0 0 1px var(--border-hairline);transition:box-shadow var(--duration-fast),background var(--duration-fast)}.od-fchip:hover{box-shadow:inset 0 0 0 1px var(--border-strong);color:var(--text-primary)}.od-fchip[aria-pressed=true]{background:var(--text-primary);color:var(--surface-page);box-shadow:none}.od-fchip[aria-pressed=true] .od-dot{box-shadow:0 0 0 2px var(--surface-page)}.od-fchip:disabled{opacity:.38;cursor:default;box-shadow:inset 0 0 0 1px var(--border-hairline);color:var(--text-secondary)}.od-fchip .n{font-size:12px;opacity:.6;font-variant-numeric:tabular-nums}.od-search{position:relative;flex:1 1 220px;max-width:340px}.od-search input{width:100%;height:38px;padding:0 14px 0 36px;border:0;border-radius:var(--radius-pill);background:var(--surface-card);color:var(--text-primary);font:400 15px var(--font-sans);box-shadow:inset 0 0 0 1px var(--border-hairline)}.od-search input:focus{outline:0;box-shadow:inset 0 0 0 2px var(--focus-ring)}.od-search svg{position:absolute;left:12px;top:11px;width:16px;height:16px;fill:none;stroke:var(--text-tertiary);stroke-width:2;stroke-linecap:round}.od-yeargroup{display:grid;gap:var(--space-4);padding-top:var(--space-7)}.od-yeargroup__y{margin:0;font-size:clamp(40px,5vw,64px);line-height:1;font-weight:700;font-stretch:78%;letter-spacing:-.03em;color:var(--text-tertiary);font-variant-numeric:tabular-nums}@media (min-width: 1000px){.od-yeargroup{grid-template-columns:140px minmax(0,1fr);align-items:start}.od-yeargroup__y{position:sticky;top:96px}}.od-empty{padding:var(--space-9) 0;display:grid;gap:var(--space-4);justify-items:start;color:var(--text-secondary);font-size:var(--text-lead)}.od-msheets{display:grid;gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.od-msheet{display:grid;text-decoration:none;color:var(--ink);background:var(--paper);border-radius:var(--radius-panel);padding:10px;box-shadow:inset 0 0 0 1px var(--border-hairline);transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base);--d: 1}.od-msheet:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px var(--border-hairline),0 30px 50px -30px color-mix(in oklab,var(--lane) 75%,transparent)}.od-msheet__in{border:1.5px solid var(--ink);border-radius:5px;overflow:hidden}.od-msheet__draw{padding:14px 18px 10px;background-image:linear-gradient(var(--sheet-grid) 1px,transparent 1px),linear-gradient(90deg,var(--sheet-grid) 1px,transparent 1px);background-size:16px 16px}.od-msheet__foot{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;padding:10px 12px;border-top:1.5px solid var(--ink);font-size:13px}.od-msheet__name{font-size:19px;font-weight:700;font-stretch:86%;letter-spacing:-.015em;line-height:1.15;transition:font-stretch var(--duration-slow) var(--ease-spring)}.od-msheet:hover .od-msheet__name{font-stretch:100%}.od-msheet__year{color:var(--ink-3);font-variant-numeric:tabular-nums}.od-msheet__work{color:var(--ink-2)}.od-msheet__stack{display:flex;gap:5px;align-items:center}.od-pl--archive h3{font-size:clamp(22px,2.6vw,36px)}.od-random{margin-top:var(--space-8)}.od-title-sm{font-size:var(--text-h1);line-height:var(--lh-h1)}a.od-fchip{text-decoration:none}.od-fchip[aria-disabled=true]{opacity:.38;pointer-events:none}.od-shero.is-static,.od-branches.is-static{height:auto}.od-shero.is-static .od-shero__stage,.od-branches.is-static .od-branches__stage{position:relative;height:auto;min-height:0;padding-block:120px 96px}.od-sheets.is-static .od-sheet{position:relative;top:0;transform:none;filter:none}.od-areas.is-static .od-area:not(.is-active){opacity:.3}@media (prefers-reduced-motion: reduce){.od-shero,.od-branches{height:auto}.od-shero__stage,.od-branches__stage{position:relative;height:auto;min-height:0;padding-block:120px 80px}.od-sheet{position:relative;top:0;transform:none;filter:none}.od-areas__stage{--d: 1 !important}}.od-kin{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;overflow:hidden;color:var(--text-primary);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.od-kin__bg{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--surface-page);background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:32px 32px}.od-kin__w{position:absolute;left:0;top:0;white-space:nowrap;font-family:var(--font-sans);font-stretch:86%;line-height:1;letter-spacing:-.02em;opacity:0;will-change:transform,opacity}.od-kin__m{font-family:var(--font-mono);font-stretch:100%;letter-spacing:0;color:var(--text-tertiary)}.od-kin__name{position:absolute;left:0;top:0;white-space:nowrap;font-family:var(--font-sans);font-stretch:80%;line-height:normal;letter-spacing:var(--ls-display)}.od-kin__name i,.od-kin>i{display:inline-block;font-style:normal;opacity:0;will-change:transform,opacity}.od-kin>i{position:absolute;left:0;top:0;font-family:var(--font-sans);font-stretch:80%;line-height:normal;letter-spacing:var(--ls-display)}.od-kin__dot{display:inline-block;width:.17em;height:.17em;margin-left:.05em;border-radius:50%;background:var(--isaret-400);transform:scale(0)}.od-kin>.od-kin__dot{position:absolute;left:0;top:0;margin:0}.od-kin__skip{position:absolute;right:var(--gutter);bottom:22px;padding:6px 10px;border:0;border-radius:var(--radius-pill);background:none;color:var(--text-tertiary);font:500 12.5px/1 var(--font-mono);cursor:pointer}.od-kin__skip:hover{color:var(--text-primary)}html.od-kin-on{overflow:hidden}html.od-kin-on .od-shero__name,html.od-kin-on .od-story circle{opacity:0}html.od-kin-on .od-shero__sub,html.od-kin-on .od-shero__cta,html.od-kin-on .od-story{opacity:0;transform:translateY(16px)}html.od-kin-on .od-bar,html.od-kin-on .od-trunk{opacity:0}html.od-kin-land .od-shero__sub,html.od-kin-land .od-shero__cta,html.od-kin-land .od-story,html.od-kin-land .od-bar,html.od-kin-land .od-trunk{opacity:1;transform:none;transition:opacity .7s var(--ease-out),transform .8s var(--ease-out)}html.od-kin-land .od-shero__cta{transition-delay:90ms}html.od-kin-land .od-story{transition-delay:.16s}.od-kin-replay{position:fixed;left:16px;bottom:16px;z-index:999;padding:8px 14px;border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--surface-card);color:var(--text-primary);font:500 13px/1 var(--font-mono);cursor:pointer}@media (max-width: 999px){.od-shero__grid{min-height:100vh;align-content:center}.od-shero__name{font-size:clamp(56px,13.5vw,132px)}.od-shero__name span{display:inline}.od-shero__name span:last-child{padding-left:.24em}}[data-od-yearpanel]{display:none!important}.od-sheet__draw{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);overflow:hidden}.od-sheet__draw svg{width:auto;height:100%;max-width:min(640px,100%);max-height:none}[data-pill-article] .od-prose .od-sidenote{position:static;width:auto;transform:none;margin:.8em 0;padding:10px 14px}@media (max-width: 899px){.od-pill{display:none!important}}html.od-kin-lock,html.od-kin-lock body{overflow:hidden!important;overscroll-behavior:none;touch-action:none}.od-bar-menu{top:64px;right:0;bottom:0;left:0;display:grid;align-content:space-between;overflow-y:auto;padding:var(--space-6) 0 var(--space-7);counter-reset:odm}.od-bar-menu:not([hidden]){animation:od-menu-in .52s var(--ease-out) both}.od-bar-menu nav{gap:0}.od-bar-menu a{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:baseline;gap:var(--space-3);padding:14px 0;border-bottom:1px solid var(--border-hairline);font-size:clamp(34px,9vw,52px);line-height:1;counter-increment:odm;transition:font-stretch .42s var(--ease-spring),padding-left .32s var(--ease-out),color .2s}.od-bar-menu a:before{content:counter(odm,decimal-leading-zero);font:400 13px/1 var(--font-mono);letter-spacing:0;color:var(--text-tertiary);transform:translateY(-.9em)}.od-bar-menu a:after{content:"";justify-self:end;align-self:center;width:10px;height:10px;border-radius:50%;background:var(--isaret-400);transform:scale(0);transition:transform .32s var(--ease-spring)}.od-bar-menu a:hover,.od-bar-menu a:focus-visible,.od-bar-menu a:active{font-stretch:100%;padding-left:8px}.od-bar-menu a:hover:after,.od-bar-menu a:focus-visible:after,.od-bar-menu a:active:after{transform:scale(1)}.od-bar-menu:not([hidden]) a{animation:od-menu-link .62s var(--ease-out) both}.od-bar-menu:not([hidden]) a:nth-child(1){animation-delay:60ms}.od-bar-menu:not([hidden]) a:nth-child(2){animation-delay:.11s}.od-bar-menu:not([hidden]) a:nth-child(3){animation-delay:.16s}.od-bar-menu:not([hidden]) a:nth-child(4){animation-delay:.21s}.od-bar-menu:not([hidden]) a:nth-child(5){animation-delay:.26s}.od-bar-menu:not([hidden]) a:nth-child(6){animation-delay:.31s}.od-bar-menu__note{display:block;width:min(100% - 2 * var(--gutter),var(--container));margin:var(--space-8) auto 0;font:400 13px/1.4 var(--font-mono);color:var(--text-tertiary)}.od-bar-menu:not([hidden]) .od-bar-menu__note{animation:od-menu-link .62s .36s var(--ease-out) both}@keyframes od-menu-in{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}@keyframes od-menu-link{0%{opacity:0;transform:translateY(28px);font-stretch:75%}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.od-bar-menu:not([hidden]),.od-bar-menu:not([hidden]) a,.od-bar-menu:not([hidden]) .od-bar-menu__note{animation:none}}@media (min-width: 1100px){[data-od-years]{grid-template-columns:minmax(260px,2fr) minmax(0,3fr)!important}[data-od-yearpanel]{display:grid!important}}.od-pline{position:fixed;left:0;top:0;bottom:0;width:64px;z-index:30;pointer-events:none;background:transparent;opacity:0;transition:opacity .48s var(--ease-out)}.od-pline.is-on{opacity:1}.od-pline__ghost{position:absolute;left:31px;top:0;bottom:0;width:2px;background:repeating-linear-gradient(to bottom,var(--rail-ghost) 0 3px,transparent 3px 8px)}.od-pline__ink{position:absolute;left:31px;top:0;width:2px;height:0;background:var(--text-primary)}.od-pline__node{position:absolute;left:26px;width:12px;height:2px;margin-top:-1px;background:var(--rail-ghost);transition:width .24s var(--ease-out),left .24s var(--ease-out)}.od-pline__node.is-done{background:var(--text-secondary)}.od-pline__node.is-on{left:22px;width:20px;background:var(--text-primary)}.od-pline__head{position:absolute;left:32px;top:0;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--isaret-400);box-shadow:0 0 0 4px color-mix(in oklab,var(--isaret-400) 26%,transparent)}.od-pline__label{position:absolute;left:40px;top:0;margin-top:14px;writing-mode:vertical-rl;font-size:12px;line-height:1;font-weight:600;letter-spacing:.01em;white-space:nowrap;color:var(--text-primary);transition:opacity .24s}.od-bar{transition:transform .32s var(--ease-out),background var(--duration-base),color var(--duration-base)}.od-bar[data-od-hide=true]{transform:translateY(-110%)}.od-bar.is-menu{-webkit-backdrop-filter:none;backdrop-filter:none;transform:none;background:var(--surface-page)}html:has(.od-bar.is-menu){overflow:hidden}::view-transition-old(root){animation:none}.od-bar{view-transition-name:od-bar}::view-transition-group(od-bar){animation-duration:.36s}.od-bar .od-seg a[aria-current]{view-transition-name:od-lang}::view-transition-group(od-lang){animation-duration:.46s;animation-timing-function:var(--ease-out)}html:active-view-transition-type(od-lang)::view-transition-old(root){animation:.32s ease both od-vt-out}html:active-view-transition-type(od-lang)::view-transition-new(root){animation:.32s ease both od-vt-in}@keyframes od-vt-out{to{opacity:0}}@keyframes od-vt-in{0%{opacity:0}}.od-yearpanel{max-width:440px;position:sticky;top:112px;gap:var(--space-4)}.od-yearpanel__year{line-height:.86;font-variant-numeric:tabular-nums;color:var(--text-primary)}.od-yearpanel__kind{display:flex;align-items:center;gap:var(--space-3)}.od-yearpanel__kind i{width:10px;height:10px;border-radius:50%;background:var(--isaret-400);flex:none}.od-yearpanel__kind b{font-size:18px;font-weight:600;color:var(--text-primary)}.od-yearpanel__ticks{display:flex;gap:4px}.od-yearpanel__ticks i{flex:1 1 0;height:4px;border-radius:2px;background:var(--rail-ghost);transition:background .24s var(--ease-out)}.od-yearpanel__ticks i.is-done{background:var(--text-primary)}.od-yearpanel__ticks i.is-on{background:var(--isaret-400)}#yillar .od-log__item{transition:opacity .24s var(--ease-out)}.od-yeargroup[hidden],[data-od-item][hidden]{display:none!important}.od-brand__img{display:block;height:28px;width:auto;max-width:180px;-o-object-fit:contain;object-fit:contain}.od-logotype--sm .od-brand__img{height:30px}.od-brand__img--dark,[data-mode=dark] .od-brand__img--light,[data-theme=gece] .od-brand__img--light{display:none}[data-mode=dark] .od-brand__img--dark,[data-theme=gece] .od-brand__img--dark{display:block}@media (min-width: 861px){.od-footer__cols:has(>:nth-child(5)){grid-template-columns:1.4fr repeat(4,1fr)}}.od-footer__cols li{color:var(--text-secondary);font-size:16px}.od-footer__legal{display:inline-flex;flex-wrap:wrap;gap:8px 20px}.od-footer__legal a{color:inherit;text-decoration:none}.od-footer__legal a:hover{color:var(--text-primary)}.od-cc__reach{list-style:none;margin:var(--space-5) 0 0;padding:0;display:grid;gap:8px;font-size:16px}.od-cc__reach li{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline}.od-cc__reach span{font-family:var(--font-mono);font-size:13px;opacity:.72;min-width:12ch}.od-cc__reach a{color:inherit}.od-cc__map{display:block;width:100%;max-width:520px;aspect-ratio:16 / 9;margin-top:var(--space-5);border:0;border-radius:12px}.od-page{max-width:72ch}.od-page__gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-block:var(--space-5)}.od-page__gallery img{width:100%;height:auto;border-radius:8px;display:block}.od-page iframe{max-width:100%}[data-pill-article] .od-prose>[style*=contents]+[style*=contents]>*{margin-top:1.1em}[data-pill-article] .od-prose>[style*=contents]+[style*=contents]>.od-prose>h2:first-child{margin-top:2em}[data-pill-article] .od-prose>[style*=contents]+[style*=contents]>.od-prose>h3:first-child{margin-top:1.6em}[data-pill-article]{padding-bottom:var(--section-y)}.od-cc__phone{display:flex;margin-top:10px}.od-cc__phone a{color:inherit;text-decoration:none}.od-cc__phone a:hover{text-decoration:underline;text-underline-offset:4px}.od-prose>*+p{margin-top:1.1em}.od-rss__feed{margin:var(--space-6) 0 0;max-width:760px}.od-rss__note{margin:var(--space-4) 0 0;color:var(--text-secondary);font-size:var(--text-small)}.od-rss__h{margin:var(--space-8) 0 var(--space-4);font-size:var(--text-h4)}