:root{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-tertiary: #21262d;--bg-overlay: #010409;--bg-inverse: #ffffff;--accent-green: #3fb950;--accent-blue: #58a6ff;--accent-cyan: #39c5cf;--accent-yellow: #d29922;--accent-red: #f85149;--accent-purple: #bc8cff;--accent-orange: #fb850f;--text-primary: #f0f6fc;--text-secondary: #8b949e;--text-muted: #656d76;--text-inverse: #0d1117;--text-accent: var(--accent-cyan);--border-primary: #30363d;--border-secondary: #21262d;--border-accent: var(--accent-green);--border-focus: var(--accent-cyan);--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", "SF Mono", "Consolas", "Monaco", "Roboto Mono", monospace;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", sans-serif;--font-serif: "Crimson Text", Georgia, "Times New Roman", serif;--font-terminal: "SF Mono", "Monaco", "Inconsolata", "Roboto Mono", monospace;--fluid-min-width: 320;--fluid-max-width: 1140;--fluid-screen: 100vw;--fluid-bp: calc( (var(--fluid-screen) - var(--fluid-min-width) / 16 * 1rem) / (var(--fluid-max-width) - var(--fluid-min-width)) );--text-xs: clamp(.75rem, .725rem + .05 * var(--fluid-bp), .875rem);--text-sm: clamp(.875rem, .825rem + .1 * var(--fluid-bp), 1rem);--text-base: clamp(1rem, .925rem + .15 * var(--fluid-bp), 1.125rem);--text-lg: clamp(1.125rem, 1.025rem + .2 * var(--fluid-bp), 1.25rem);--text-xl: clamp(1.25rem, 1.125rem + .25 * var(--fluid-bp), 1.5rem);--text-2xl: clamp(1.5rem, 1.3rem + .4 * var(--fluid-bp), 2rem);--text-3xl: clamp(2rem, 1.6rem + .8 * var(--fluid-bp), 2.5rem);--text-4xl: clamp(2.5rem, 1.9rem + 1.2 * var(--fluid-bp), 3rem);--text-5xl: clamp(3rem, 2.2rem + 1.6 * var(--fluid-bp), 3.75rem);--code-inline-size: .875em;--code-block-size: .9375em;--heading-scale-min: 1.2;--heading-scale-max: 1.333;--body-text-scale: 1.0625;--reading-width: 65ch;--reading-font-size: var(--text-base);--reading-letter-spacing: -.01em;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--font-thin: 100;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--font-black: 900;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0em;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--font-features-kern: "kern" 1, "liga" 1;--font-features-body: "kern" 1, "liga" 1, "calt" 1;--font-features-heading: "kern" 1, "liga" 1, "dlig" 1;--font-features-mono: "kern" 1, "liga" 0, "calt" 1;--font-features-serif: "kern" 1, "liga" 1, "dlig" 1, "onum" 1;--text-rendering-optimize: optimizeLegibility;--text-rendering-speed: optimizeSpeed;--text-rendering-geometric: geometricPrecision;--space-0: 0;--space-px: 1px;--space-0_5: .125rem;--space-1: .25rem;--space-1_5: .375rem;--space-2: .5rem;--space-2_5: .625rem;--space-3: .75rem;--space-3_5: .875rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-11: 2.75rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-28: 7rem;--space-32: 8rem;--space-36: 9rem;--space-40: 10rem;--space-44: 11rem;--space-48: 12rem;--space-52: 13rem;--space-56: 14rem;--space-60: 15rem;--space-64: 16rem;--space-72: 18rem;--space-80: 20rem;--space-96: 24rem;--container-padding: var(--space-6);--section-gap: var(--space-16);--card-padding: var(--space-6);--nav-padding: var(--space-4);--component-gap: var(--space-6);--breakpoint-xs: 475px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--container-xs: 100%;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1400px;--code-bg: var(--bg-primary);--code-border: var(--border-primary);--code-inline-bg: var(--bg-tertiary);--code-comment: var(--text-muted);--code-keyword: var(--accent-red);--code-string: var(--accent-green);--code-number: var(--accent-blue);--code-function: var(--accent-purple);--code-operator: var(--accent-yellow);--code-punctuation: var(--text-secondary);--code-variable: var(--accent-cyan);--code-class-name: var(--accent-purple);--code-tag: var(--accent-red);--code-attr-name: var(--accent-yellow);--code-attr-value: var(--code-string);--terminal-text-size: var(--text-sm);--terminal-line-height: var(--leading-normal);--terminal-font: var(--font-terminal);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--radius-none: 0;--radius-sm: .125rem;--radius: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--duration-75: 75ms;--duration-100: .1s;--duration-150: .15s;--duration-200: .2s;--duration-300: .3s;--duration-500: .5s;--duration-700: .7s;--duration-1000: 1s;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--z-negative: -1;--z-base: 0;--z-docked: 10;--z-dropdown: 1000;--z-sticky: 1100;--z-banner: 1200;--z-overlay: 1300;--z-modal: 1400;--z-popover: 1500;--z-skip-link: 1600;--z-toast: 1700;--z-tooltip: 1800;--reading-line-height: var(--leading-relaxed);--interactive-scale: 1.05;--interactive-offset: 2px;--focus-width: 2px;--focus-offset: 2px;--scrollbar-width: 12px;--scrollbar-track: var(--bg-primary);--scrollbar-thumb: var(--bg-tertiary);--scrollbar-thumb-hover: var(--text-muted)}@media(prefers-color-scheme:light){:root{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8}}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:80vh;text-rendering:var(--text-rendering-optimize);line-height:var(--leading-normal);font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a:not([class]){text-decoration-skip-ink:auto;color:var(--accent-blue)}img,picture,svg{max-width:100%;display:block;height:auto}input,button,textarea,select{font:inherit;color:inherit}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}button{background:none;border:none;padding:0;margin:0;cursor:pointer;font-family:inherit}fieldset{border:none;padding:0}legend{padding:0}table{border-collapse:collapse;border-spacing:0}th,td{text-align:left;vertical-align:top}pre{font-family:var(--font-mono);overflow-x:auto;white-space:pre;text-wrap:nowrap}code{font-family:var(--font-mono);font-size:1em}hr{border:none;height:1px;background:var(--border-primary);margin:var(--space-4) 0}blockquote{border-left:4px solid var(--border-primary);padding-left:var(--space-4);margin:var(--space-4) 0;font-style:italic}abbr[title]{text-decoration:none;border-bottom:1px dotted var(--text-secondary)}dfn{font-style:italic}mark{background:var(--accent-yellow);color:var(--text-inverse);padding:0 2px}sub,sup{font-size:var(--text-xs);line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,canvas,iframe,img,svg,video{vertical-align:middle}[hidden]{display:none!important}input,textarea,select{border:1px solid var(--border-primary);border-radius:var(--radius);padding:var(--space-2) var(--space-3);background-color:var(--bg-secondary);transition:border-color var(--duration-200) var(--ease-in-out)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 var(--focus-width) var(--accent-cyan)}input[type=checkbox],input[type=radio]{width:var(--space-4);height:var(--space-4);border:2px solid var(--border-primary);background-color:var(--bg-secondary);cursor:pointer}input[type=checkbox]:checked,input[type=radio]:checked{background-color:var(--accent-green);border-color:var(--accent-green)}input[type=range]{width:100%;height:var(--space-1);background:var(--border-primary);border-radius:var(--radius-full);outline:none;-webkit-appearance:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--space-4);height:var(--space-4);background:var(--accent-green);cursor:pointer;border-radius:50%}input[type=range]::-moz-range-thumb{width:var(--space-4);height:var(--space-4);background:var(--accent-green);cursor:pointer;border-radius:50%;border:none}figure{margin:0;padding:0}figcaption{font-size:var(--text-sm);color:var(--text-secondary);text-align:center;margin-top:var(--space-2)}@media(prefers-contrast:high){:root{--border-primary: #000000;--text-primary: #000000;--bg-primary: #ffffff}}@media print{*,*:before,*:after{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}html{font-size:100%;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-primary);min-height:80vh;overflow-x:hidden;text-rendering:var(--text-rendering-optimize);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:var(--font-features-body);letter-spacing:var(--reading-letter-spacing)}h1,h2,h3,h4,h5,h6{font-family:var(--font-mono);font-weight:var(--font-semibold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary);margin-bottom:var(--space-4);scroll-margin-top:2rem}h1{font-size:var(--text-4xl);font-weight:var(--font-bold);margin-bottom:var(--space-6);position:relative}h1:before{content:"$";color:var(--accent-green);margin-right:var(--space-2);font-weight:var(--font-normal)}h2{font-size:var(--text-3xl);margin-top:var(--space-12);color:var(--accent-cyan)}h2:before{content:">";color:var(--accent-green);margin-right:var(--space-2);font-weight:var(--font-normal)}h3{font-size:var(--text-2xl);margin-top:var(--space-10);color:var(--accent-blue)}h3:before{content:">>";color:var(--accent-green);margin-right:var(--space-2);font-weight:var(--font-normal);opacity:.8}h4{font-size:var(--text-xl);margin-top:var(--space-8);color:var(--text-secondary)}h4:before{content:"#";color:var(--accent-yellow);margin-right:var(--space-2);font-weight:var(--font-normal)}h5{font-size:var(--text-lg);margin-top:var(--space-6);color:var(--text-secondary)}h6{font-size:var(--text-base);margin-top:var(--space-4);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}p{margin-bottom:var(--space-4);max-width:var(--reading-width);line-height:var(--reading-line-height);color:var(--text-primary)}.lead{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-6);font-style:italic;max-width:none}a{color:var(--accent-blue);text-decoration:none;border-bottom:1px solid transparent;transition:all var(--duration-200) var(--ease-in-out);position:relative}a:hover{color:var(--accent-cyan);border-bottom-color:var(--accent-cyan);text-decoration:none}a:focus{outline:var(--focus-width) solid var(--border-focus);outline-offset:var(--focus-offset);border-radius:var(--radius)}a.external:after{content:"↗";font-size:.8em;margin-left:.2em;opacity:.7;transition:opacity var(--duration-200) var(--ease-in-out)}a.external:hover:after{opacity:1}a.link-with-icon{display:inline-flex;align-items:center;gap:var(--space-2)}a.link-with-icon .icon{transition:transform var(--duration-200) var(--ease-in-out)}a.link-with-icon:hover .icon{transform:translate(2px)}::selection{background-color:var(--accent-green);color:var(--text-inverse)}strong,b{font-weight:var(--font-bold);color:var(--text-primary)}em,i{font-style:italic}small{font-size:var(--text-sm);color:var(--text-secondary)}sup{font-size:var(--text-xs);vertical-align:super;color:var(--text-muted)}sub{font-size:var(--text-xs);vertical-align:sub;color:var(--text-muted)}mark{background-color:var(--accent-yellow);color:var(--text-inverse);padding:0 2px;border-radius:var(--radius-sm)}del{text-decoration:line-through;color:var(--text-muted)}ins{text-decoration:underline;color:var(--accent-green)}abbr{text-decoration:none;border-bottom:1px dotted var(--text-secondary);cursor:help}dfn{font-style:italic;color:var(--text-secondary)}ul{list-style:none;margin-bottom:var(--space-4);padding-left:var(--space-6)}ul li{position:relative;margin-bottom:var(--space-2);padding-left:var(--space-6)}ul li:before{content:"❯";position:absolute;left:0;color:var(--accent-green);font-family:var(--font-mono);font-weight:var(--font-bold)}ol{list-style:none;margin-bottom:var(--space-4);padding-left:var(--space-6);counter-reset:ol-counter}ol li{position:relative;margin-bottom:var(--space-2);padding-left:var(--space-8);counter-increment:ol-counter}ol li:before{content:counter(ol-counter) ".";position:absolute;left:0;color:var(--accent-cyan);font-family:var(--font-mono);font-weight:var(--font-bold)}dl{margin-bottom:var(--space-4)}dt{font-family:var(--font-mono);font-weight:var(--font-semibold);color:var(--accent-cyan);margin-bottom:var(--space-2)}dd{margin-left:var(--space-4);margin-bottom:var(--space-4);color:var(--text-secondary)}.terminal-list{list-style:none;padding-left:0}.terminal-list li{position:relative;padding-left:var(--space-8);font-family:var(--font-mono)}.terminal-list li:before{content:"$";position:absolute;left:0;color:var(--accent-green);font-weight:var(--font-bold)}blockquote{border-left:4px solid var(--accent-green);padding:var(--space-4) var(--space-6);margin:var(--space-6) 0;background:linear-gradient(90deg,var(--bg-secondary) 0%,transparent 100%);border-radius:0 var(--radius-lg) var(--radius-lg) 0;font-style:italic;color:var(--text-secondary);position:relative}blockquote:before{content:'"';font-family:var(--font-serif);font-size:3rem;color:var(--accent-green);position:absolute;top:-.5rem;left:var(--space-2);opacity:.3}blockquote p{margin-bottom:0;font-size:var(--text-lg);font-style:italic}blockquote p:last-child{margin-bottom:0}hr{border:none;height:1px;background:linear-gradient(90deg,transparent,var(--border-primary),transparent);margin:var(--space-8) 0}code{font-family:var(--font-mono);background-color:var(--bg-tertiary);padding:.125rem .375rem;border-radius:var(--radius);font-size:.875em;color:var(--accent-cyan);border:1px solid var(--border-primary);display:inline-block;line-height:var(--leading-normal);white-space:nowrap}pre{background-color:var(--code-bg);border:1px solid var(--code-border);border-radius:var(--radius-lg);padding:var(--space-4);overflow-x:auto;margin:var(--space-6) 0;position:relative;font-size:var(--text-sm);line-height:var(--leading-relaxed)}pre code{background:none;padding:0;border:none;color:var(--text-primary);display:block;font-size:inherit;line-height:inherit;white-space:pre;word-wrap:normal;font-feature-settings:var(--font-features-mono);text-rendering:var(--text-rendering-optimize)}.token.comment{color:var(--code-comment);font-style:italic}.token.prolog,.token.doctype,.token.cdata{color:var(--text-muted);font-style:italic}.token.punctuation{color:var(--code-punctuation)}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:var(--accent-red)}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:var(--accent-green)}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.variable{color:var(--accent-cyan)}.token.atrule,.token.attr-value,.token.function,.token.class-name{color:var(--accent-blue)}.token.keyword{color:var(--accent-purple);font-weight:var(--font-semibold)}.token.regex,.token.important{color:var(--accent-yellow)}.token.important,.token.bold{font-weight:var(--font-bold)}.token.italic{font-style:italic}.token.entity{cursor:help}.language-javascript .token.function,.language-typescript .token.function{color:var(--accent-blue)}.language-css .token.selector,.language-scss .token.selector{color:var(--accent-purple)}.language-css .token.property,.language-scss .token.property{color:var(--accent-cyan)}.language-html .token.tag{color:var(--accent-red)}.language-html .token.attr-name{color:var(--accent-yellow)}.language-html .token.attr-value{color:var(--accent-green)}.language-bash .token.function,.language-shell .token.function{color:var(--accent-cyan)}.language-json .token.property{color:var(--accent-blue)}.language-json .token.string{color:var(--accent-green)}.language-python .token.function,.language-python .token.class-name{color:var(--accent-blue)}.language-python .token.keyword{color:var(--accent-purple)}.terminal-block{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;overflow:hidden;margin:var(--space-6) 0}.terminal-header{background:var(--bg-tertiary);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border-primary);display:flex;align-items:center;gap:var(--space-2)}.terminal-dot{width:.75rem;height:.75rem;border-radius:50%}.terminal-dot.red{background-color:#ff5f56}.terminal-dot.yellow{background-color:#ffbd2e}.terminal-dot.green{background-color:#27c93f}.terminal-content{padding:var(--space-4);font-family:var(--font-terminal);font-size:var(--terminal-text-size);line-height:var(--terminal-line-height);background:var(--code-bg)}.terminal-content:before{content:"$ ";color:var(--accent-green)}table{width:100%;border-collapse:collapse;margin:var(--space-6) 0;font-size:var(--text-sm);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-primary)}th,td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--border-primary)}th{background-color:var(--bg-secondary);font-family:var(--font-mono);font-weight:var(--font-semibold);color:var(--accent-cyan);text-transform:uppercase;font-size:var(--text-xs);letter-spacing:var(--tracking-wide);border-bottom:2px solid var(--border-primary)}tr:hover{background-color:var(--bg-secondary)}tr:last-child td{border-bottom:none}thead th{font-weight:var(--font-bold);color:var(--text-primary)}tfoot{background-color:var(--bg-secondary)}tfoot td{font-weight:var(--font-medium);color:var(--text-secondary)}img{max-width:100%;height:auto;border-radius:var(--radius-lg);margin-bottom:var(--space-4);border:1px solid var(--border-primary)}figure{margin:var(--space-6) 0}figure img{margin-bottom:var(--space-2)}figcaption{font-size:var(--text-sm);color:var(--text-secondary);text-align:center;margin-top:var(--space-2);font-style:italic}.responsive-img{width:100%;height:auto;object-fit:cover}form{margin-bottom:var(--space-6)}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);margin-bottom:var(--space-2)}.form-label.required:after{content:" *";color:var(--accent-red)}.form-help{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}@media(max-width:640px){html{font-size:14px}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}.lead{font-size:var(--text-base)}p{max-width:100%}pre{padding:var(--space-3);font-size:var(--text-xs)}table{font-size:var(--text-xs)}th,td{padding:var(--space-2) var(--space-3)}}@media(min-width:641px)and (max-width:1024px){html{font-size:15px}}@media(min-width:1025px){html{font-size:16px}}@media print{body{font-size:12pt;line-height:1.4;color:#000;background:#fff}h1,h2,h3,h4,h5,h6{color:#000;page-break-after:avoid}a{color:#000;text-decoration:underline}pre,blockquote{border:1px solid #999;page-break-inside:avoid}img{max-width:100%!important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--container-padding);padding-right:var(--container-padding)}.container-full{width:100%;padding-left:0;padding-right:0}.container-fluid{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--container-padding);padding-right:var(--container-padding)}.section{padding:var(--section-gap) 0;position:relative}.section-sm{padding:var(--space-12) 0}.section-md{padding:var(--space-16) 0}.section-lg{padding:var(--space-20) 0}.section-xl{padding:var(--space-24) 0}.section-2xl{padding:var(--space-32) 0}.section-bg{background-color:var(--bg-secondary);border-top:1px solid var(--border-primary);border-bottom:1px solid var(--border-primary)}.section-gradient{background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%)}.grid{display:grid;gap:var(--component-gap)}.grid-gap-sm{gap:var(--space-4)}.grid-gap-md{gap:var(--space-6)}.grid-gap-lg{gap:var(--space-8)}.grid-gap-xl{gap:var(--space-12)}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-auto-fill{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.grid-auto-fit-sm{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid-auto-fill-sm,.grid-fixed-sm{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.grid-fixed-md{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.grid-fixed-lg{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.flex-col{display:flex;flex-direction:column}.flex-wrap{display:flex;flex-wrap:wrap}.flex-gap-sm{gap:var(--space-2)}.flex-gap-md{gap:var(--space-4)}.flex-gap-lg{gap:var(--space-6)}.flex-gap-xl{gap:var(--space-8)}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-start{display:flex;align-items:center;justify-content:flex-start}.flex-end{display:flex;align-items:center;justify-content:flex-end}.article-content{max-width:var(--reading-width);margin:0 auto;line-height:var(--reading-line-height)}.card-grid{display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.card-grid-2{display:grid;gap:var(--space-6);grid-template-columns:repeat(2,1fr)}.card-grid-3{display:grid;gap:var(--space-6);grid-template-columns:repeat(3,1fr)}.stack-sm>*+*{margin-top:var(--space-2)}.stack-md>*+*{margin-top:var(--space-4)}.stack-lg>*+*{margin-top:var(--space-6)}.stack-xl>*+*{margin-top:var(--space-8)}.stack-2xl>*+*{margin-top:var(--space-12)}.stack-lined>*+*{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-primary)}.center{display:flex;align-items:center;justify-content:center;min-height:80vh}.center-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:50vh}@media(max-width:640px){.container{padding-left:var(--space-4);padding-right:var(--space-4)}.section{padding:var(--space-12) 0}.card-grid-2,.card-grid-3{grid-template-columns:1fr}}@media(min-width:641px)and (max-width:1024px){.card-grid-3{grid-template-columns:repeat(2,1fr)}}@media print{.container{max-width:none;padding:0}.section{padding:var(--space-4) 0}.navigation,footer,.no-print{display:none!important}.card{break-inside:avoid;border:1px solid #ccc;margin-bottom:var(--space-4)}}.skip-link{position:absolute;top:-40px;left:6px;background:var(--accent-green);color:var(--text-inverse);padding:var(--space-2) var(--space-3);text-decoration:none;border-radius:var(--radius);font-family:var(--font-mono);font-weight:var(--font-medium);z-index:var(--z-skip-link);transition:top var(--duration-200) var(--ease-in-out)}.skip-link:focus{top:6px}.main-content{min-height:40vh}[role=navigation],[role=main],[role=complementary],[role=contentinfo]{position:relative}.layout-focusable:focus-visible{outline:var(--focus-width) solid var(--border-focus);outline-offset:var(--focus-offset);border-radius:var(--radius)}.layout-contain{contain:layout style paint}.layout-gpu{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.layout img{image-rendering:optimizeQuality;image-rendering:-webkit-optimize-contrast}.blog-layout{display:grid;grid-template-columns:300px 1fr;gap:var(--space-8);align-items:start;max-width:var(--container-xl);margin:0 auto;padding:0 var(--container-padding)}.sticky-sidebar{position:sticky;top:calc(var(--space-16) + 4rem);height:fit-content}.sticky-top{position:sticky;top:var(--space-16)}.content-readable{max-width:65ch;margin:0 auto}.content-wide{max-width:100ch;margin:0 auto}.content-narrow{max-width:45ch;margin:0 auto}.blog-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.blog-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.blog-grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-8)}.blog-grid-related{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6)}.terminal-container{background:var(--code-bg);border:1px solid var(--border-primary);border-radius:.75rem;overflow:hidden;box-shadow:0 8px 32px #0000004d}.terminal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-4);background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary)}.terminal-content{padding:var(--space-4);font-family:var(--font-mono);font-size:var(--fluid-text-sm)}.stats-layout{display:flex;justify-content:center;gap:var(--space-8);flex-wrap:wrap}.stat-item{text-align:center;padding:var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.5rem;min-width:120px;transition:all .2s ease}.toc-layout{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.75rem;padding:var(--space-6)}.toc-nav{display:flex;flex-direction:column;gap:var(--space-2)}.progress-layout{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.75rem;padding:var(--space-6)}.progress-bar{height:4px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden}.actions-layout{display:grid;gap:var(--space-6);text-align:center}.share-layout{display:flex;justify-content:center;gap:var(--space-3);flex-wrap:wrap}@media(max-width:1024px){.blog-layout{grid-template-columns:1fr;gap:var(--space-6)}.sticky-sidebar{position:static;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4)}.blog-grid-3{grid-template-columns:repeat(2,1fr)}.stats-layout{gap:var(--space-4)}}@media(max-width:768px){.blog-layout{padding:0 var(--space-4)}.blog-grid-2,.blog-grid-3,.blog-grid-auto{grid-template-columns:1fr;gap:var(--space-6)}.blog-grid-related{grid-template-columns:1fr}.stats-layout{flex-direction:column;gap:var(--space-4)}.stat-item{min-width:auto}.share-layout{flex-direction:column;align-items:center}.sticky-top{position:static}}@media(min-width:1200px){.blog-layout{grid-template-columns:350px 1fr;gap:var(--space-12)}.blog-grid-auto{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}}.navigation{background:var(--bg-secondary);border-bottom:2px solid var(--border-primary);position:sticky;top:0;z-index:var(--z-sticky);backdrop-filter:blur(10px);background:#161b22f2;transition:all var(--duration-200) var(--ease-in-out)}.navigation-container{display:flex;justify-content:space-between;align-items:center;padding:var(--nav-padding) 0;max-width:var(--container-xl);margin:0 auto;padding-left:var(--container-padding);padding-right:var(--container-padding)}.nav-brand{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-lg);font-weight:var(--font-semibold);transition:color var(--duration-200) var(--ease-in-out)}.nav-brand:hover{color:var(--accent-green)}.nav-brand-icon{width:2rem;height:2rem;background:var(--accent-green);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg)}.nav-menu{display:flex;list-style:none;gap:var(--space-6);margin:0;padding:0;align-items:center}.nav-link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius);color:var(--text-secondary);text-decoration:none;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--duration-200) var(--ease-in-out);border:1px solid transparent;position:relative;overflow:hidden}.nav-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(63,185,80,.1),transparent);transition:left var(--duration-500) var(--ease-in-out)}.nav-link:hover:before{left:100%}.nav-link:hover{color:var(--accent-green);background:#3fb9500d;border-color:var(--accent-green);transform:translateY(-1px)}.nav-link.active{color:var(--text-primary);background:var(--bg-tertiary);border-color:var(--accent-cyan)}.nav-link.active:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:2rem;height:2px;background:var(--accent-cyan);border-radius:var(--radius-sm)}.nav-link-icon{font-size:1.1em;transition:transform var(--duration-200) var(--ease-in-out)}.nav-link:hover .nav-link-icon{transform:scale(1.1)}.nav-status{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.nav-status-indicator{width:.5rem;height:.5rem;border-radius:50%;background:var(--accent-green);animation:pulse 2s infinite;box-shadow:0 0 .5rem var(--accent-green)}.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:var(--space-2);color:var(--text-primary);transition:color var(--duration-200) var(--ease-in-out)}.nav-toggle:hover{color:var(--accent-green)}.hamburger{display:block;width:1.5rem;height:2px;background:currentColor;position:relative;transition:all var(--duration-300) var(--ease-in-out)}.hamburger:before,.hamburger:after{content:"";position:absolute;width:100%;height:2px;background:currentColor;transition:all var(--duration-300) var(--ease-in-out)}.hamburger:before{top:-.5rem}.hamburger:after{bottom:-.5rem}.nav-toggle.active .hamburger{background:transparent}.nav-toggle.active .hamburger:before{top:0;transform:rotate(45deg)}.nav-toggle.active .hamburger:after{bottom:0;transform:rotate(-45deg)}.card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--card-padding);transition:all var(--duration-300) var(--ease-in-out);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--accent-green) 0%,var(--accent-cyan) 100%);transform:translate(-100%);transition:transform var(--duration-300) var(--ease-in-out)}.card:hover{transform:translateY(-2px);border-color:var(--accent-green);box-shadow:var(--shadow-lg)}.card:hover:before{transform:translate(0)}.card-header{margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-primary)}.card-title{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0;display:flex;align-items:center;gap:var(--space-2)}.card-title:before{content:">";color:var(--accent-green);font-weight:var(--font-normal)}.card-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:var(--space-1) 0 0 0}.card-content{margin-bottom:var(--space-4)}.card-content p:last-child{margin-bottom:0}.card-footer{padding-top:var(--space-4);border-top:1px solid var(--border-primary);display:flex;justify-content:space-between;align-items:center}.card-actions{display:flex;gap:var(--space-3)}.card-action{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius);color:var(--accent-cyan);text-decoration:none;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--duration-200) var(--ease-in-out)}.card-action:hover{background:var(--bg-primary);border-color:var(--accent-cyan);color:var(--text-primary);transform:translate(2px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-medium);text-decoration:none;cursor:pointer;transition:all var(--duration-200) var(--ease-in-out);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(63,185,80,.1),transparent);transition:left var(--duration-500) var(--ease-in-out)}.btn:hover:before{left:100%}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn:focus{outline:var(--focus-width) solid var(--border-focus);outline-offset:var(--focus-offset)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--accent-green);border-color:var(--accent-green);color:var(--text-inverse)}.btn-primary:hover{background:var(--accent-cyan);border-color:var(--accent-cyan);color:var(--text-inverse)}.btn-secondary{background:var(--bg-tertiary);border-color:var(--border-primary);color:var(--accent-cyan)}.btn-secondary:hover{background:var(--accent-cyan);border-color:var(--accent-cyan);color:var(--text-inverse)}.btn-outline{background:transparent;border-color:var(--accent-green);color:var(--accent-green)}.btn-outline:hover{background:var(--accent-green);color:var(--text-inverse)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-tertiary);color:var(--text-primary)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.btn-xl{padding:var(--space-6) var(--space-12);font-size:var(--text-lg)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:.25rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:9999px;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-secondary);transition:all var(--duration-200) var(--ease-in-out)}.badge:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.badge-success{background:#3fb9501a;border-color:var(--accent-green);color:var(--accent-green)}.badge-info{background:#39c5cf1a;border-color:var(--accent-cyan);color:var(--accent-cyan)}.badge-warning{background:#d299221a;border-color:var(--accent-yellow);color:var(--accent-yellow)}.badge-error{background:#f851491a;border-color:var(--accent-red);color:var(--accent-red)}.tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:.25rem .5rem;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-primary) 100%);border:1px solid var(--border-primary);border-radius:9999px;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-secondary);transition:all var(--duration-200) var(--ease-in-out);position:relative;overflow:hidden}.tag:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(63,185,80,.1),transparent);transition:left var(--duration-500) var(--ease-in-out)}.tag:hover:before{left:100%}.tag:hover{border-color:var(--accent-green);transform:translateY(-1px);box-shadow:0 2px 8px #3fb95033}.tag-prefix{color:var(--accent-green);font-weight:var(--font-semibold)}.status{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.status-dot{width:.5rem;height:.5rem;border-radius:50%;flex-shrink:0}.status-online .status-dot{background:var(--accent-green);animation:pulse 2s infinite;box-shadow:0 0 .5rem var(--accent-green)}.status-offline .status-dot{background:var(--text-muted)}.status-busy .status-dot{background:var(--accent-yellow);animation:pulse 2s infinite;box-shadow:0 0 .5rem var(--accent-yellow)}.status-error .status-dot{background:var(--accent-red);animation:pulse 1s infinite;box-shadow:0 0 .5rem var(--accent-red)}.alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--bg-secondary);margin-bottom:var(--space-4)}.alert-icon{flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:.125rem}.alert-content{flex:1}.alert-title{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-1) 0}.alert-message{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:var(--leading-normal)}.alert-success{background:#3fb9501a;border-color:var(--accent-green)}.alert-success .alert-title{color:var(--accent-green)}.alert-info{background:#39c5cf1a;border-color:var(--accent-cyan)}.alert-info .alert-title{color:var(--accent-cyan)}.alert-warning{background:#d299221a;border-color:var(--accent-yellow)}.alert-warning .alert-title{color:var(--accent-yellow)}.alert-error{background:#f851491a;border-color:var(--accent-red)}.alert-error .alert-title{color:var(--accent-red)}@media(max-width:768px){.nav-toggle{display:block}.nav-menu{position:fixed;top:100%;left:0;right:0;background:var(--bg-secondary);flex-direction:column;gap:0;padding:var(--space-4);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all var(--duration-300) var(--ease-in-out);border-bottom:2px solid var(--border-primary);max-height:80vh;overflow-y:auto}.nav-menu.active{transform:translateY(0);opacity:1;visibility:visible}.nav-item{width:100%}.nav-link{width:100%;justify-content:flex-start;padding:var(--space-4)}.nav-status{display:none}.nav-brand{font-size:var(--text-base)}}@media(max-width:640px){.card{padding:var(--space-4)}.card-title{font-size:var(--text-lg)}.card-actions{flex-direction:column;gap:var(--space-2)}.card-action{width:100%;justify-content:center}}@media(max-width:640px){.btn{padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}.btn-lg{padding:var(--space-4) var(--space-6);font-size:var(--text-base)}.btn-xl{padding:var(--space-5) var(--space-8);font-size:var(--text-lg)}}@media(max-width:640px){.alert{padding:var(--space-3);gap:var(--space-2)}.alert-icon{width:1rem;height:1rem}.alert-title,.alert-message{font-size:var(--text-xs)}}.content-wrapper{max-width:65ch;margin:0 auto}.content-wrapper p{margin-bottom:var(--space-4);line-height:var(--leading-relaxed);color:var(--text-primary)}.content-wrapper pre{margin:var(--space-6) 0}.content-wrapper h1,.content-wrapper h2,.content-wrapper h3,.content-wrapper h4,.content-wrapper h5,.content-wrapper h6{font-family:var(--font-mono);color:var(--text-primary);margin-top:var(--space-8);margin-bottom:var(--space-4);line-height:var(--leading-tight);scroll-margin-top:2rem}.content-wrapper h1{font-size:var(--fluid-text-3xl);border-bottom:2px solid var(--accent-green);padding-bottom:var(--space-2)}.content-wrapper h2{font-size:var(--fluid-text-2xl)}.content-wrapper h2:before{content:"## ";color:var(--accent-green)}.content-wrapper h3{font-size:var(--fluid-text-xl)}.content-wrapper h3:before{content:"### ";color:var(--accent-cyan)}.content-wrapper ul,.content-wrapper ol{margin-bottom:var(--space-6);padding-left:var(--space-6)}.content-wrapper li{margin-bottom:var(--space-2)}.content-wrapper ul li::marker{color:var(--accent-green)}.content-wrapper ol li::marker{color:var(--accent-cyan);font-family:var(--font-mono);font-weight:var(--font-semibold)}.content-wrapper blockquote{border-left:4px solid var(--accent-green);padding-left:var(--space-4);margin:var(--space-6) 0;font-style:italic;color:var(--text-secondary);background:var(--bg-tertiary);padding:var(--space-4);border-radius:var(--radius)}.content-wrapper a{color:var(--accent-cyan);text-decoration:none;border-bottom:1px solid transparent;transition:all var(--duration-200) var(--ease-in-out)}.content-wrapper a:hover{border-bottom-color:var(--accent-cyan);color:var(--accent-green)}.content-wrapper code{font-family:var(--font-mono);background:var(--bg-tertiary);padding:.125rem .25rem;border-radius:var(--radius-sm);font-size:.875em;color:var(--accent-green);border:1px solid var(--border-primary)}.content-wrapper img{max-width:100%;height:auto;border-radius:var(--radius);margin:var(--space-6) 0;border:1px solid var(--border-primary)}.content-wrapper table{width:100%;border-collapse:collapse;margin:var(--space-6) 0;font-family:var(--font-mono);font-size:var(--text-sm)}.content-wrapper th,.content-wrapper td{padding:var(--space-3);text-align:left;border-bottom:1px solid var(--border-primary)}.content-wrapper th{background:var(--bg-tertiary);font-weight:var(--font-semibold);color:var(--accent-green)}.content-wrapper tr:hover{background:var(--bg-tertiary)}.p-0{padding:var(--space-0)}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.p-10{padding:var(--space-10)}.p-12{padding:var(--space-12)}.p-16{padding:var(--space-16)}.p-20{padding:var(--space-20)}.p-24{padding:var(--space-24)}.px-0{padding-left:var(--space-0);padding-right:var(--space-0)}.px-1{padding-left:var(--space-1);padding-right:var(--space-1)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-5{padding-left:var(--space-5);padding-right:var(--space-5)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.px-10{padding-left:var(--space-10);padding-right:var(--space-10)}.px-12{padding-left:var(--space-12);padding-right:var(--space-12)}.px-16{padding-left:var(--space-16);padding-right:var(--space-16)}.px-20{padding-left:var(--space-20);padding-right:var(--space-20)}.px-24{padding-left:var(--space-24);padding-right:var(--space-24)}.py-0{padding-top:var(--space-0);padding-bottom:var(--space-0)}.py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-5{padding-top:var(--space-5);padding-bottom:var(--space-5)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.py-10{padding-top:var(--space-10);padding-bottom:var(--space-10)}.py-12{padding-top:var(--space-12);padding-bottom:var(--space-12)}.py-16{padding-top:var(--space-16);padding-bottom:var(--space-16)}.py-20{padding-top:var(--space-20);padding-bottom:var(--space-20)}.py-24{padding-top:var(--space-24);padding-bottom:var(--space-24)}.pt-0{padding-top:var(--space-0)}.pt-1{padding-top:var(--space-1)}.pt-2{padding-top:var(--space-2)}.pt-3{padding-top:var(--space-3)}.pt-4{padding-top:var(--space-4)}.pt-5{padding-top:var(--space-5)}.pt-6{padding-top:var(--space-6)}.pt-8{padding-top:var(--space-8)}.pt-10{padding-top:var(--space-10)}.pt-12{padding-top:var(--space-12)}.pt-16{padding-top:var(--space-16)}.pt-20{padding-top:var(--space-20)}.pt-24{padding-top:var(--space-24)}.pr-0{padding-right:var(--space-0)}.pr-1{padding-right:var(--space-1)}.pr-2{padding-right:var(--space-2)}.pr-3{padding-right:var(--space-3)}.pr-4{padding-right:var(--space-4)}.pr-5{padding-right:var(--space-5)}.pr-6{padding-right:var(--space-6)}.pr-8{padding-right:var(--space-8)}.pr-10{padding-right:var(--space-10)}.pr-12{padding-right:var(--space-12)}.pr-16{padding-right:var(--space-16)}.pr-20{padding-right:var(--space-20)}.pr-24{padding-right:var(--space-24)}.pb-0{padding-bottom:var(--space-0)}.pb-1{padding-bottom:var(--space-1)}.pb-2{padding-bottom:var(--space-2)}.pb-3{padding-bottom:var(--space-3)}.pb-4{padding-bottom:var(--space-4)}.pb-5{padding-bottom:var(--space-5)}.pb-6{padding-bottom:var(--space-6)}.pb-8{padding-bottom:var(--space-8)}.pb-10{padding-bottom:var(--space-10)}.pb-12{padding-bottom:var(--space-12)}.pb-16{padding-bottom:var(--space-16)}.pb-20{padding-bottom:var(--space-20)}.pb-24{padding-bottom:var(--space-24)}.pl-0{padding-left:var(--space-0)}.pl-1{padding-left:var(--space-1)}.pl-2{padding-left:var(--space-2)}.pl-3{padding-left:var(--space-3)}.pl-4{padding-left:var(--space-4)}.pl-5{padding-left:var(--space-5)}.pl-6{padding-left:var(--space-6)}.pl-8{padding-left:var(--space-8)}.pl-10{padding-left:var(--space-10)}.pl-12{padding-left:var(--space-12)}.pl-16{padding-left:var(--space-16)}.pl-20{padding-left:var(--space-20)}.pl-24{padding-left:var(--space-24)}.m-0{margin:var(--space-0)}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-5{margin:var(--space-5)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.m-10{margin:var(--space-10)}.m-12{margin:var(--space-12)}.m-16{margin:var(--space-16)}.m-20{margin:var(--space-20)}.m-24{margin:var(--space-24)}.mx-0{margin-left:var(--space-0);margin-right:var(--space-0)}.mx-1{margin-left:var(--space-1);margin-right:var(--space-1)}.mx-2{margin-left:var(--space-2);margin-right:var(--space-2)}.mx-3{margin-left:var(--space-3);margin-right:var(--space-3)}.mx-4{margin-left:var(--space-4);margin-right:var(--space-4)}.mx-5{margin-left:var(--space-5);margin-right:var(--space-5)}.mx-6{margin-left:var(--space-6);margin-right:var(--space-6)}.mx-8{margin-left:var(--space-8);margin-right:var(--space-8)}.mx-10{margin-left:var(--space-10);margin-right:var(--space-10)}.mx-12{margin-left:var(--space-12);margin-right:var(--space-12)}.mx-16{margin-left:var(--space-16);margin-right:var(--space-16)}.mx-20{margin-left:var(--space-20);margin-right:var(--space-20)}.mx-24{margin-left:var(--space-24);margin-right:var(--space-24)}.my-0{margin-top:var(--space-0);margin-bottom:var(--space-0)}.my-1{margin-top:var(--space-1);margin-bottom:var(--space-1)}.my-2{margin-top:var(--space-2);margin-bottom:var(--space-2)}.my-3{margin-top:var(--space-3);margin-bottom:var(--space-3)}.my-4{margin-top:var(--space-4);margin-bottom:var(--space-4)}.my-5{margin-top:var(--space-5);margin-bottom:var(--space-5)}.my-6{margin-top:var(--space-6);margin-bottom:var(--space-6)}.my-8{margin-top:var(--space-8);margin-bottom:var(--space-8)}.my-10{margin-top:var(--space-10);margin-bottom:var(--space-10)}.my-12{margin-top:var(--space-12);margin-bottom:var(--space-12)}.my-16{margin-top:var(--space-16);margin-bottom:var(--space-16)}.my-20{margin-top:var(--space-20);margin-bottom:var(--space-20)}.my-24{margin-top:var(--space-24);margin-bottom:var(--space-24)}.mt-0{margin-top:var(--space-0)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mt-10{margin-top:var(--space-10)}.mt-12{margin-top:var(--space-12)}.mt-16{margin-top:var(--space-16)}.mt-20{margin-top:var(--space-20)}.mt-24{margin-top:var(--space-24)}.mr-0{margin-right:var(--space-0)}.mr-1{margin-right:var(--space-1)}.mr-2{margin-right:var(--space-2)}.mr-3{margin-right:var(--space-3)}.mr-4{margin-right:var(--space-4)}.mr-5{margin-right:var(--space-5)}.mr-6{margin-right:var(--space-6)}.mr-8{margin-right:var(--space-8)}.mr-10{margin-right:var(--space-10)}.mr-12{margin-right:var(--space-12)}.mr-16{margin-right:var(--space-16)}.mr-20{margin-right:var(--space-20)}.mr-24{margin-right:var(--space-24)}.mb-0{margin-bottom:var(--space-0)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-10{margin-bottom:var(--space-10)}.mb-12{margin-bottom:var(--space-12)}.mb-16{margin-bottom:var(--space-16)}.mb-20{margin-bottom:var(--space-20)}.mb-24{margin-bottom:var(--space-24)}.ml-0{margin-left:var(--space-0)}.ml-1{margin-left:var(--space-1)}.ml-2{margin-left:var(--space-2)}.ml-3{margin-left:var(--space-3)}.ml-4{margin-left:var(--space-4)}.ml-5{margin-left:var(--space-5)}.ml-6{margin-left:var(--space-6)}.ml-8{margin-left:var(--space-8)}.ml-10{margin-left:var(--space-10)}.ml-12{margin-left:var(--space-12)}.ml-16{margin-left:var(--space-16)}.ml-20{margin-left:var(--space-20)}.ml-24{margin-left:var(--space-24)}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.mt-auto{margin-top:auto}.mr-auto{margin-right:auto}.mb-auto{margin-bottom:auto}.ml-auto{margin-left:auto}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.font-thin{font-weight:var(--font-thin)}.font-light{font-weight:var(--font-light)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.font-extrabold{font-weight:var(--font-extrabold)}.font-black{font-weight:var(--font-black)}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.font-serif{font-family:var(--font-serif)}.font-terminal{font-family:var(--font-terminal)}.leading-none{line-height:var(--leading-none)}.leading-tight{line-height:var(--leading-tight)}.leading-snug{line-height:var(--leading-snug)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.leading-loose{line-height:var(--leading-loose)}.tracking-tighter{letter-spacing:var(--tracking-tighter)}.tracking-tight{letter-spacing:var(--tracking-tight)}.tracking-normal{letter-spacing:var(--tracking-normal)}.tracking-wide{letter-spacing:var(--tracking-wide)}.tracking-wider{letter-spacing:var(--tracking-wider)}.tracking-widest{letter-spacing:var(--tracking-widest)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.underline{text-decoration:underline}.line-through{text-decoration:line-through}.no-underline{text-decoration:none}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-inverse{color:var(--text-inverse)}.text-accent{color:var(--text-accent)}.text-green{color:var(--accent-green)}.text-blue{color:var(--accent-blue)}.text-cyan{color:var(--accent-cyan)}.text-yellow{color:var(--accent-yellow)}.text-red{color:var(--accent-red)}.text-purple{color:var(--accent-purple)}.text-orange{color:var(--accent-orange)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.bg-overlay{background-color:var(--bg-overlay)}.bg-inverse{background-color:var(--bg-inverse)}.bg-green{background-color:var(--accent-green)}.bg-blue{background-color:var(--accent-blue)}.bg-cyan{background-color:var(--accent-cyan)}.bg-yellow{background-color:var(--accent-yellow)}.bg-red{background-color:var(--accent-red)}.bg-purple{background-color:var(--accent-purple)}.bg-orange{background-color:var(--accent-orange)}.border-primary{border-color:var(--border-primary)}.border-secondary{border-color:var(--border-secondary)}.border-accent{border-color:var(--border-accent)}.border-focus{border-color:var(--border-focus)}.border-green{border-color:var(--accent-green)}.border-blue{border-color:var(--accent-blue)}.border-cyan{border-color:var(--accent-cyan)}.border-yellow{border-color:var(--accent-yellow)}.border-red{border-color:var(--accent-red)}.border-purple{border-color:var(--accent-purple)}.border-orange{border-color:var(--accent-orange)}.border-0{border-width:0}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-8{border-width:8px}.rounded-none{border-radius:var(--radius-none)}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:var(--radius-full)}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.inline-grid{display:inline-grid}.hidden{display:none}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.top-1{top:var(--space-1)}.top-2{top:var(--space-2)}.top-4{top:var(--space-4)}.top-8{top:var(--space-8)}.right-0{right:0}.right-1{right:var(--space-1)}.right-2{right:var(--space-2)}.right-4{right:var(--space-4)}.right-8{right:var(--space-8)}.bottom-0{bottom:0}.bottom-1{bottom:var(--space-1)}.bottom-2{bottom:var(--space-2)}.bottom-4{bottom:var(--space-4)}.bottom-8{bottom:var(--space-8)}.left-0{left:0}.left-1{left:var(--space-1)}.left-2{left:var(--space-2)}.left-4{left:var(--space-4)}.left-8{left:var(--space-8)}.z-negative{z-index:var(--z-negative)}.z-base{z-index:var(--z-base)}.z-docked{z-index:var(--z-docked)}.z-dropdown{z-index:var(--z-dropdown)}.z-sticky{z-index:var(--z-sticky)}.z-banner{z-index:var(--z-banner)}.z-overlay{z-index:var(--z-overlay)}.z-modal{z-index:var(--z-modal)}.z-popover{z-index:var(--z-popover)}.z-skip-link{z-index:var(--z-skip-link)}.z-toast{z-index:var(--z-toast)}.z-tooltip{z-index:var(--z-tooltip)}.w-auto{width:auto}.w-full{width:100%}.w-screen{width:100vw}.w-min{width:min-content}.w-max{width:max-content}.w-fit{width:fit-content}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.h-min{height:min-content}.h-max{height:max-content}.h-fit{height:fit-content}.min-w-0{min-width:0}.min-w-full{min-width:100%}.min-w-min{min-width:min-content}.min-w-max{min-width:max-content}.max-w-0{max-width:0}.max-w-none{max-width:none}.max-w-xs{max-width:20rem}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-full{max-width:100%}.max-w-screen-sm{max-width:640px}.max-w-screen-md{max-width:768px}.max-w-screen-lg{max-width:1024px}.max-w-screen-xl{max-width:1280px}.min-h-0{min-height:0}.min-h-full{min-height:100%}.min-h-screen{min-height:80vh}.min-h-min{min-height:min-content}.min-h-max{min-height:max-content}.max-h-0{max-height:0}.max-h-none{max-height:none}.max-h-full{max-height:100%}.max-h-screen{max-height:100vh}.max-h-min{max-height:min-content}.max-h-max{max-height:max-content}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex-nowrap{flex-wrap:nowrap}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.content-start{align-content:flex-start}.content-end{align-content:flex-end}.content-center{align-content:center}.content-between{align-content:space-between}.content-around{align-content:space-around}.content-evenly{align-content:space-evenly}.self-auto{align-self:auto}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-stretch{align-self:stretch}.self-baseline{align-self:baseline}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.flex-shrink-0{flex-shrink:0}.flex-shrink{flex-shrink:1}.flex-grow-0{flex-grow:0}.flex-grow{flex-grow:1}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.scale-0{transform:scale(0)}.scale-50{transform:scale(.5)}.scale-75{transform:scale(.75)}.scale-90{transform:scale(.9)}.scale-95{transform:scale(.95)}.scale-100{transform:scale(1)}.scale-105{transform:scale(1.05)}.scale-110{transform:scale(1.1)}.scale-125{transform:scale(1.25)}.scale-150{transform:scale(1.5)}.rotate-0{transform:rotate(0)}.rotate-45{transform:rotate(45deg)}.rotate-90{transform:rotate(90deg)}.rotate-180{transform:rotate(180deg)}.-rotate-45{transform:rotate(-45deg)}.-rotate-90{transform:rotate(-90deg)}.-rotate-180{transform:rotate(-180deg)}.translate-x-0{transform:translate(0)}.translate-x-px{transform:translate(1px)}.-translate-x-px{transform:translate(-1px)}.translate-x-1{transform:translate(var(--space-1))}.translate-x-2{transform:translate(var(--space-2))}.translate-x-4{transform:translate(var(--space-4))}.translate-x-8{transform:translate(var(--space-8))}.-translate-x-1{transform:translate(calc(-1 * var(--space-1)))}.-translate-x-2{transform:translate(calc(-1 * var(--space-2)))}.-translate-x-4{transform:translate(calc(-1 * var(--space-4)))}.-translate-x-8{transform:translate(calc(-1 * var(--space-8)))}.translate-y-0{transform:translateY(0)}.translate-y-px{transform:translateY(1px)}.-translate-y-px{transform:translateY(-1px)}.translate-y-1{transform:translateY(var(--space-1))}.translate-y-2{transform:translateY(var(--space-2))}.translate-y-4{transform:translateY(var(--space-4))}.translate-y-8{transform:translateY(var(--space-8))}.-translate-y-1{transform:translateY(calc(-1 * var(--space-1)))}.-translate-y-2{transform:translateY(calc(-1 * var(--space-2)))}.-translate-y-4{transform:translateY(calc(-1 * var(--space-4)))}.-translate-y-8{transform:translateY(calc(-1 * var(--space-8)))}.opacity-0{opacity:0}.opacity-5{opacity:.05}.opacity-10{opacity:.1}.opacity-20{opacity:.2}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-95{opacity:.95}.opacity-100{opacity:1}.visible{visibility:visible}.invisible{visibility:hidden}.cursor-auto{cursor:auto}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.cursor-text{cursor:text}.cursor-move{cursor:move}.cursor-help{cursor:help}.cursor-not-allowed{cursor:not-allowed}.select-none{user-select:none}.select-text{user-select:text}.select-all{user-select:all}.select-auto{user-select:auto}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.resize-none{resize:none}.resize-y{resize:vertical}.resize-x{resize:horizontal}.resize{resize:both}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-x-visible{overflow-x:visible}.overflow-x-scroll{overflow-x:scroll}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.overflow-y-visible{overflow-y:visible}.overflow-y-scroll{overflow-y:scroll}.terminal-text{font-family:var(--font-terminal);font-size:var(--terminal-text-size);line-height:var(--terminal-line-height);color:var(--accent-green)}.terminal-prompt:before{content:"$ ";color:var(--accent-green);font-weight:var(--font-bold)}.terminal-cursor:after{content:"_";animation:blink 1s infinite;color:var(--accent-cyan)}.reading-optimized{max-width:var(--reading-width);line-height:var(--reading-line-height)}.glow-green{box-shadow:0 0 20px #3fb95080}.glow-cyan{box-shadow:0 0 20px #39c5cf80}.glow-blue{box-shadow:0 0 20px #58a6ff80}.code-inline{font-family:var(--font-mono);background:var(--bg-tertiary);padding:.125rem .375rem;border-radius:var(--radius);font-size:.875em;color:var(--accent-cyan);border:1px solid var(--border-primary)}.terminal-section{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-6);position:relative}.terminal-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--accent-green) 0%,var(--accent-cyan) 100%);border-radius:var(--radius-lg) var(--radius-lg) 0 0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:fadeIn .3s ease}.animate-fade-in-up{animation:fadeInUp .3s ease}.animate-slide-in-left{animation:slideInLeft .3s ease}.animate-slide-in-right{animation:slideInRight .3s ease}.animate-pulse{animation:pulse 2s infinite}.animate-blink{animation:blink 1s infinite}.hover\:scale-105:hover{transform:scale(1.05)}.hover\:scale-110:hover{transform:scale(1.1)}.hover\:lift:hover{transform:translateY(-2px)}.hover\:glow:hover{box-shadow:0 0 20px #3fb9504d}.hover\:text-green:hover{color:var(--accent-green)}.hover\:text-cyan:hover{color:var(--accent-cyan)}.hover\:bg-secondary:hover{background-color:var(--bg-secondary)}.hover\:bg-tertiary:hover{background-color:var(--bg-tertiary)}.focus\:outline-none:focus{outline:none}.focus\:ring:focus{outline:var(--focus-width) solid var(--border-focus);outline-offset:var(--focus-offset)}.active\:scale-95:active{transform:scale(.95)}@media(min-width:640px){.sm\:block{display:block}.sm\:inline-block{display:inline-block}.sm\:flex{display:flex}.sm\:grid{display:grid}.sm\:hidden{display:none}.sm\:text-base{font-size:var(--text-base)}.sm\:text-lg{font-size:var(--text-lg)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:768px){.md\:block{display:block}.md\:inline-block{display:inline-block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:text-lg{font-size:var(--text-lg)}.md\:text-xl{font-size:var(--text-xl)}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1024px){.lg\:block{display:block}.lg\:inline-block{display:inline-block}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:text-xl{font-size:var(--text-xl)}.lg\:text-2xl{font-size:var(--text-2xl)}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1280px){.xl\:block{display:block}.xl\:inline-block{display:inline-block}.xl\:flex{display:flex}.xl\:grid{display:grid}.xl\:hidden{display:none}.xl\:text-2xl{font-size:var(--text-2xl)}.xl\:text-3xl{font-size:var(--text-3xl)}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}:focus-visible{outline:var(--focus-width) solid var(--border-focus);outline-offset:var(--focus-offset);border-radius:var(--radius)}::selection{background-color:var(--accent-green);color:var(--text-inverse);text-shadow:none}::-moz-selection{background-color:var(--accent-green);color:var(--text-inverse);text-shadow:none}::placeholder{color:var(--text-muted);font-style:italic;opacity:1}.text-optimized{text-rendering:optimizeLegibility;-webkit-font-feature-settings:"kern" 1,"liga" 1;font-feature-settings:"kern" 1,"liga" 1}.transition-all{transition:all var(--duration-200) var(--ease-in-out)}.transition-colors{transition:color var(--duration-200) var(--ease-in-out),background-color var(--duration-200) var(--ease-in-out),border-color var(--duration-200) var(--ease-in-out)}.transition-transform{transition:transform var(--duration-200) var(--ease-in-out)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.hover-scale:hover{transform:scale(var(--interactive-scale))}.hover-glow:hover{box-shadow:0 0 20px #3fb9504d}.loading{position:relative;overflow:hidden}.loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(63,185,80,.1),transparent);animation:loading-shimmer 1.5s infinite}@keyframes loading-shimmer{0%{left:-100%}to{left:100%}}.cursor-blink:after{content:"_";animation:blink 1s infinite;color:var(--accent-cyan)}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@media print{*{animation:none!important;transition:none!important;text-shadow:none!important;box-shadow:none!important}body{color:#000!important;background:#fff!important}.no-print,.navigation,footer{display:none!important}a{color:#000!important;text-decoration:underline!important}a[href]:after{content:" (" attr(href) ")";font-size:.8em;color:#666}pre{border:1px solid #ccc;page-break-inside:avoid;background:#f5f5f5!important;color:#000!important}code{background:#f5f5f5!important;color:#000!important}table{border-collapse:collapse;width:100%}th,td{border:1px solid #ccc;padding:8px}img{max-width:100%!important;height:auto!important}h1,h2,h3,h4,h5,h6{color:#000!important;page-break-after:avoid;margin-top:1em;margin-bottom:.5em}p{orphans:3;widows:3;margin-bottom:.5em}}@media(prefers-contrast:high){:root{--bg-primary: #ffffff;--bg-secondary: #f8f8f8;--bg-tertiary: #e8e8e8;--text-primary: #000000;--text-secondary: #333333;--text-muted: #666666;--border-primary: #000000;--border-secondary: #333333;--accent-green: #006600;--accent-blue: #0000cc;--accent-cyan: #009999;--accent-yellow: #cc6600;--accent-red: #cc0000}a{text-decoration:underline}a:focus{outline:3px solid #000000;outline-offset:2px}button:focus,input:focus,textarea:focus,select:focus{outline:3px solid #000000;outline-offset:2px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.loading:after{animation:none}.pulse{animation:none}.cursor-blink:after{animation:none}}@media(prefers-color-scheme:light){:root{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--border-primary: #e2e8f0;--border-secondary: #cbd5e1;--code-bg: #f8fafc;--code-border: #e2e8f0}}.performance-optimize{contain:layout style paint}.gpu-accelerated{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}img{image-rendering:optimizeQuality;image-rendering:-webkit-optimize-contrast}.debug *{outline:1px solid rgba(255,0,0,.3)!important}.debug-grid{background-image:linear-gradient(rgba(255,0,0,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,0,0,.1) 1px,transparent 1px);background-size:20px 20px}@media(min-resolution:120dpi){.debug,.debug-grid{display:none}}