*{margin:0;padding:0;box-sizing:border-box}:root{--text-primary:#111827;--text-secondary:#6b7280;--text-muted:#9ca3af;--text-accent:#2563eb;--bg-primary:#ffffff;--bg-secondary:#f9fafb;--bg-accent:#eff6ff;--border-color:#e5e7eb;--border-light:#f3f4f6;--code-bg:#fafafa;--code-text:#24292e;--code-border:#e1e4e8;--code-keyword:#d73a49;--code-string:#032f62;--code-comment:#6a737d;--font-family-base:-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;--font-family-mono:"SFMono-Regular", Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;--font-size-xs:0.675rem;--font-size-sm:0.75rem;--font-size-base:0.875rem;--font-size-lg:1rem;--font-size-xl:1.125rem;--font-size-2xl:1.25rem;--font-size-3xl:1.5rem;--line-height-tight:1.3;--line-height-normal:1.5;--line-height-relaxed:1.6;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:0.75rem;--space-lg:1rem;--space-xl:1.5rem;--space-2xl:2rem;--border-radius:6px;--shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05)}[data-theme=dark]{--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-muted:#9ca3af;--text-accent:#60a5fa;--bg-primary:#111827;--bg-secondary:#1f2937;--bg-accent:#1e3a8a;--border-color:#374151;--border-light:#4b5563;--code-bg:#0d1117;--code-text:#f0f6fc;--code-border:#30363d;--code-keyword:#ff7b72;--code-string:#a5d6ff;--code-comment:#8b949e}[data-theme=dark] .intro-section{background:linear-gradient(135deg,var(--bg-primary) 0%,#1a202c 50%,var(--bg-primary) 100%)}[data-theme=dark] .intro-section::before{background:radial-gradient(circle at 20% 80%,rgba(96,165,250,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(34,197,94,.15) 0%,transparent 50%)}[data-theme=dark] .social-link{background:rgba(31,41,55,.8);border-color:var(--border-color)}[data-theme=dark] .section:not(.section:last-child) .blog-post{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .section:not(.section:last-child) .blog-post:hover{box-shadow:0 2px 8px rgba(0,0,0,.3)}body{font-family:var(--font-family-base);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--bg-primary);transition:background-color .3s ease,color .3s ease;font-size:var(--font-size-base);font-weight:var(--font-weight-normal);letter-spacing:0;-webkit-font-smoothing:antialiased}a{color:var(--text-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}a:hover{text-decoration:none}a:visited{color:var(--text-accent)}.container{max-width:1280px;margin:0 auto;padding:0 var(--space-lg)}header{background-color:var(--bg-primary);position:fixed;top:0;left:0;right:0;z-index:1000;padding:var(--space-sm)0;border-bottom:1px solid var(--border-color);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}nav{display:flex;justify-content:space-between;align-items:center}.logo{font-family:var(--font-family-base);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);letter-spacing:0}.nav-links{display:flex;list-style:none;gap:var(--space-xl)}.nav-links a{text-decoration:none;color:var(--text-secondary);font-weight:var(--font-weight-normal);padding:var(--space-xs)var(--space-md);font-size:var(--font-size-xl);font-family:var(--font-family-base)}.nav-links a:hover{color:var(--text-accent)}.theme-toggle{background:0 0;border:1px solid var(--border-color);border-radius:var(--border-radius);width:28px;height:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);color:var(--text-secondary)}.theme-toggle:hover{color:var(--text-accent)}.blog-container{max-width:680px;margin:0 auto;padding:2rem 1rem;padding-top:6rem}.intro{text-align:center;margin-bottom:4rem;padding-bottom:3rem;border-bottom:2px solid var(--border-light)}.intro h1{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;line-height:1.2}.intro p{font-size:1.125rem;color:var(--text-secondary);line-height:1.6;margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto}.social-links{display:flex;gap:1rem;justify-content:center}.social-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-accent);text-decoration:none;font-weight:500;padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:6px;transition:all .2s ease}.social-link:hover{background:var(--text-accent);color:var(--bg-primary);border-color:var(--text-accent)}.social-icon{font-size:1.1rem}.section{margin-bottom:4rem}.section-title{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin-bottom:2rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-light)}.section:not(.section:last-child) .blog-post{margin-bottom:2rem;padding:1.5rem;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:8px;transition:all .2s ease}.section:not(.section:last-child) .blog-post:hover{border-color:var(--text-accent);box-shadow:0 2px 8px rgba(0,0,0,.1);transform:translateY(-1px)}.section:last-child .blog-post{margin-bottom:2rem;padding:0;background:0 0;border:none;border-radius:0;transition:none}.section:last-child .blog-post:hover{border-color:transparent;box-shadow:none;transform:none}.blog-post h3{font-size:1.25rem;font-weight:600;line-height:1.3;margin-bottom:.5rem;color:var(--text-primary)}.blog-post h3 a{color:inherit;text-decoration:none}.blog-post h3 a:hover{color:var(--text-accent)}.post-meta{display:flex;gap:1rem;margin-bottom:1rem;font-size:.875rem;color:var(--text-muted)}.post-date,.post-category{font-weight:500}.post-category{color:var(--text-accent)}.blog-post p{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem;font-size:1rem}.read-more{color:var(--text-accent);text-decoration:none;font-size:.875rem;font-weight:500}.read-more:hover{text-decoration:underline}section{padding:var(--space-xl)0}h2{font-family:var(--font-family-base);font-size:var(--font-size-xl);margin-bottom:var(--space-lg);text-align:left;color:var(--text-primary);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.hero{min-height:50vh;display:flex;align-items:center;justify-content:center;text-align:center;background:var(--bg-primary);color:var(--text-primary);padding:var(--space-2xl)0}.hero-content{max-width:600px;margin:0 auto;padding:var(--space-lg)}.hero h1{font-size:var(--font-size-2xl);margin-bottom:var(--space-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:var(--line-height-tight);font-family:var(--font-family-base)}.gem-layout{display:grid;grid-template-columns:240px 1fr;gap:var(--space-2xl);min-height:100vh;padding-top:60px;background:var(--bg-primary);max-width:1320px;margin:0 auto;padding-left:var(--space-lg);padding-right:var(--space-lg)}.gem-sidebar{background:var(--bg-secondary);padding:var(--space-lg);border-radius:var(--border-radius);max-height:calc(100vh - 80px);overflow-y:auto;position:sticky;top:70px;border:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.gem-sidebar h3{font-family:var(--font-family-base);color:var(--text-muted);margin-bottom:var(--space-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;text-align:left;border-bottom:none;padding-bottom:0;margin-top:var(--space-xl)}.gem-sidebar h3:first-child{margin-top:0}.gem-sidebar ul{list-style:none;margin-bottom:var(--space-xl)}.gem-sidebar li{margin-bottom:var(--space-xs)}.gem-sidebar a{color:var(--text-secondary);text-decoration:none;font-weight:var(--font-weight-normal);display:block;padding:var(--space-xs)0;font-size:var(--font-size-base);line-height:var(--line-height-normal);border-radius:4px;margin:1px 0;font-family:var(--font-family-base)}.gem-sidebar a:hover{color:var(--text-accent)}.gem-sidebar a:visited{color:var(--text-secondary)}.gem-sidebar a:visited:hover{color:var(--text-accent)}.gem-sidebar a.active{color:var(--text-accent);background:var(--bg-accent);font-weight:var(--font-weight-semibold)}html{scroll-behavior:smooth}.gem-content h2,.gem-content h3,.gem-content section,.gem-content .expandable-section{scroll-margin-top:120px}.gem-sidebar a{position:relative;transition:color .1s ease}.gem-sidebar a::before{content:'';position:absolute;left:-1rem;top:50%;transform:translateY(-50%);width:3px;height:0;background:var(--text-accent);transition:height .1s ease;border-radius:2px}.gem-sidebar a.active::before{height:100%}.gem-sidebar a:hover::before{height:50%}.gem-content{max-width:800px;padding:var(--space-xl)var(--space-lg);background:var(--bg-primary)}.gem-content h1{font-family:var(--font-family-base);color:var(--text-primary);font-size:var(--font-size-3xl);margin-bottom:var(--space-lg);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);text-align:left;border-bottom:none;padding-bottom:0;letter-spacing:0}.gem-content h2{font-family:var(--font-family-base);color:var(--text-primary);font-size:var(--font-size-2xl);margin:var(--space-2xl)0 var(--space-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);text-align:left;scroll-margin-top:100px;border-bottom:none;padding-bottom:0;letter-spacing:0}.gem-content h3{font-family:var(--font-family-base);color:var(--text-primary);font-size:var(--font-size-lg);margin:var(--space-xl)0 var(--space-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);text-align:left;scroll-margin-top:100px;letter-spacing:0}.gem-content p{margin-bottom:var(--space-lg);color:var(--text-secondary);line-height:var(--line-height-normal);font-size:var(--font-size-base)}.gem-content ul,.gem-content ol{margin-bottom:var(--space-md);padding-left:var(--space-xl)}.gem-content li{margin-bottom:var(--space-xs);color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.gem-content blockquote{background:var(--bg-secondary);border-left:4px solid var(--text-accent);padding:1rem;margin:1rem 0;border-radius:0 var(--border-radius)var(--border-radius)0;box-shadow:var(--shadow-sm)}.gem-content blockquote p{margin:0;color:var(--text-primary)}.gem-content code{background:var(--code-bg)!important;padding:var(--space-xs)var(--space-sm);border:1px solid var(--code-border);border-radius:4px;font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--code-text)!important;font-weight:var(--font-weight-medium);box-shadow:var(--shadow-sm)}.gem-content pre{background:var(--code-bg)!important;padding:var(--space-lg);border:1px solid var(--code-border);border-radius:var(--border-radius);overflow-x:auto;margin:var(--space-xl)0;line-height:var(--line-height-relaxed);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,6%)}.gem-content pre code{background:0 0!important;padding:0;color:var(--code-text)!important;border:none!important;font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);box-shadow:none}.gem-content .highlight{background:var(--code-bg)!important;border:1px solid var(--code-border);border-radius:var(--border-radius);overflow-x:auto;margin:1.5rem 0;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,6%)}.gem-content .highlight pre{background:0 0!important;border:none!important;margin:0!important;box-shadow:none!important}.gem-content .highlight .k,.gem-content .highlight .kc,.gem-content .highlight .kd,.gem-content .highlight .kn,.gem-content .highlight .kp,.gem-content .highlight .kr,.gem-content .highlight .kt{color:var(--code-keyword);font-weight:var(--font-weight-semibold)}.gem-content .highlight .s,.gem-content .highlight .s1,.gem-content .highlight .s2,.gem-content .highlight .sa,.gem-content .highlight .sb,.gem-content .highlight .sc,.gem-content .highlight .se,.gem-content .highlight .sh,.gem-content .highlight .si,.gem-content .highlight .sx{color:var(--code-string)}.gem-content .highlight .c,.gem-content .highlight .c1,.gem-content .highlight .ch,.gem-content .highlight .cm,.gem-content .highlight .cp,.gem-content .highlight .cpf,.gem-content .highlight .cs{color:var(--code-comment);font-style:italic}.gem-content .highlight .nf,.gem-content .highlight .nc,.gem-content .highlight .ne{color:var(--text-accent);font-weight:var(--font-weight-semibold)}.gem-content .highlight .m,.gem-content .highlight .mb,.gem-content .highlight .mf,.gem-content .highlight .mh,.gem-content .highlight .mi,.gem-content .highlight .mo,.gem-content .highlight .kc{color:var(--code-keyword)}.gem-content .highlight .n,.gem-content .highlight .na,.gem-content .highlight .nb,.gem-content .highlight .bp{color:var(--code-text)}.gem-content .highlight .o,.gem-content .highlight .ow{color:var(--code-keyword)}.gem-content .highlight .p{color:var(--code-text)}.copy-button{position:absolute;top:var(--space-sm);right:var(--space-sm);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;padding:var(--space-xs)var(--space-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;gap:var(--space-xs);transition:all .2s ease;opacity:0;z-index:10;font-family:var(--font-family-base)}.copy-button:hover{background:var(--bg-primary);color:var(--text-primary);border-color:var(--text-accent)}.copy-button.copied{color:#16a34a;border-color:#16a34a}.copy-button.error{color:#dc2626;border-color:#dc2626}pre:hover .copy-button,.highlight:hover .copy-button{opacity:1}@media(max-width:768px){.copy-button{opacity:.7}.copy-button:hover{opacity:1}}.api-box{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);margin:var(--space-2xl)0;overflow:hidden;box-shadow:var(--shadow-sm)}.api-header{background:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:var(--space-lg)var(--space-xl)}.api-class{font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-accent);margin:0}.api-method{font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:var(--space-xl)0 var(--space-md);padding:var(--space-md)var(--space-xl);background:var(--bg-accent);border-left:3px solid var(--text-accent);border-radius:0 4px 4px 0}.api-content{padding:var(--space-xl)}.api-description{margin-bottom:var(--space-xl);color:var(--text-secondary);line-height:var(--line-height-relaxed);font-size:var(--font-size-base)}.api-parameters{margin:var(--space-xl)0}.api-parameters h4{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-md);border-bottom:1px solid var(--border-light);padding-bottom:var(--space-sm)}.api-param-list{list-style:none;padding:0;margin:0}.api-param-item{margin-bottom:var(--space-md);padding:var(--space-md);background:var(--bg-primary);border-radius:4px;border-left:2px solid var(--border-color)}.api-param-name{font-family:var(--font-family-mono);font-weight:var(--font-weight-semibold);color:var(--text-accent);font-size:var(--font-size-sm)}.api-param-type{font-family:var(--font-family-mono);color:var(--text-muted);font-style:italic;font-size:var(--font-size-xs)}.api-param-desc{color:var(--text-secondary);margin-top:var(--space-xs);line-height:var(--line-height-normal);font-size:var(--font-size-base)}.api-returns{margin:1.25rem 0}.api-returns h4{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-md);border-bottom:1px solid var(--border-light);padding-bottom:var(--space-sm)}.api-return-list{list-style:none;padding:0;margin:0}.api-return-item{margin-bottom:.5rem;padding:.5rem .75rem;background:var(--bg-primary);border-radius:4px;border-left:2px solid var(--text-accent)}.api-return-name{font-family:var(--font-family-mono);font-weight:var(--font-weight-semibold);color:var(--text-accent);font-size:var(--font-size-sm)}.api-return-type{font-family:var(--font-family-mono);color:var(--text-muted);font-style:italic;font-size:var(--font-size-xs)}.api-return-desc{color:var(--text-secondary);margin-top:var(--space-xs);line-height:var(--line-height-normal);font-size:var(--font-size-base)}.gem-table{width:100%;border-collapse:collapse;margin:1rem 0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius)}.gem-table th{background:var(--bg-secondary);color:var(--text-primary);padding:.75rem;text-align:left;font-weight:var(--font-weight-semibold);border-bottom:1px solid var(--border-color)}.gem-table td{padding:.75rem;border-bottom:1px solid var(--border-color)}.gem-table tr:last-child td{border-bottom:none}.gem-table code{background:var(--code-bg)!important;padding:var(--space-xs)var(--space-sm);border:1px solid var(--code-border);border-radius:4px;font-family:var(--font-family-base);font-size:var(--font-size-sm);color:var(--code-text)!important;font-weight:var(--font-weight-medium)}.gem-callout{background:var(--bg-accent);border:1px solid var(--text-accent);border-left:3px solid var(--text-accent);padding:var(--space-lg);margin:var(--space-xl)0;border-radius:var(--border-radius);font-size:var(--font-size-base);line-height:var(--line-height-normal);font-family:var(--font-family-base)}.gem-callout-icon{font-size:var(--font-size-lg);margin-right:var(--space-sm)}.gem-description{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--space-2xl)}.expandable-section{margin:1rem 0;border:1px solid var(--border-color);border-radius:var(--border-radius);scroll-margin-top:100px}.expandable-section summary{cursor:pointer;padding:1rem;background:var(--bg-secondary);font-weight:var(--font-weight-semibold);color:var(--text-primary);list-style:none;border-bottom:1px solid var(--border-color)}.expandable-section[open] summary{border-bottom:1px solid var(--border-color)}.expandable-section .content{padding:1rem;background:var(--bg-primary)}#typing-text{font-family:var(--font-family-base);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-lg);max-width:600px;opacity:0;transition:opacity .5s ease;line-height:var(--line-height-tight);color:var(--text-primary)}.typing-cursor::after{content:'|';animation:blink 1s infinite;margin-left:2px;color:var(--text-accent)}@keyframes blink{0%,50%{opacity:1}51%,100%{opacity:0}}@media(max-width:768px){.nav-links{display:none}.main-content{padding-top:70px}.intro-section{padding:var(--space-xl)var(--space-lg);margin-bottom:var(--space-xl);border-radius:var(--border-radius)}.intro-section h1,#typing-text{font-size:clamp(var(--font-size-xl),6vw,var(--font-size-2xl));letter-spacing:0}.blog-container{padding:1rem;padding-top:5rem}.intro h1{font-size:2rem}.intro p{font-size:1rem}.social-links{flex-direction:column;gap:.75rem;align-items:center}.social-link{width:150px;justify-content:center}.section{margin-bottom:3rem}.section-title{font-size:1.5rem;margin-bottom:1.5rem}.blog-post h3{font-size:1.125rem}.post-meta{flex-direction:column;gap:.25rem}.gem-layout{grid-template-columns:1fr;gap:var(--space-lg);padding-top:80px}.gem-sidebar{position:static;margin-bottom:var(--space-2xl);order:-1}.gem-content{padding:var(--space-xl)}.gem-content h1{font-size:var(--font-size-2xl);letter-spacing:0}.gem-content pre{padding:var(--space-lg);margin:var(--space-lg)0;font-size:var(--font-size-xs);border-radius:6px}.gem-content code{padding:var(--space-xs)var(--space-sm);font-size:var(--font-size-xs);border-radius:4px}.gem-table code{font-size:var(--font-size-xs);padding:var(--space-xs)}.gem-content h2{font-size:var(--font-size-xl)}.gem-content h3{font-size:var(--font-size-lg)}.gem-table{font-size:var(--font-size-sm)}.gem-table th,.gem-table td{padding:var(--space-md)}.gem-callout{padding:var(--space-lg);margin:var(--space-lg)0;padding-left:calc(var(--space-2xl) + var(--space-sm))}.expandable-section summary{padding:var(--space-lg);font-size:var(--font-size-sm)}.expandable-section .content{padding:var(--space-lg)}}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:var(--space-lg)0;margin-top:var(--space-xl);color:var(--text-secondary)}.footer .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-lg)}.footer p{margin:0;font-size:var(--font-size-sm);font-family:var(--font-family-base)}.footer-links a{color:var(--text-secondary);text-decoration:none;font-size:var(--font-size-sm);font-family:var(--font-family-base)}.footer-links a:hover{color:var(--text-accent)}@media(max-width:768px){.footer .container{flex-direction:column;text-align:center;gap:var(--space-xl)}.footer-links{justify-content:center}}