:root{--color-primary: #08c;--color-primary-alt: #1e73be;--color-text: #333;--color-text-light: #555;--color-text-muted: #666;--color-border: #ccc;--color-border-light: #aaa}html.dark{--color-primary: #4da3e8;--color-primary-alt: #4da3e8;--color-text: #e0e0e0;--color-text-light: #bbb;--color-text-muted: #999;--color-border: #444;--color-border-light: #555}*,*:before,*:after{box-sizing:border-box}body{font-family:Roboto,sans-serif;font-size:16px;line-height:1.66667em;margin:0;padding:0;color:var(--color-text);background-color:#f9fafb;word-wrap:break-word;overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{text-align:left;margin:0 0 .5rem;color:#000;line-height:1.3}h1{font-size:30px}h2{font-size:26px}h3{font-size:18px}h4{font-size:16px}h5{font-size:14px}dd,dt,li{line-height:30px}a{color:var(--color-primary);text-decoration:none}a:hover{color:#0073cc;text-decoration:underline}p{margin-bottom:1em}img{max-width:100%;height:auto}.wrapper{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}.main-content{flex:1;min-width:0;padding-top:30px}.skip-to-content{position:absolute;top:-100%;left:0;background:var(--color-primary);color:#fff;padding:8px 16px;z-index:9999;text-decoration:none;font-weight:500}.skip-to-content:focus{top:0;color:#fff}.site-header{border-bottom:1px solid var(--color-border);margin-bottom:0;background-color:#fff}.site-header .header-inner{display:flex;align-items:center;justify-content:space-between;height:90px}.header-right{display:flex;align-items:center;gap:0}.site-header .nav li:last-child a{padding-right:0}.header-social{display:flex;align-items:center;gap:16px;padding-left:20px;margin-left:20px;border-left:1px solid #ddd;height:24px}.header-social a{color:var(--color-text-muted);font-size:16px;line-height:1;transition:color .2s;text-decoration:none;display:flex;align-items:center}.header-social a:hover{color:var(--color-primary-alt)}.social-icon-svg{width:14px;height:14px;fill:currentColor}.dark-mode-toggle{background:none;border:none;cursor:pointer;font-size:18px;color:var(--color-text-muted);padding:4px;margin-left:16px;transition:color .2s;display:flex;align-items:center}.dark-mode-toggle:hover{color:var(--color-primary-alt)}.dark-mode-toggle .icon-moon{display:block}.dark-mode-toggle .icon-sun,html.dark .dark-mode-toggle .icon-moon{display:none}html.dark .dark-mode-toggle .icon-sun{display:block}.header-search{width:180px;position:relative;margin-left:28px}.header-search .pagefind-ui{--pagefind-ui-scale: .65;--pagefind-ui-primary: var(--color-primary-alt);--pagefind-ui-border-radius: 4px}.site-header .header-search .pagefind-ui__search-input{font-size:13px;padding:4px 10px 4px 28px;height:28px;box-sizing:border-box;border:1px solid var(--color-border);border-radius:4px}.site-header .header-search .pagefind-ui__search-clear{padding:4px 8px}.site-header .header-search .pagefind-ui__form:before{top:50%;transform:translateY(-50%)}.header-search .pagefind-ui__drawer{position:absolute;right:0;top:100%;z-index:1000;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 16px #0000001f;width:420px;max-height:480px;overflow-y:auto;padding:16px 20px}.header-search .pagefind-ui__results-area{max-height:none;overflow:visible}.site-header .header-search .pagefind-ui__message{font-size:15px;color:var(--color-text);font-weight:500;margin-bottom:12px}.site-header .brand{text-align:left;text-decoration:none}.site-header .brand img{height:59px;width:auto}.site-header .nav{display:flex;list-style:none;margin:0;padding:0;gap:0}.site-header .nav li a{color:#000;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;text-decoration:none;padding:1em .75em;display:block}.site-header .nav li a:hover,.site-header .nav li a.active{color:#0073cc;text-decoration:none}.entry-header{margin-bottom:10px;max-width:896px}.entry-title{font-size:36px;font-weight:700;line-height:1.2;letter-spacing:-.02em}.entry-title a{color:#000;text-decoration:none}.entry-title a:hover{color:var(--color-primary)}.entry-meta{font-size:14px;color:#6b7280;margin-top:12px;padding-bottom:24px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:0;flex-wrap:wrap}.entry-date{font-size:13px;color:#999;margin-top:4px}.meta-sep{margin:0 8px;color:var(--color-border)}.share-links a{color:var(--color-primary-alt);text-decoration:none;margin-left:6px;font-weight:500}.share-links a:hover{text-decoration:underline}.post-article{max-width:none;margin:0 0 40px;padding:56px 64px 48px;background:#fff;border:none;border-radius:0 0 12px 12px;box-shadow:0 2px 8px #0000000f,0 0 1px #0000001a}.tag-pill{display:inline-block;background:#f0f0f0;color:var(--color-text-light);padding:3px 10px;border-radius:20px;font-size:13px;margin:2px}.post-tags{margin-top:30px;padding-top:20px;border-top:1px solid #eee;max-width:896px}.entry-content{margin-top:30px;text-align:justify;max-width:896px}.entry-content>p,.entry-content>pre,.entry-content>figure{margin-bottom:20px}.entry-content>blockquote{margin-top:30px;margin-bottom:30px}.entry-content figure{margin:0 0 20px}.entry-content figure img{border-radius:8px}.entry-content>p img{border-radius:8px}.entry-content figcaption{font-size:13px;color:var(--color-text-muted);text-align:center;margin-top:5px}.post-list article{display:flex;gap:20px;padding:20px 0;border-bottom:1px solid #eee}.post-list article:first-child{padding-top:0}.post-list .post-content{flex:1;min-width:0}.post-list .post-content h2{font-size:28px;margin-bottom:5px}.post-list .post-content h2 a{color:var(--color-primary)}.post-list .entry-summary{font-size:16px;line-height:1.6;color:var(--color-text-light)}.post-list .entry-summary p{margin:0}.post-list .post-thumbnail{width:270px;flex-shrink:0;margin-top:0}.post-list .post-thumbnail img{width:270px;height:250px;object-fit:cover;border-radius:0}.navigation{margin-top:20px;font-size:12pt;padding:20px 0}.pager{list-style:none;padding:0;margin:0;display:flex;justify-content:space-between}.pager a{color:var(--color-primary);text-decoration:none}.pager a:hover{text-decoration:underline}pre{padding:4px;border-radius:8px;overflow-x:auto}code{font-family:Consolas,Monaco,Menlo,monospace;font-size:14px;padding:2px 5px;background:#f5f5f5;border-radius:4px;line-height:1.6}pre>code{background:none;border:none;padding:0;font-size:14px}html.dark .astro-code{background-color:#1e2028!important;border-color:#333}html.dark .astro-code span{color:var(--shiki-dark)!important}.astro-code{border-radius:8px;padding:1em 1.2em;font-size:14px;line-height:1.7;overflow-x:auto;margin:20px 0;background-color:#f6f8fa!important;border:1px solid #e1e4e8}.astro-code code{font-family:Consolas,Monaco,Menlo,monospace;font-size:inherit;line-height:inherit;background:none}footer#footer{border-top:1px solid var(--color-border)}footer#footer .site-footer-content{background-color:#2a2a2a;padding:24px 0}footer#footer .site-footer-inner{display:flex;align-items:center;justify-content:space-between}footer#footer .footer-social{display:flex;align-items:center;gap:16px}footer#footer .footer-social a{color:var(--color-border-light);font-size:16px;text-decoration:none;display:flex;align-items:center;transition:color .2s}footer#footer .footer-social a:hover{color:#fff}footer#footer .footer-social .social-icon-svg{width:14px;height:14px;fill:currentColor}footer#footer .credits p{color:#bbb;margin:0;font-size:13px}footer#footer .credits a{color:var(--color-border);text-decoration:none}footer#footer .credits a:hover{color:#fff;text-decoration:underline}.toc{margin:24px 0;padding:16px 20px;background:#f8f9fa;border-radius:8px;border:1px solid #eee;max-width:896px}.toc-title{font-size:15px;font-weight:500;color:var(--color-text);cursor:pointer;user-select:none}.toc-list{list-style:none;margin:12px 0 0;padding:0}.toc-item{margin:4px 0}.toc-item a{color:var(--color-primary-alt);text-decoration:none;font-size:14px;line-height:1.6}.toc-item a:hover{text-decoration:underline}.toc-depth-2{padding-left:0}.toc-depth-3{padding-left:16px}html.dark .toc{background:#252525;border-color:#333}html.dark .toc-item a{color:var(--color-primary)}.related-posts{margin-top:40px;padding-top:30px;border-top:1px solid #eee;max-width:750px;margin-left:auto;margin-right:auto}.related-heading{font-size:20px;font-weight:400;color:var(--color-text);margin:0 0 20px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.related-card{text-decoration:none;color:inherit;border:1px solid #eee;border-radius:8px;overflow:hidden;transition:box-shadow .2s,transform .15s}.related-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.related-image{height:140px;overflow:hidden}.related-image img{width:100%;height:100%;object-fit:cover}.related-body{padding:14px}.related-body h3{font-size:15px;font-weight:400;line-height:1.4;margin:0 0 8px;color:var(--color-primary)}.related-card:hover h3{color:#005580}.related-meta{font-size:12px;color:#999}blockquote{border-left:4px solid var(--color-primary);padding:0 0 0 20px;margin:0;font-style:italic;color:var(--color-text-light)}table{width:100%;border-bottom:0;border-collapse:collapse}td{border-top:0;padding:4px 8px}tr:nth-child(odd) td,tr:nth-child(odd) th{background-color:transparent}.video-player{width:100%;height:476px}iframe{max-width:100%}.sr-only{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.hero-card{display:flex;gap:32px;align-items:center;text-decoration:none;color:inherit;padding:32px;margin:30px 0 0;border:1px solid #eee;border-radius:8px;background:#fafafa;transition:box-shadow .2s,transform .15s}.hero-card:hover{box-shadow:0 4px 20px #00000014;transform:translateY(-2px)}.hero-card-image{flex-shrink:0;width:400px}.hero-card-image img{width:100%;height:280px;object-fit:cover;border-radius:6px}.hero-card-body{flex:1;min-width:0}.hero-label{display:inline-block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--color-primary-alt);margin-bottom:12px}.hero-card-title{font-size:28px;font-weight:700;line-height:1.3;margin:0 0 14px;color:var(--color-primary);transition:color .2s}.hero-card:hover .hero-card-title{color:#005580}.hero-card-excerpt{font-size:15px;line-height:1.6;color:var(--color-text-light);margin:0 0 14px}.hero-card-meta{font-size:13px;color:#999;display:flex;gap:16px;align-items:center}.hero-author{font-weight:500;color:var(--color-text-muted)}.pagefind-ui .pagefind-ui__result-link{color:var(--color-primary-alt);font-size:15px}.pagefind-ui .pagefind-ui__result-excerpt,.pagefind-ui .pagefind-ui__result-nested{display:none}.hero-banner{height:350px;display:flex;align-items:center;position:relative;background-image:url(/images/codewithdan_orbit.webp);background-position:85% 80%;background-repeat:no-repeat;background-size:cover}.hero-banner-title{font-size:40px;font-weight:500;color:#fff;padding-top:17px}.hero-banner-title a{text-decoration:none;color:#fff}.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:8px;margin-left:8px}.hamburger span{display:block;width:24px;height:2px;background:var(--color-text);border-radius:2px;transition:transform .3s,opacity .3s}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}html.dark .hamburger span{background:#e0e0e0}.mobile-menu{display:none;flex-direction:column;padding:16px 20px 20px;border-top:1px solid var(--color-border);background:#fff}html.dark .mobile-menu{background:#1a1a2e;border-top-color:#444}.mobile-menu.open{display:flex}.mobile-nav{list-style:none;padding:0;margin:0 0 16px}.mobile-nav li a{display:block;padding:10px 0;color:var(--color-text);text-decoration:none;font-size:16px;border-bottom:1px solid var(--color-border-light)}html.dark .mobile-nav li a{color:#e0e0e0;border-bottom-color:#444}.mobile-social{display:flex;gap:20px;padding:12px 0}.mobile-social a{color:var(--color-text-muted);font-size:20px}.mobile-social a svg{width:20px;height:20px}html.dark .mobile-social a{color:#bbb}.mobile-search{margin-top:12px}.mobile-search .pagefind-ui__search-input{width:100%;font-size:16px}@media screen and (max-width:768px){.header-right{display:none}.hamburger{display:flex}.site-header .brand img{width:180px;height:auto}}@media screen and (max-width:640px){.post-article{padding:24px 20px;margin-top:24px;margin-bottom:24px;border-radius:8px}.entry-title{font-size:26px}.post-list .post-thumbnail{display:none}.video-player{height:220px}code,.astro-code{font-size:12px}.related-grid{grid-template-columns:1fr}.hero-banner{height:250px;background-position:80% 30%}}@media screen and (max-width:979px){body{font-size:14px}.post-list .post-thumbnail{display:none}h2{font-size:26px}code,.astro-code{font-size:12px}.hero-banner-title{font-size:40px}.hero-banner{background-position:90% 30%}}@media screen and (max-width:1024px){.hero-card{flex-direction:column;gap:20px;padding:20px}.hero-card-image{width:100%}.hero-card-image img{height:200px}}html.dark body{background:#0f1520;color:var(--color-text)}html.dark .post-article{background:#1a2235;border-color:#243049;box-shadow:0 1px 3px #0006}html.dark .site-header{background:#141b2d;border-bottom-color:#1e2a3a}html.dark .site-header .nav li a{color:#ccc}html.dark .site-header .nav li a:hover,html.dark .site-header .nav li a.active{color:var(--color-primary)}html.dark .header-social a{color:var(--color-border-light);border-left-color:var(--color-border)}html.dark .header-social{border-left-color:var(--color-border)}html.dark .header-social a:hover{color:var(--color-primary)}html.dark .dark-mode-toggle{color:var(--color-border-light)}html.dark .dark-mode-toggle:hover{color:#f0c040}html.dark .hero-card{background:#1a2235;border-color:#243049}html.dark .hero-card-title{color:var(--color-primary)}html.dark .hero-card-excerpt{color:var(--color-text-light)}html.dark .hero-card-meta{color:var(--color-text-muted)}html.dark .hero-label{color:var(--color-primary)}html.dark .post-list article{border-bottom-color:var(--color-border)}html.dark .entry-title,html.dark .entry-title a{color:var(--color-text)}html.dark .entry-title a{color:var(--color-primary)}html.dark .entry-title a:hover{color:#6db8f0}html.dark .entry-summary{color:var(--color-text-light)}html.dark .entry-date{color:var(--color-text-muted)}html.dark .entry-meta{color:#888;border-bottom-color:#333}html.dark .entry-content{color:#ddd}html.dark .entry-content a{color:var(--color-primary)}html.dark .entry-content blockquote{border-left-color:var(--color-primary);color:var(--color-text-light)}html.dark .entry-content>code,html.dark :not(pre)>code{background:#333;color:var(--color-text)}html.dark .share-links a{color:var(--color-primary)}html.dark .tag-pill{background:#333;color:#ccc}html.dark .post-tags,html.dark .related-posts{border-top-color:var(--color-border)}html.dark .related-card{background:#252525;border-color:var(--color-border)}html.dark .related-card h3{color:var(--color-primary)}html.dark .related-meta{color:var(--color-text-muted)}html.dark .navigation a{color:var(--color-primary)}html.dark .site-header .header-search .pagefind-ui__search-input{background:#2a2a2a;color:#ddd;border-color:var(--color-border)}html.dark footer#footer .site-footer-content{background:#111}html.dark .hero-banner{background-color:#1e2a3ad9}html.dark .hero-banner-title a{color:#fff}html.dark .header-search .pagefind-ui__drawer{background:#2a2a2a;border-color:var(--color-border)}.reading-progress-bar{position:fixed;top:0;left:0;height:3px;width:0%;background:var(--color-primary);z-index:9999;transition:width .1s linear;pointer-events:none}pre{position:relative}pre .copy-button{position:absolute;top:8px;right:8px;padding:4px 10px;font-size:12px;font-family:inherit;background:#80808026;color:var(--color-text-muted);border:1px solid rgba(128,128,128,.25);border-radius:4px;cursor:pointer;opacity:0;transition:opacity .2s;line-height:1.4}pre:hover .copy-button{opacity:1}pre .copy-button:hover{background:#80808040}pre .copy-button.copied{color:#22c55e;border-color:#22c55e;opacity:1}.series-box{background:#f0f7ff;border:1px solid #cce0f5;border-left:4px solid var(--color-primary);border-radius:8px;padding:20px 24px;margin:20px 0 24px}.series-label{margin:0 0 12px;font-size:15px;color:var(--color-text)}.series-list{margin:0;padding-left:20px;list-style:decimal}.series-list li{padding:4px 0;font-size:14px}.series-list li a{color:var(--color-primary);text-decoration:none}.series-list li a:hover{text-decoration:underline}.series-list li.series-current{font-weight:700;color:var(--color-text)}html.dark .series-box{background:#1a2a3a;border-color:#2a4a6a;border-left-color:var(--color-primary)}.updated-date{font-style:italic;color:var(--color-text-muted)}.post-navigation{display:flex;justify-content:space-between;gap:20px;max-width:750px;margin:0 auto 40px;padding:24px 0;border-top:1px solid var(--color-border)}.post-nav-link{flex:1;text-decoration:none;color:var(--color-text)}.post-nav-link:hover .post-nav-title{color:var(--color-primary)}.post-nav-label{display:block;font-size:13px;color:var(--color-text-muted);margin-bottom:4px}.post-nav-title{font-size:15px;font-weight:500;transition:color .2s}.post-nav-next{text-align:right}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}