@charset "UTF-8";:root{--zyra-primary: #2563eb;--zyra-primary-hover: #1d4ed8;--zyra-primary-active: #1e40af;--zyra-secondary: #06b6d4;--zyra-secondary-hover: #0891b2;--zyra-secondary-active: #0e7490;--zyra-header-footer-background: rgba(0, 0, 0, .2);--zyra-gradient: linear-gradient(135deg, var(--zyra-primary) 0%, var(--zyra-secondary) 100%);--zyra-gradient-hover: linear-gradient(to right, var(--zyra-primary-hover) 0%, var(--zyra-secondary-hover) 100%);--zyra-accent: #0ea5e9;--zyra-accent-hover: #0284c7;--zyra-accent-active: #0369a1;--zyra-success: #10b981;--zyra-success-hover: #059669;--zyra-success-active: #047857;--zyra-warning: #f59e0b;--zyra-warning-hover: #d97706;--zyra-warning-active: #b45309;--zyra-error: #ef4444;--zyra-error-hover: #dc2626;--zyra-error-active: #b91c1c;--font-size: 16px;--spacing-1: .5rem;--spacing-2: 1rem;--spacing-3: 1.5rem;--spacing-4: 2rem;--spacing-5: 2.5rem;--spacing-6: 3rem;--spacing-8: 4rem;--spacing-10: 5rem;--spacing-12: 6rem;--radius: .5rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--focus-ring-width: 2px;--focus-ring-offset: 2px;--box-shadow: 0 1px 2px rgba(0, 0, 0, .05);--font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}[data-theme=light]{--background: #ffffff;--foreground: #0f172a;--card: #f8fafc;--card-foreground: #0f172a;--popover: #fff;--popover: #ffffff;--popover-foreground: #0f172a;--zyra-header-footer-background-light: rgba(255, 255, 255, .2);--primary-foreground: #ffffff;--secondary-foreground: #ffffff;--accent-foreground: #ffffff;--success-foreground: #ffffff;--warning-foreground: #ffffff;--error-foreground: #ffffff;--destructive-foreground: #ffffff;--color-gray-100: #f6f3f4;--color-black: #000;--color-white: #fff;--zyra-text-primary: #0f172a;--zyra-text-secondary: #475569;--zyra-text-muted: #94a3b8;--muted: #f1f5f9;--muted-foreground: #64748b;--border: #e2e8f0;--input: #e2e8f0;--input-background: #ffffff;--switch-background: #cbd5e1;--ring: var(--zyra-accent);--shadow-sm: 0 1px 2px 0 #0000000d;--shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--sidebar: #f8fafc;--sidebar-foreground: #0f172a;--sidebar-primary: var(--zyra-primary);--sidebar-primary-foreground: #ffffff;--sidebar-accent: #f1f5f9;--sidebar-accent-foreground: #0f172a;--sidebar-border: #e2e8f0;--sidebar-ring: var(--zyra-accent)}[data-theme=dark]{--background: #0f172a;--foreground: #f1f5f9;--card: #1e293b;--card-foreground: #f1f5f9;--popover: #1e293b;--popover-foreground: #f1f5f9;--primary-foreground: #ffffff;--secondary-foreground: #ffffff;--accent-foreground: #ffffff;--success-foreground: #ffffff;--warning-foreground: #0f172a;--error-foreground: #ffffff;--destructive-foreground: #ffffff;---muted: #334155;---muted-foreground: #94a3b8;--divider: #1e293b;--border: #ffffff1a;--input: #334155;--input-background: #1e293b;--switch-background: #475569;--ring: var(--zyra-accent);--shadow-sm: 0 1px 2px 0 #0000004d;--shadow-md: 0 4px 6px -1px #0000004d, 0 2px 4px -2px #0000004d;--shadow-lg: 0 10px 15px -3px #0000004d, 0 4px 6px -4px #0000004d;--shadow-xl: 0 20px 25px -5px #0000004d, 0 8px 10px -6px #0000004d;--sidebar: #1e293b;--sidebar-foreground: #f1f5f9;--sidebar-primary: var(--zyra-primary);--sidebar-primary-foreground: #ffffff;--sidebar-accent: #334155;--sidebar-accent-foreground: #f1f5f9;--sidebar-border: #334155;--sidebar-ring: var(--zyra-accent)}*,*:before,*:after{box-sizing:border-box}.zyra-markdown{font-family:var(--font-sans);max-width:800px;margin:auto}.zyra-markdown .blog-meta-row{display:inline-flex;align-items:center;gap:2rem;font-size:.9rem;color:var(--zyra-text-muted)}.zyra-markdown .blog-meta-row .post-meta-text{font-family:var(--font-sans);font-size:14px;color:var(--zyra-text-muted)}.zyra-markdown .icon{color:var(--zyra-text-muted);margin-left:.8rem}.zyra-markdown .blog-title{font-weight:400;line-height:1.08;letter-spacing:.03em;color:var(--zyra-text-primary);margin-bottom:1.4rem}.zyra-markdown .blog-author-row{display:flex;align-items:center;justify-content:space-between;gap:1.75rem;border-bottom:1px solid var(--border);margin:0 auto 32px;padding-bottom:2.5rem}.zyra-markdown .blog-author-row .blog-author-left{display:flex;align-items:center;gap:1rem}.zyra-markdown .blog-author-row .blog-author-left .blog-avatar{width:52px;height:52px;border-radius:50%;background:var(--zyra-circle-gradient);display:flex;align-items:center;justify-content:center;color:var(--zyra-text-primary);font-weight:600;font-size:1.1rem;flex-shrink:0}.zyra-markdown .blog-author-row .blog-author-left .blog-author-info{display:flex;flex-direction:column;gap:.15rem}.zyra-markdown .blog-author-row .blog-author-left .blog-author-info .blog-author-name{font-weight:600}.zyra-markdown .blog-author-row .blog-author-left .blog-author-info .blog-author-bio{font-size:.86rem;color:var(--zyra-text-muted)}.zyra-markdown .blog-author-row .blog-actions{display:flex;align-items:center;gap:1rem}.zyra-markdown .blog-author-row .blog-actions .blog-icon-btn{border-radius:999px;font-size:.82rem;display:inline-flex;align-items:center;padding:.42rem .78rem;gap:1rem;cursor:pointer}.zyra-markdown p,.zyra-markdown h1,.zyra-markdown h2,.zyra-markdown h3,.zyra-markdown h4,.zyra-markdown h5,.zyra-markdown h6{margin-bottom:16px!important;margin-top:32px!important;font-weight:600}.zyra-markdown p{font-weight:400;letter-spacing:1}.zyra-markdown h2,.zyra-markdown h3{color:var(--zyra-secondary)}.zyra-markdown blockquote{border-left:4px solid var(--primary-color);padding-left:1rem;margin:1.5rem 0;color:#555;background:var(--zyra-card)}hr{height:1px;margin:3rem auto;width:80px;border:1px solid var(--zyra-text-secondary)}.zyra-markdown ul,.zyra-markdown ol{padding-left:2rem;margin:1rem 0}.zyra-markdown ul li,.zyra-markdown ol li{margin:1rem 0}.zyra-markdown code{display:block;width:80%;color:var(--zyra-secondary);padding:10px;border-radius:6px;border:1px soild var(--border);font-size:var(--font-size-xsm);line-height:var(--fony-size-xsm);font-weight:300;line-height:var(--font-size-sm);letter-spacing:.08em;font-family:Courier New,monospace}.zyra-markdown pre{background:#0f172a;color:#e5e7eb;padding:1rem;border-radius:12px;overflow-x:auto}.zyra-markdown img{max-width:100%;border-radius:12px;margin:2rem 0}.blog-icon-heart:before,.blog-icon-bookmark:before,.blog-icon-share:before{font-family:system-ui,-apple-system,"Segoe UI Emoji";font-size:.9rem}.blog-icon-heart:before{content:"\2665"}.blog-icon-bookmark:before{content:"\1f516"}.blog-icon-share:before{content:"\2197"}.blog-icon-btn:hover{background:#1e40afe6;border-color:#818cf8f2;transform:translateY(-1px)}@media(max-width:768px){.blog-title{font-size:clamp(2.2rem,6vw,2.8rem)}.blog-author-row{flex-direction:column;align-items:flex-start}.blog-actions{width:100%;justify-content:flex-start}}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:400}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}h4{font-size:var(--fs-h4)}h5{font-size:var(--fs-h5)}h6{font-size:var(--fs-h6)}p{font-size:var(--fs-p);line-height:var(--line-height-p)}.zy-container{max-width:var(--container-width);margin:auto;padding-inline:var(--container-padding)}.zy-section{padding-block:var(--zyra-section-y)}:root{--container-width: 100%;--container-padding: 16px;--fs-p: 14px;--line-height-p: 22px;--fs-h1: 28px;--fs-h2: 24px;--fs-h3: 20px;--fs-h4: 18px;--fs-h5: 16px;--fs-h6: 14px}@media(min-width:640px){:root{--container-width: 640px;--container-padding: 20px}}@media(min-width:768px){:root{--container-width: 768px;--container-padding: 24px;--fs-p: 15px;--line-height-p: 24px;--fs-h1: 32px;--fs-h2: 28px;--fs-h3: 24px;--fs-h4: 20px;--fs-h5: 18px;--fs-h6: 16px}.zy-section{padding-block:var(--zyra-section-y-sm)}}a{color:var(--zyra-secondary);text-decoration:none}@media(min-width:1024px){:root{--container-width: 1024px;--container-padding: 32px;--fs-p: 16px;--line-height-p: 28px;--fs-h1: 40px;--fs-h2: 32px;--fs-h3: 22px;--fs-h4: 20px;--fs-h5: 18px;--fs-h6: 16px}}@media(min-width:1280px){:root{--container-width: 1280px;--container-padding: 32px}}@media(min-width:1536px){:root{--container-width: 1280px}}*{padding:0;margin:0;box-sizing:border-box;font-family:var(--font-sans);letter-spacing:.01em;color:var(--foreground)}html,body,app-root{height:100%}body{background-color:var(--background);color:var(--foreground)}.padding-tb32{padding-bottom:32px;padding-top:32px}.zy-logo__text{font-size:24px;font-weight:700;letter-spacing:.03em;background-color:var(--foreground);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.zyra-chip{background:#1694e033;color:var(--zyra-primary);padding:.25rem .75rem;border-radius:999px;font-size:.75rem}.divider{height:1px;background:var(--divider);margin:16px 0}:root{--zyra-logo-gradient: linear-gradient(to right, #51a2ff 0%, #00d3f3 100%)}