@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap";pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#005cc5}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-comment,.hljs-code,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}:root[data-theme=dark] .hljs{color:#c9d1d9;background:transparent}:root[data-theme=dark] .hljs-comment,:root[data-theme=dark] .hljs-quote{color:#8b949e}:root[data-theme=dark] .hljs-keyword,:root[data-theme=dark] .hljs-selector-tag,:root[data-theme=dark] .hljs-literal,:root[data-theme=dark] .hljs-type{color:#ff7b72}:root[data-theme=dark] .hljs-string,:root[data-theme=dark] .hljs-attr,:root[data-theme=dark] .hljs-template-tag,:root[data-theme=dark] .hljs-template-variable{color:#a5d6ff}:root[data-theme=dark] .hljs-number,:root[data-theme=dark] .hljs-symbol{color:#79c0ff}:root[data-theme=dark] .hljs-title,:root[data-theme=dark] .hljs-title.function_,:root[data-theme=dark] .hljs-title.class_{color:#d2a8ff}:root[data-theme=dark] .hljs-variable,:root[data-theme=dark] .hljs-name,:root[data-theme=dark] .hljs-built_in{color:#ffa657}:root[data-theme=dark] .hljs-deletion{color:#ffa198;background:#f8514926}:root[data-theme=dark] .hljs-addition{color:#7ee787;background:#2ea04326}*,*:before,*:after{box-sizing:border-box}:root{--line-width: 6px;--line-color: #0369a1;--text-color: #1e4d6e;--text-color-light: #f0f9ff;--background-color: #0891b2;--breakpoint: 768px;--menu-width: min(300px, 82vw);--menu-handle-width: 64px;--menu-motion-duration: .48s;--menu-motion-easing: cubic-bezier(.22, 1, .36, 1);--hero-copy: #1e4d6e;--page-content-bg: #f0f9ff;--menu-bg-from: #e0f2fe;--menu-bg-to: #bae6fd;--menu-panel-bg: rgba(255, 255, 255, .45);--menu-panel-border: rgba(3, 105, 161, .12);--menu-text: #0c4a6e;--menu-text-hover: #0369a1;--menu-hover-bg: rgba(14, 116, 144, .08);--menu-track-bg: rgba(3, 105, 161, .08);--menu-track-hover-bg: rgba(3, 105, 161, .12);--surface-bg-gradient-radial: rgba(14, 165, 233, .16);--surface-bg-top: #f0f9ff;--surface-bg-bottom: #e0f2fe;--surface-text-primary: #0f172a;--surface-text-secondary: #1e3a53;--surface-text-tertiary: #35556f;--surface-text-muted: #0c4a6e;--surface-accent: #0369a1;--surface-accent-strong: #075985;--surface-accent-soft: #0ea5e9;--surface-button-text: #f0f9ff;--surface-card-bg: rgba(255, 255, 255, .82);--surface-card-bg-strong: rgba(255, 255, 255, .88);--surface-card-border: rgba(3, 105, 161, .1);--surface-card-border-strong: rgba(3, 105, 161, .2);--surface-card-shadow: rgba(12, 74, 110, .08);--surface-card-shadow-strong: rgba(12, 74, 110, .12);--surface-chip-bg: rgba(224, 242, 254, .9);--surface-chip-bg-soft: rgba(224, 242, 254, .75);--surface-chip-border: rgba(3, 105, 161, .14);--surface-code-bg: #f8fafc;--surface-code-border: rgba(148, 163, 184, .28);--surface-inline-code-bg: rgba(14, 165, 233, .1);--surface-preview-bg: #fef3c7;--surface-preview-border: #d97706;--surface-preview-text: #78350f}:root[data-theme=dark]{--background-color: #082f49;--hero-copy: #e0f2fe;--page-content-bg: #0b1220;--menu-bg-from: #0f172a;--menu-bg-to: #0b1220;--menu-panel-bg: rgba(15, 23, 42, .55);--menu-panel-border: rgba(148, 163, 184, .18);--menu-text: #e2e8f0;--menu-hover-bg: rgba(56, 189, 248, .14);--menu-track-bg: rgba(148, 163, 184, .12);--menu-track-hover-bg: rgba(125, 211, 252, .16);--surface-bg-gradient-radial: rgba(56, 189, 248, .1);--surface-bg-top: #0b1220;--surface-bg-bottom: #0f172a;--surface-text-primary: #f1f5f9;--surface-text-secondary: #cbd5e1;--surface-text-tertiary: #94a3b8;--surface-text-muted: #bae6fd;--surface-card-bg: rgba(30, 41, 59, .72);--surface-card-bg-strong: rgba(30, 41, 59, .85);--surface-card-border: rgba(148, 163, 184, .16);--surface-card-border-strong: rgba(148, 163, 184, .28);--surface-card-shadow: rgba(0, 0, 0, .35);--surface-card-shadow-strong: rgba(0, 0, 0, .45);--surface-chip-bg: rgba(51, 65, 85, .7);--surface-chip-bg-soft: rgba(51, 65, 85, .5);--surface-chip-border: rgba(148, 163, 184, .22);--surface-code-bg: #111827;--surface-code-border: rgba(148, 163, 184, .22);--surface-inline-code-bg: rgba(56, 189, 248, .16);--surface-preview-bg: rgba(217, 119, 6, .18);--surface-preview-border: #f59e0b;--surface-preview-text: #fcd34d}body{font-family:Inter,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;padding:0;margin:0;background:var(--page-content-bg)}img{max-width:100%}@media(max-width:767px){:root{--menu-width: min(280px, 88vw);--menu-handle-width: 56px}}svg._background_13iax_1{position:absolute;z-index:-1;inset:0;backface-visibility:hidden}svg._background_13iax_1 path._draw_13iax_12{fill:none;stroke:#0000;stroke-linecap:round;stroke-width:var(--line-width);transition:stroke-dashoffset 1s cubic-bezier(.19,1,.22,1);opacity:0;animation:_solid-reveal_13iax_1 .9s cubic-bezier(.19,1,.22,1) .12s forwards}svg._background_13iax_1 path._solid_13iax_22{fill:none;stroke:#0000;stroke-linecap:round;stroke-width:var(--line-width);opacity:0;animation:_solid-reveal_13iax_1 .9s cubic-bezier(.19,1,.22,1) .12s forwards}@keyframes _solid-reveal_13iax_1{0%{opacity:0}to{opacity:.9}}@media(min-width:768px){svg._background_13iax_1 path._draw_13iax_12{fill:none;stroke:var(--line-color)}svg._background_13iax_1 path._solid_13iax_22{fill:var(--background-color);stroke:transparent}}._card_1gg10_2{position:relative;display:block;width:100%;margin:0}._card-background_1gg10_9{z-index:-99;position:absolute;top:0;left:0;width:100%;height:100%;background-blend-mode:color}@media(min-width:768px){._card_1gg10_2{display:flex;align-items:center;flex-direction:column;justify-content:center}._full-height_1gg10_33{min-height:100vh}._half-height_1gg10_36{height:60vh}}._content_1gg10_40{display:block;width:100%;max-width:1280px;padding:0;margin:0;font-size:20px;line-height:1.75}._card-background_1gg10_9~._content-reversed_1gg10_50{color:var(--text-color-light)}@media(min-width:768px){._content_1gg10_40{display:flex;justify-content:space-between;align-items:center;font-size:20px}._content-reversed_1gg10_50{flex-direction:row-reverse;color:var(--text-color-light)}}@media(min-width:992px){._content_1gg10_40{font-size:26px}}@media(min-width:992px)and (max-height:820px){._content_1gg10_40{font-size:21px}}@media(min-width:992px)and (min-height:821px){html[lang=pl] ._content_1gg10_40{font-size:23px}}._column_1gg10_93{flex:4;padding:2rem;text-align:left}._card-background_1gg10_9~._content-reversed_1gg10_50 ._column_1gg10_93{background-color:var(--background-color)}._card-background_1gg10_9~._content-reversed_1gg10_50 ._column-image_1gg10_103{background:transparent}@media(min-width:768px){._column_1gg10_93{padding:1rem;margin:2%}._card-background_1gg10_9~._content-reversed_1gg10_50 ._column_1gg10_93{background:transparent}._full-width_1gg10_115>*{margin-left:-40%}._content-reversed_1gg10_50 ._full-width_1gg10_115>*{margin-left:0;margin-right:-40%}}._column-image_1gg10_103{flex:3;text-align:center}._column-image_1gg10_103 img{aspect-ratio:1;box-sizing:border-box;padding:0;margin:0;width:100%;max-width:400px;height:auto;clip-path:polygon(50% 0%,93.3% 25%,93.4% 75%,50% 100%,6.7% 75%,6.7% 25%)}._column-image_1gg10_103 ._image-wrapper_1gg10_137{display:inline-flex;padding:calc(var(--line-width) * 1.2) var(--line-width);background-color:transparent;clip-path:polygon(50% 0%,93.3% 25%,93.4% 75%,50% 100%,6.7% 75%,6.7% 25%);transition:background-color .75s cubic-bezier(.19,1,.22,1);transition-delay:.25s}._column-image_1gg10_103 ._image-wrapper_1gg10_137._active_1gg10_145{background-color:var(--line-color)}._column-image__circle_1gg10_148 img,._column-image__circle_1gg10_148 ._image-wrapper_1gg10_137{border-radius:50%;clip-path:none}._column-image__square_1gg10_156 img{border-radius:30px;clip-path:none}._column-image__square_1gg10_156 ._image-wrapper_1gg10_137{padding:var(--line-width) var(--line-width);border-radius:calc(30px + var(--line-width));clip-path:none}@media(min-width:768px){._column-image_1gg10_103 img{max-width:none}}._title_11qft_1{font-size:2.4em;font-weight:600;letter-spacing:-.01em;line-height:1.15;margin:0 0 .75rem;text-align:center}._section-title_11qft_15{font-size:1.5em;font-weight:600;letter-spacing:.01em;line-height:1.25;margin:0 0 .75rem;text-align:center}._title_11qft_1 code{font-family:inherit;color:var(--line-color);font-weight:700;font-style:italic;background:none;padding:0}._container_11qft_33{color:var(--hero-copy);position:relative;overflow:hidden;display:block;flex-direction:column;justify-content:center;align-items:center;height:100%}@media(min-width:768px){._container_11qft_33{display:flex}}._container_11qft_33 a{color:var(--hero-copy)}@keyframes _pulse_11qft_1{0%{fill-opacity:.5}25%{fill-opacity:1}75%{fill-opacity:1}to{fill-opacity:.5}}._text-link_11qft_67{color:inherit}._source-note_11qft_72{font-size:.75em;line-height:1.6;opacity:.85;margin:1rem 0 0}._button-link_11qft_79{color:var(--hero-copy);border:0;padding:.5rem;text-align:center;text-decoration:none;display:block;margin-top:.5rem;opacity:.6;transition:opacity .2s ease}._button-link_11qft_79:hover{opacity:1}._button-link_11qft_79 path{fill:var(--hero-copy);animation:_pulse_11qft_1 1.5s ease-in-out infinite}@media(min-width:768px){._title_11qft_1,._section-title_11qft_15{text-align:left}}._demos-link_11qft_106{margin:1.5rem 0 0}ul._links_11qft_110{font-size:18px;list-style:none;padding-left:0;display:flex;flex-direction:column;gap:.65rem;margin:1.5rem 0 0}ul._links_11qft_110 a,._demos-link_11qft_106 a{display:inline-flex;align-items:center;gap:.6rem;padding:.55rem 1.25rem;border-radius:100px;border:2px solid currentColor;text-decoration:none;font-weight:500;letter-spacing:.01em;transition:background-color .2s ease,color .2s ease}ul._links_11qft_110 a:hover,._demos-link_11qft_106 a:hover{background-color:var(--text-color);color:var(--text-color-light)}ul._links_11qft_110 svg{flex-shrink:0;vertical-align:middle;fill:currentColor}._background-image_11qft_147{background-image:url(/_build/assets/background2-CrCfg0gf.jpg);background-color:#f0f9ff33;background-repeat:repeat}._notice_11o30_6{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:1rem;width:min(680px,100vw - 2rem);padding:.85rem 1.1rem;border-radius:14px;background:var(--surface-card-bg-strong);border:1px solid var(--surface-card-border-strong);box-shadow:0 12px 32px var(--surface-card-shadow);backdrop-filter:blur(8px)}._message_11o30_24{margin:0;font-size:.85rem;line-height:1.5;color:var(--surface-text-secondary)}._dismiss_11o30_31{flex-shrink:0;border:0;margin:0;padding:.5rem 1.1rem;border-radius:10px;background:var(--surface-accent);color:var(--surface-button-text);font-size:.85rem;font-weight:600;letter-spacing:.01em;cursor:pointer;transition:background-color .2s ease}._dismiss_11o30_31:hover{background:var(--surface-accent-strong)}@media(max-width:560px){._notice_11o30_6{flex-direction:column;align-items:stretch;gap:.6rem;text-align:center}}._theme-toggle_dd6mx_1{display:flex;gap:.25rem;padding:.25rem;border-radius:12px;background:var(--menu-track-bg)}._theme-option_dd6mx_9{flex:1;border:0;margin:0;padding:.5rem .4rem;border-radius:9px;background:transparent;color:var(--menu-text);font-size:.85rem;font-weight:600;letter-spacing:.01em;cursor:pointer;transition:background-color .2s ease,color .2s ease}._theme-option_dd6mx_9:hover{background:var(--menu-track-hover-bg)}._theme-option-active_dd6mx_28,._theme-option-active_dd6mx_28:hover{background:#0369a1;color:#f0f9ff}._page_13dce_2{min-height:100vh;overflow-x:clip}._side-menu_13dce_7{position:fixed;top:0;left:0;width:var(--menu-width);height:100vh;z-index:70;transform:translate(calc(-1 * var(--menu-width)));transition:transform var(--menu-motion-duration) var(--menu-motion-easing);background:linear-gradient(180deg,var(--menu-bg-from) 0%,var(--menu-bg-to) 100%);border-right:0 solid rgba(3,105,161,.2);box-shadow:none;display:flex;flex-direction:column;will-change:transform}._side-menu-open_13dce_24{transform:translate(0);border-right-width:1px;box-shadow:0 20px 40px #022e4a26}._menu-toggle_13dce_30{position:absolute;top:1rem;right:calc(-1 * var(--menu-handle-width));z-index:80;width:var(--menu-handle-width);height:56px;border:0;margin:0;padding:0;background:#0369a1f2;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-top-right-radius:14px;border-bottom-right-radius:14px}._menu-icon_13dce_49{position:relative;width:24px;height:16px}._menu-icon_13dce_49 span{position:absolute;left:0;width:24px;height:2px;border-radius:2px;background-color:#f0f9ff;transition:top .5s ease,transform .5s ease,opacity .5s ease}._menu-icon_13dce_49 span:nth-child(1){top:0}._menu-icon_13dce_49 span:nth-child(2){top:7px}._menu-icon_13dce_49 span:nth-child(3){top:14px}._menu-icon-open_13dce_77 span:nth-child(1){top:7px;transform:rotate(45deg)}._menu-icon-open_13dce_77 span:nth-child(2){opacity:0}._menu-icon-open_13dce_77 span:nth-child(3){top:7px;transform:rotate(-45deg)}._menu-items_13dce_91{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem 1.1rem 1.4rem;flex:1;min-height:0;overflow-y:auto}._menu-group_13dce_101{flex-shrink:0;border-radius:18px;background:var(--menu-panel-bg);border:1px solid var(--menu-panel-border);overflow:hidden}._menu-group-header_13dce_109{display:flex;align-items:center;justify-content:space-between}._menu-group-route_13dce_115{flex:1;min-width:0;padding:.9rem .45rem .9rem 1rem;color:var(--menu-text);text-decoration:none;font-size:1rem;font-weight:700;letter-spacing:.01em}._menu-group-route_13dce_115:hover,._menu-group-route-active_13dce_130{color:var(--menu-text-hover)}._menu-group-trigger_13dce_134{width:2.4rem;height:2.4rem;border:0;margin:.3rem .35rem .3rem 0;padding:0;background:transparent;color:var(--menu-text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:12px}._menu-group-trigger_13dce_134:hover{background:var(--menu-hover-bg)}._menu-group-label_13dce_158{display:inline-flex;align-items:center;gap:.55rem}._menu-group-indicator_13dce_164{width:.65rem;height:.65rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .18s ease;margin-top:-.2rem}._menu-group-open_13dce_174 ._menu-group-indicator_13dce_164{transform:rotate(225deg);margin-top:.2rem}._menu-group-links_13dce_179{display:flex;flex-direction:column;gap:.25rem;padding:0 .55rem .6rem}._menu-link_13dce_186{display:block;color:var(--menu-text);text-decoration:none;font-size:.98rem;font-weight:600;letter-spacing:.01em;border-radius:12px;padding:.72rem .85rem;transition:background-color .2s ease,color .2s ease,transform .2s ease}._menu-link_13dce_186:hover{color:#f0f9ff;background-color:#0369a1;transform:translate(2px)}._menu-link-active_13dce_204{color:#f0f9ff;background-color:#0369a1}._menu-link-badge_13dce_214{display:inline-block;margin-left:.45rem;padding:.05rem .4rem;border-radius:999px;background:var(--surface-preview-bg);border:1px solid var(--surface-preview-border);color:var(--surface-preview-text);font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;vertical-align:.1em;white-space:nowrap}._page-content_13dce_230{position:relative;z-index:50;background:var(--page-content-bg);transition:transform var(--menu-motion-duration) var(--menu-motion-easing),box-shadow .2s ease-out;min-height:100vh;transform:none}._page-content-open_13dce_239{transform:translate(var(--menu-width));box-shadow:-10px 0 30px #0c4a6e26}._menu-choice_13dce_244{flex-shrink:0;margin-top:.25rem;padding:.9rem 1rem;border-radius:18px;background:var(--menu-panel-bg);border:1px solid var(--menu-panel-border);display:grid;gap:.6rem}._menu-choice-label_13dce_255{color:var(--menu-text);font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}._menu-languages_13dce_263{display:flex;gap:.25rem;padding:.25rem;border-radius:12px;background:var(--menu-track-bg)}._menu-language_13dce_263{flex:1;text-align:center;border-radius:9px;padding:.5rem .4rem;color:var(--menu-text);text-decoration:none;font-size:.85rem;font-weight:600;letter-spacing:.01em;transition:background-color .2s ease,color .2s ease}._menu-language_13dce_263:hover{background:var(--menu-track-hover-bg)}._menu-language-active_13dce_288,._menu-language-active_13dce_288:hover{background:#0369a1;color:#f0f9ff}._blog-page_1jj11_1{min-height:100vh;color:var(--surface-text-secondary);background:radial-gradient(circle at top left,var(--surface-bg-gradient-radial),transparent 38%),linear-gradient(180deg,var(--surface-bg-top) 0%,var(--surface-bg-bottom) 100%)}._hero_1jj11_7{padding:6rem 1.5rem 2rem}._hero-inner_1jj11_11{width:min(1120px,100%);margin:0 auto;display:grid;gap:1.5rem}._eyebrow_1jj11_18{margin:0;color:var(--surface-accent);font-size:.85rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}._title_1jj11_27{margin:0;color:var(--surface-text-primary);font-size:clamp(2.5rem,6vw,5rem);line-height:.98;letter-spacing:-.04em}._intro_1jj11_35{max-width:66ch;margin:0;color:var(--surface-text-secondary);font-size:1.08rem;line-height:1.85}._posts_1jj11_43{width:min(1120px,100%);margin:0 auto;padding:1rem 1.5rem 5rem;display:grid;gap:1rem}._post-card_1jj11_51{display:grid;gap:.85rem;padding:1.6rem 1.75rem;border-radius:28px;text-decoration:none;color:inherit;background:var(--surface-card-bg);border:1px solid var(--surface-card-border);box-shadow:0 20px 50px var(--surface-card-shadow);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}._post-card_1jj11_51:hover{transform:translateY(-2px);box-shadow:0 24px 55px var(--surface-card-shadow-strong);border-color:var(--surface-card-border-strong)}._post-date_1jj11_70{color:var(--surface-accent);font-size:.95rem;font-weight:600}._post-title_1jj11_76{margin:0;color:var(--surface-text-primary);font-size:clamp(1.5rem,3vw,2rem);line-height:1.1;letter-spacing:-.02em}._post-excerpt_1jj11_84{margin:0;color:var(--surface-text-tertiary);font-size:1rem;line-height:1.75}._article-shell_1jj11_91{width:min(1120px,100%);margin:0 auto;padding:6rem 1.5rem 5rem}._back-link_1jj11_97{display:inline-flex;align-items:center;margin-bottom:1.5rem;color:var(--surface-accent);text-decoration:none;font-weight:600}._article-card_1jj11_106{padding:2rem;border-radius:30px;background:var(--surface-card-bg-strong);border:1px solid var(--surface-card-border);box-shadow:0 24px 60px var(--surface-card-shadow)}._article-header_1jj11_114{display:grid;gap:1rem;margin-bottom:2rem}._article-title_1jj11_120{margin:0;color:var(--surface-text-primary);font-size:clamp(2.25rem,5vw,4.5rem);line-height:.98;letter-spacing:-.04em}._article-markdown_1jj11_128{color:var(--surface-text-secondary);font-size:1.05rem;line-height:1.85}._article-markdown_1jj11_128 h2,._article-markdown_1jj11_128 h3{color:var(--surface-text-primary);line-height:1.12;letter-spacing:-.03em;margin:2.4rem 0 .8rem}._article-markdown_1jj11_128 p,._article-markdown_1jj11_128 ul,._article-markdown_1jj11_128 ol,._article-markdown_1jj11_128 table,._article-markdown_1jj11_128 pre,._article-markdown_1jj11_128 blockquote{margin:0 0 1.25rem}._article-markdown_1jj11_128 a{color:var(--surface-accent)}._article-markdown_1jj11_128 img{display:block;width:100%;border-radius:22px;box-shadow:0 18px 40px var(--surface-card-shadow-strong)}._article-markdown_1jj11_128 pre{overflow-x:auto;padding:1rem;border-radius:18px;background:var(--surface-code-bg);border:1px solid var(--surface-code-border)}._article-markdown_1jj11_128 code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.94em}._article-markdown_1jj11_128 :not(pre)>code{padding:.16rem .36rem;border-radius:8px;background:var(--surface-inline-code-bg)}._article-markdown_1jj11_128 table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:18px;border-style:hidden;box-shadow:0 0 0 1px var(--surface-chip-border)}._article-markdown_1jj11_128 th,._article-markdown_1jj11_128 td{padding:.85rem 1rem;border:1px solid var(--surface-chip-border);text-align:left;vertical-align:top}._article-markdown_1jj11_128 th{background:var(--surface-chip-bg);color:var(--surface-text-muted)}._article-markdown_1jj11_128 blockquote{padding:.2rem 0 .2rem 1rem;border-left:3px solid var(--surface-accent-soft);color:var(--surface-text-tertiary)}._not-found_1jj11_209{color:var(--surface-text-secondary)}@media(max-width:767px){._hero_1jj11_7{padding:5rem 1rem 1rem}._posts_1jj11_43,._article-shell_1jj11_91{padding-left:1rem;padding-right:1rem}._post-card_1jj11_51,._article-card_1jj11_106{padding:1.4rem}}._demos-page_yddk5_2{min-height:100vh;color:var(--surface-text-secondary);background:radial-gradient(circle at top left,var(--surface-bg-gradient-radial),transparent 38%),linear-gradient(180deg,var(--surface-bg-top) 0%,var(--surface-bg-bottom) 100%)}._hero_yddk5_8{padding:6rem 1.5rem 2rem}._hero-inner_yddk5_12{width:min(1120px,100%);margin:0 auto;display:grid;gap:1.5rem}._eyebrow_yddk5_19{margin:0;color:var(--surface-accent);font-size:.85rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}._title_yddk5_28{margin:0;color:var(--surface-text-primary);font-size:clamp(2.5rem,6vw,5rem);line-height:.98;letter-spacing:-.04em}._intro_yddk5_36{max-width:66ch;margin:0;color:var(--surface-text-secondary);font-size:1.08rem;line-height:1.85}._projects_yddk5_44{width:min(1120px,100%);margin:0 auto;padding:1rem 1.5rem 2rem;display:grid;gap:1.5rem}._project_yddk5_44{scroll-margin-top:2rem;padding:1.75rem;border-radius:28px;background:var(--surface-card-bg);border:1px solid var(--surface-card-border);box-shadow:0 20px 50px var(--surface-card-shadow);display:grid;gap:1.5rem}._project-header_yddk5_63{display:grid;gap:.6rem}._project-preview_yddk5_72{display:flex;flex-wrap:wrap;align-items:baseline;gap:.6rem;margin:0}._preview-badge_yddk5_80{padding:.25rem .6rem;border-radius:999px;background:var(--surface-preview-bg);border:1px solid var(--surface-preview-border);color:var(--surface-preview-text);font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}._preview-hint_yddk5_93{color:var(--surface-text-tertiary);font-size:.9rem;line-height:1.5}._project-meta_yddk5_99{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;color:var(--surface-accent);font-size:.85rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}._project-meta_yddk5_99 span+span:before{content:"·";margin-right:.5rem}._project-title_yddk5_116{margin:0;color:var(--surface-text-primary);font-size:clamp(1.75rem,3.4vw,2.5rem);line-height:1.05;letter-spacing:-.03em}._project-tagline_yddk5_124{max-width:60ch;margin:0;color:var(--surface-text-secondary);font-size:1.08rem;line-height:1.7}._gallery_yddk5_132{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin:0}._shot_yddk5_139{margin:0;display:grid;gap:.6rem}._shot_yddk5_139 img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:20px;background:var(--surface-code-bg);border:1px solid var(--surface-chip-border);box-shadow:0 14px 32px var(--surface-card-shadow)}._shot_yddk5_139 figcaption{color:var(--surface-text-tertiary);font-size:.92rem;line-height:1.6}._project-body_yddk5_163{display:grid;gap:1.1rem}._summary_yddk5_168{margin:0;color:var(--surface-text-secondary);font-size:1.02rem;line-height:1.85}._highlights_yddk5_175{margin:0;padding-left:1.15rem;display:grid;gap:.55rem;color:var(--surface-text-tertiary);font-size:1rem;line-height:1.7}._highlights_yddk5_175::marker,._highlights_yddk5_175 li::marker{color:var(--surface-accent-soft)}._stack_yddk5_190{display:flex;flex-wrap:wrap;gap:.45rem;margin:0;padding:0;list-style:none}._stack_yddk5_190 li{padding:.32rem .75rem;border-radius:100px;background:var(--surface-chip-bg);border:1px solid var(--surface-chip-border);color:var(--surface-text-muted);font-size:.88rem;font-weight:600}._note_yddk5_209{margin:0;padding:.2rem 0 .2rem 1rem;border-left:3px solid var(--surface-accent-soft);color:var(--surface-text-tertiary);font-size:.95rem;line-height:1.7}._actions_yddk5_218{display:flex;flex-wrap:wrap;gap:.65rem}._action_yddk5_218{display:inline-flex;align-items:center;padding:.6rem 1.35rem;border-radius:100px;border:2px solid var(--surface-accent);color:var(--surface-accent);text-decoration:none;font-weight:600;letter-spacing:.01em;transition:background-color .2s ease,color .2s ease,transform .2s ease}._action_yddk5_218:hover{transform:translateY(-1px)}._action-primary_yddk5_241{background-color:var(--surface-accent);color:var(--surface-button-text)}._action-primary_yddk5_241:hover{background-color:var(--surface-accent-strong);border-color:var(--surface-accent-strong)}._action-secondary_yddk5_251:hover{background-color:var(--surface-accent);color:var(--surface-button-text)}._outro_yddk5_256{width:min(1120px,100%);margin:0 auto;padding:0 1.5rem 5rem}._outro-card_yddk5_262{padding:1.4rem 1.75rem;border-radius:24px;background:var(--surface-chip-bg-soft);border:1px solid var(--surface-chip-border)}._outro-card_yddk5_262 h2{margin:0 0 .45rem;color:var(--surface-text-muted);font-size:1.1rem}._outro-card_yddk5_262 p{max-width:66ch;margin:0;color:var(--surface-text-tertiary);line-height:1.75}@media(max-width:767px){._hero_yddk5_8{padding:5rem 1rem 1rem}._projects_yddk5_44,._outro_yddk5_256{padding-left:1rem;padding-right:1rem}._project_yddk5_44{padding:1.4rem}}