@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Geist:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200";:root{--bg: #f7f9fb;--surface: #f7f9fb;--surface-low: #f2f4f6;--surface-container: #eceef0;--surface-container-high: #e6e8ea;--surface-container-highest: #e0e3e5;--surface-lowest: #ffffff;--primary: #091426;--primary-container: #1e293b;--primary-fixed: #d8e3fb;--primary-fixed-dim: #bcc7de;--on-primary: #ffffff;--on-primary-container: #8590a6;--secondary: #006a61;--secondary-container: #86f2e4;--secondary-fixed-dim: #6bd8cb;--on-secondary: #ffffff;--on-secondary-container: #006f66;--tertiary: #041528;--tertiary-container: #1a2a3e;--on-surface: #191c1e;--on-surface-variant: #45474c;--outline: #75777d;--outline-variant: #e2e8f0;--surface-tint: #545f73;--error: #ba1a1a;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "Geist", "SF Mono", Consolas, Monaco, monospace;--container-max: 1140px;--gutter: 24px;--radius: 4px;--radius-lg: 4px;--radius-full: 9999px;--stack-lg: 64px;--stack-md: 32px;--stack-sm: 16px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background-color:var(--bg);color:var(--on-surface);line-height:1.5;min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;vertical-align:middle}.material-symbols-outlined.filled{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.font-headline-xl{font-family:var(--font-sans);font-size:clamp(32px,5vw,48px);font-weight:700;line-height:1.15;letter-spacing:-.02em;color:var(--primary)}.font-headline-lg{font-family:var(--font-sans);font-size:clamp(24px,3.5vw,32px);font-weight:600;line-height:1.25;letter-spacing:-.01em;color:var(--primary)}.font-headline-lg-mobile{font-family:var(--font-sans);font-size:20px;font-weight:600;line-height:1.35;color:var(--primary)}.font-body-md{font-family:var(--font-sans);font-size:16px;font-weight:400;line-height:1.6}.font-body-sm{font-family:var(--font-sans);font-size:14px;font-weight:400;line-height:1.5}.font-label-mono{font-family:var(--font-mono);font-size:12px;font-weight:500;line-height:16px;letter-spacing:.05em}.container-max{max-width:var(--container-max);margin-left:auto;margin-right:auto;padding-left:var(--gutter);padding-right:var(--gutter);width:100%}@media(max-width:640px){.container-max{padding-left:20px;padding-right:20px}}.main-content{flex-grow:1}a{color:inherit;text-decoration:none}.btn-primary{display:inline-flex;align-items:center;justify-content:center;background-color:var(--primary);color:var(--on-primary);font-family:var(--font-sans);font-size:14px;font-weight:600;padding:10px 22px;border-radius:var(--radius);border:1px solid var(--primary);cursor:pointer;transition:background-color .2s ease,border-color .2s ease,opacity .2s ease;text-decoration:none}.btn-primary:hover{background-color:var(--tertiary-container);border-color:var(--tertiary-container)}.btn-primary:active{opacity:.85}.btn-outline{display:inline-flex;align-items:center;justify-content:center;background-color:transparent;color:var(--primary);font-family:var(--font-sans);font-size:14px;font-weight:600;padding:10px 22px;border-radius:var(--radius);border:1px solid var(--outline);cursor:pointer;transition:background-color .2s ease,border-color .2s ease;text-decoration:none}.btn-outline:hover{background-color:var(--surface-container);border-color:var(--primary)}.status-pill{display:inline-flex;align-items:center;gap:8px;background-color:var(--surface-container);border:1px solid var(--outline-variant);padding:4px 12px;border-radius:var(--radius);font-family:var(--font-mono);font-size:12px;font-weight:500;color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.05em}.status-dot{width:8px;height:8px;border-radius:50%;background-color:var(--secondary);display:inline-block;position:relative}.status-dot.pulse:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background-color:var(--secondary);animation:pulse-ring 2s infinite ease-out}@keyframes pulse-ring{0%{transform:scale(1);opacity:.8}to{transform:scale(2.5);opacity:0}}.tech-chip{display:inline-block;background-color:var(--surface-container);color:var(--primary);font-family:var(--font-mono);font-size:12px;font-weight:500;padding:4px 10px;border-radius:var(--radius);border:1px solid var(--outline-variant)}.stitch-card{background-color:var(--surface-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius);padding:24px;transition:border-color .25s ease;display:flex;flex-direction:column}.stitch-card:hover{border-color:var(--outline)}.terminal-card{background-color:var(--primary-container);border:1px solid var(--outline-variant);border-radius:var(--radius);padding:24px;font-family:var(--font-mono);font-size:13px;line-height:1.6;color:var(--secondary-fixed-dim);overflow-x:auto}.terminal-header{display:flex;align-items:center;gap:8px;padding-bottom:12px;margin-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.terminal-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.terminal-prompt{color:var(--on-primary);font-weight:600}.terminal-comment{color:var(--on-primary-container)}.progress-bar-bg{width:100%;height:8px;background-color:var(--surface-container-high);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;background-color:var(--secondary);border-radius:var(--radius-full);transition:width .5s ease-in-out}.article-container{max-width:800px;margin:0 auto}.article-content{font-size:16px;line-height:1.75;color:var(--on-surface);margin-top:32px}.article-content h1,.article-content h2,.article-content h3,.article-content h4{color:var(--primary);font-weight:700;margin-top:36px;margin-bottom:14px;letter-spacing:-.01em}.article-content h2{font-size:26px;border-bottom:1px solid var(--outline-variant);padding-bottom:8px}.article-content h3{font-size:20px}.article-content p{margin-bottom:18px;color:var(--on-surface-variant)}.article-content ul,.article-content ol{margin-bottom:20px;padding-left:24px;color:var(--on-surface-variant)}.article-content li{margin-bottom:6px}.article-content blockquote{border-left:3px solid var(--secondary);background-color:var(--surface-container-low);padding:14px 20px;margin:24px 0;border-radius:0 var(--radius) var(--radius) 0;color:var(--on-surface);font-style:italic}.article-content code:not(pre code){font-family:var(--font-mono);font-size:.9em;background-color:var(--surface-container);color:var(--primary);padding:2px 6px;border-radius:var(--radius);border:1px solid var(--outline-variant)}.article-content pre{background-color:var(--primary-container);color:var(--secondary-fixed-dim);font-family:var(--font-mono);font-size:13px;line-height:1.55;padding:20px;border-radius:var(--radius);border:1px solid var(--outline-variant);overflow-x:auto;margin:24px 0}.article-content pre code{background:none;padding:0;border:none;color:inherit}.article-content img{max-width:100%;border-radius:var(--radius);border:1px solid var(--outline-variant);margin:24px 0}.form-group{margin-bottom:20px}.form-group label{display:block;font-family:var(--font-mono);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--primary);margin-bottom:8px}.input,.textarea{width:100%;padding:10px 14px;background-color:var(--surface-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius);font-family:var(--font-sans);font-size:14px;color:var(--on-surface);transition:border-color .2s ease,outline .2s ease}.input:focus,.textarea:focus{outline:none;border-color:var(--secondary);box-shadow:0 0 0 2px #006a6126}.textarea{min-height:280px;font-family:var(--font-mono);font-size:13.5px;line-height:1.55}.table-responsive{width:100%;overflow-x:auto;border:1px solid var(--outline-variant);border-radius:var(--radius);background-color:var(--surface-lowest)}.table{width:100%;border-collapse:collapse;font-size:14px}.table th,.table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--outline-variant)}.table th{background-color:var(--surface-container);font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--on-surface-variant);font-weight:600}.table tr:last-child td{border-bottom:none}.alert{padding:12px 16px;border-radius:var(--radius);font-size:14px;margin-bottom:20px;display:flex;align-items:center;gap:10px}.alert-error{background-color:#ffdad6;color:#93000a;border:1px solid #ffb4ab}.alert-success{background-color:#d1fae5;color:#065f46;border:1px solid #a7f3d0}