:root{--bg:#fffceb;--text:#6b5744;--text-h:#1c1007;--border:#e8dfc8;--code-bg:#fef9e7;--accent:#a05c2c;--accent-bg:#fef3c7;--accent-border:#f59e4a;--accent-secondary:#bad4f5;--accent-secondary-dark:#2c6bb0;--social-bg:#fef3c7a6;--shadow:#b48c501f 0 10px 15px -3px, #b48c5012 0 4px 6px -2px;--sans:"Nunito", system-ui, sans-serif;--heading:"Nunito", system-ui, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h)}h1{letter-spacing:-1.2px;margin:32px 0;font-size:56px;font-weight:700}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;font-weight:600;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.cookie-consent-banner{z-index:200;background-color:var(--bg);border-top:1px solid var(--border);padding:16px 32px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 15px -3px #0000001a,0 -4px 6px -2px #0000000d}.cookie-consent-content{align-items:center;gap:24px;width:100%;max-width:1200px;margin:0 auto;display:flex}.cookie-consent-text{color:var(--text);text-align:left;flex:1;font-size:14px;line-height:150%}.cookie-consent-text a{color:var(--accent);text-underline-offset:2px;text-decoration:underline;transition:opacity .2s}.cookie-consent-text a:hover{opacity:.8}.cookie-consent-text a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.cookie-consent-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.cookie-consent-btn{min-height:44px;font-family:var(--sans);cursor:pointer;box-sizing:border-box;white-space:nowrap;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:10px 20px;font-size:14px;font-weight:500;line-height:1;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s,opacity .2s;display:inline-flex}.cookie-consent-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cookie-consent-btn-accept{background-color:var(--accent);color:#fff;border-color:var(--accent)}.cookie-consent-btn-accept:hover{opacity:.85}.cookie-consent-btn-accept:active{opacity:.7}.cookie-consent-btn-reject{color:var(--text);border-color:var(--border);background-color:#0000}.cookie-consent-btn-reject:hover{color:var(--accent);border-color:var(--accent-border);background-color:var(--accent-bg)}.cookie-consent-btn-reject:active{opacity:.7}.cookie-consent-settings-btn{cursor:pointer;color:var(--text);font-family:var(--sans);background:0 0;border:none;border-radius:3px;align-items:center;height:44px;padding:8px 4px;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex;position:relative}.cookie-consent-settings-btn:after{content:"";background:var(--accent);transform-origin:0;border-radius:1px;height:2px;transition:transform .2s;position:absolute;bottom:6px;left:4px;right:4px;transform:scaleX(0)}.cookie-consent-settings-btn:hover{color:var(--accent)}.cookie-consent-settings-btn:hover:after{transform:scaleX(1)}.cookie-consent-settings-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px;color:var(--accent);border-radius:3px}@media (width<=768px){.cookie-consent-banner{padding:16px 24px}.cookie-consent-content{flex-direction:column;align-items:stretch;gap:16px}.cookie-consent-text{font-size:13px}.cookie-consent-actions{justify-content:flex-end}}@media (width<=480px){.cookie-consent-banner{padding:12px 16px}.cookie-consent-content{gap:12px}.cookie-consent-actions{flex-direction:column;align-items:stretch;gap:8px}.cookie-consent-btn{width:100%}.cookie-consent-settings-btn{height:40px;padding:6px 4px;font-size:12px}}@media (prefers-reduced-motion:reduce){.cookie-consent-btn,.cookie-consent-settings-btn,.cookie-consent-settings-btn:after,.cookie-consent-text a{transition:none}}@keyframes kawaii-float-centered{0%,to{transform:translateY(-50%)}50%{transform:translateY(calc(-50% - 6px))}}@keyframes kawaii-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.page-banner .kawaii-float{animation:3s ease-in-out infinite kawaii-float-centered}@media (width<=768px){.page-banner .kawaii-float{animation:3s ease-in-out infinite kawaii-float}}@media (prefers-reduced-motion:reduce){.kawaii-float{animation:none}}.page-banner{position:relative;overflow:visible}@media (width>=769px){.page-banner>svg{position:absolute;top:50%;right:-32px;transform:translateY(-50%)}}@media (width<=768px){.page-banner{justify-content:center;margin-bottom:16px;display:flex}.page-banner>svg{position:static}}.layout-header{border-bottom:1px solid var(--border);background-color:var(--bg);flex-shrink:0;padding:24px 32px;position:relative}.layout-header-content{width:100%;max-width:1200px;margin:0 auto}.layout-header-inner{justify-content:space-between;align-items:center;gap:32px;display:flex}.layout-brand{letter-spacing:-.24px;color:var(--text-h);flex-shrink:0;align-items:center;height:44px;margin:0;font-size:24px;font-weight:800;text-decoration:none;transition:color .2s;display:flex}.layout-brand:hover{color:var(--accent)}.layout-brand:focus-visible{outline:2px solid var(--accent);outline-offset:4px;color:var(--accent);border-radius:3px}.layout-nav{flex:1;justify-content:flex-end;display:flex}.layout-nav-list{align-items:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.layout-nav-list a{color:var(--text);border-radius:6px;align-items:center;height:44px;padding:4px 12px;font-size:15px;font-weight:600;text-decoration:none;transition:color .2s,background-color .2s;display:inline-flex;position:relative}.layout-nav-list a:after{content:"";background:var(--accent);transform-origin:0;border-radius:1px;height:2px;transition:transform .2s;position:absolute;bottom:8px;left:12px;right:12px;transform:scaleX(0)}.layout-nav-list a:hover{color:var(--accent);background-color:var(--accent-bg)}.layout-nav-list a:hover:after{transform:scaleX(1)}.layout-nav-list a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;color:var(--accent);border-radius:6px}.layout-nav-list a[aria-current=page]{color:var(--accent)}.layout-nav-list a[aria-current=page]:after{transform:scaleX(1)}.layout-hamburger{cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-radius:6px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;padding:8px;transition:background-color .2s;display:none}.layout-hamburger:hover{background-color:var(--accent-bg)}.layout-hamburger:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.layout-hamburger span{background-color:var(--text-h);transform-origin:50%;width:22px;height:2px;margin:3px 0;transition:transform .25s,opacity .25s;display:block}.layout-hamburger[aria-expanded=true] span:first-child{transform:translateY(8px)rotate(45deg)}.layout-hamburger[aria-expanded=true] span:nth-child(2){opacity:0;transform:scaleX(0)}.layout-hamburger[aria-expanded=true] span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.layout-nav-mobile{z-index:100;background-color:var(--bg);border-bottom:1px solid var(--border);box-shadow:var(--shadow);display:none;position:absolute;top:100%;left:0;right:0}.layout-nav-mobile-list{flex-direction:column;gap:0;margin:0;padding:8px 16px;list-style:none;display:flex}.layout-nav-mobile-list li{border-bottom:1px solid var(--border)}.layout-nav-mobile-list li:last-child{border-bottom:none}.layout-nav-mobile-list a{color:var(--text-h);border-left:3px solid #0000;align-items:center;min-height:48px;padding:10px 8px 10px 12px;font-size:16px;font-weight:500;text-decoration:none;transition:color .15s,border-color .15s;display:flex}.layout-nav-mobile-list a:hover{color:var(--accent);border-left-color:var(--accent)}.layout-nav-mobile-list a:active{opacity:.7}.layout-nav-mobile-list a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;color:var(--accent);border-radius:3px}.layout-nav-mobile-list a[aria-current=page]{color:var(--accent);border-left-color:var(--accent)}.layout-main{box-sizing:border-box;flex:1;width:100%;max-width:1200px;margin:0 auto;padding:32px}.layout-footer{border-top:1px solid var(--border);background-color:var(--bg);flex-shrink:0;padding:32px}.layout-footer-content{flex-direction:column;align-items:center;gap:24px;width:100%;max-width:1200px;margin:0 auto;display:flex}.layout-footer-kawaii{justify-content:center;margin-bottom:8px;display:flex}.layout-footer-nav{width:100%}.layout-footer-nav-list{flex-wrap:wrap;justify-content:center;gap:32px;margin:0;padding:0;list-style:none;display:flex}.layout-footer-nav-list a{color:var(--text);border-radius:3px;align-items:center;height:44px;padding:8px 4px;font-size:14px;font-weight:600;text-decoration:none;transition:color .2s;display:inline-flex;position:relative}.layout-footer-nav-list a:hover{color:var(--accent)}.layout-footer-nav-list a:after{content:"";background:var(--accent);transform-origin:0;border-radius:1px;height:2px;transition:transform .2s;position:absolute;bottom:6px;left:4px;right:4px;transform:scaleX(0)}.layout-footer-nav-list a:hover:after{transform:scaleX(1)}.layout-footer-nav-list a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;color:var(--accent);border-radius:3px}.layout-footer-social{align-items:center;gap:16px;display:flex}.layout-footer-social-link{box-sizing:border-box;width:44px;height:44px;color:var(--text);background-color:var(--social-bg);cursor:pointer;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:8px;text-decoration:none;transition:color .2s,background-color .2s;display:inline-flex}.layout-footer-social-link:hover{color:var(--accent);background-color:var(--accent-bg)}.layout-footer-social-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.layout-footer-social-link svg{width:20px;height:20px}.layout-footer-copyright{text-align:center;width:100%}.layout-footer-copyright p{color:var(--text);margin:0;font-size:13px}@media (width<=768px){.layout-header{padding:16px 24px}.layout-header-inner{gap:16px}.layout-brand{font-size:20px}.layout-nav{display:none}.layout-hamburger{display:flex}.layout-nav-mobile{display:block}.layout-main,.layout-footer{padding:24px}.layout-footer-content{gap:16px}.layout-footer-nav-list{gap:24px}.layout-footer-nav-list a{font-size:13px}.layout-footer-social{gap:12px}}@media (width<=480px){.layout-header{padding:12px 16px}.layout-header-inner{gap:12px}.layout-brand{font-size:18px}.layout-hamburger{width:44px;height:44px;padding:8px}.layout-nav-mobile-list{padding:8px 12px}.layout-nav-mobile-list a{font-size:15px}.layout-main,.layout-footer{padding:16px}.layout-footer-content{gap:12px}.layout-footer-nav-list{gap:16px}.layout-footer-nav-list a{height:40px;padding:6px 4px;font-size:12px}.layout-footer-social-link{width:40px;height:40px;padding:6px}.layout-footer-copyright p{font-size:12px}}.about-page{text-align:left;width:100%}.about-container{box-sizing:border-box;width:100%;max-width:800px;margin:0 auto;padding:48px 32px;position:relative}.about-section{margin-bottom:40px}.about-section:last-of-type{margin-bottom:0}.about-container h2{margin-top:0;margin-bottom:12px}.about-section p{margin-bottom:16px;line-height:1.65}.about-section p:last-child{margin-bottom:0}.about-section ul{margin:0 0 16px;padding-left:24px;list-style:outside}.about-section ul:last-child{margin-bottom:0}.about-section li{margin-bottom:8px;padding-left:4px;line-height:1.65}.about-section li:last-child{margin-bottom:0}.about-section a,.about-contact a{color:var(--accent);text-decoration:none}.about-section a:hover,.about-contact a:hover{text-decoration:underline}.about-section a:focus-visible,.about-contact a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px;text-decoration:underline}.about-contact{border-top:1px solid var(--border);margin-top:48px;padding-top:32px}.about-contact p{margin-bottom:16px;line-height:1.65}.about-contact p:last-child{margin-bottom:0}@media (width<=768px){.about-container{padding:32px 24px}.about-section{margin-bottom:32px}.about-contact{margin-top:36px;padding-top:24px}}@media (width<=480px){.about-container{padding:24px 16px}.about-section{margin-bottom:28px}.about-section p,.about-section li,.about-contact p{font-size:16px}.about-contact{margin-top:28px;padding-top:20px}}.contact-page{text-align:left;width:100%}.contact-container{box-sizing:border-box;width:100%;max-width:800px;margin:0 auto;padding:48px 32px;position:relative}.contact-section{margin-bottom:40px}.contact-section:last-of-type{margin-bottom:0}.contact-container h2{margin-top:0;margin-bottom:12px}.contact-section p{margin-bottom:16px;line-height:1.65}.contact-section p:last-child{margin-bottom:0}.contact-section ul{margin:0 0 16px;padding-left:24px;list-style:outside}.contact-section ul:last-child{margin-bottom:0}.contact-section li{margin-bottom:8px;padding-left:4px;line-height:1.65}.contact-section li:last-child{margin-bottom:0}.contact-section a{color:var(--accent);text-decoration:none}.contact-section a:hover{text-decoration:underline}.contact-section a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px;text-decoration:underline}.contact-section a[href^=mailto\:]{padding-block:2px;display:inline-block}@media (width<=768px){.contact-container{padding:32px 24px}.contact-section{margin-bottom:32px}}@media (width<=480px){.contact-container{padding:24px 16px}.contact-section{margin-bottom:28px}.contact-section p,.contact-section li{font-size:16px}.contact-section a[href^=mailto\:]{padding-block:11px}}.privacy-page{text-align:left;width:100%}.privacy-container{box-sizing:border-box;width:100%;max-width:800px;margin:0 auto;padding:48px 32px;position:relative}.privacy-updated{color:var(--text);margin-bottom:40px;font-size:14px;line-height:1.4}.privacy-section{margin-bottom:40px}.privacy-section:last-of-type{margin-bottom:0}.privacy-container h2{margin-top:0;margin-bottom:12px}.privacy-section p{margin-bottom:16px;line-height:1.65}.privacy-section p:last-child{margin-bottom:0}.privacy-section ul{margin:0 0 16px;padding-left:24px;list-style:outside}.privacy-section ul:last-child{margin-bottom:0}.privacy-section li{margin-bottom:8px;padding-left:4px;line-height:1.65}.privacy-section li:last-child{margin-bottom:0}.privacy-section a,.privacy-contact a{color:var(--accent);text-decoration:none}.privacy-section a:hover,.privacy-contact a:hover{text-decoration:underline}.privacy-section a:focus-visible,.privacy-contact a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px;text-decoration:underline}.privacy-contact{border-top:1px solid var(--border);margin-top:48px;padding-top:32px}.privacy-contact p{margin-bottom:16px;line-height:1.65}.privacy-contact p:last-child{margin-bottom:0}@media (width<=768px){.privacy-container{padding:32px 24px}.privacy-updated,.privacy-section{margin-bottom:32px}.privacy-contact{margin-top:36px;padding-top:24px}}@media (width<=480px){.privacy-container{padding:24px 16px}.privacy-updated{margin-bottom:24px;font-size:13px}.privacy-section{margin-bottom:28px}.privacy-section p,.privacy-section li,.privacy-contact p{font-size:16px}.privacy-contact{margin-top:28px;padding-top:20px}}.article-page{flex-direction:column;gap:0;display:flex;position:relative}.article-hero{background:var(--code-bg);width:100%;overflow:hidden}.article-hero img{aspect-ratio:16/9;object-fit:cover;width:100%;height:100%;display:block}.article-container{box-sizing:border-box;width:100%;max-width:800px;margin:0 auto;padding:48px 32px}.article-meta{color:var(--text);align-items:center;gap:12px;margin-bottom:24px;font-size:14px;display:flex}.article-meta time,.article-author{line-height:1}.article-meta-separator{color:var(--border)}.article-title{font-family:var(--heading);color:var(--text-h);letter-spacing:-1px;margin:0 0 32px;font-size:48px;font-weight:700;line-height:115%}.article-image{margin:48px 0}.article-image img{aspect-ratio:auto;background:var(--code-bg);border-radius:6px;width:100%;height:auto;display:block}.article-error{text-align:center;padding:64px 32px}.article-error h1{margin:32px 0 16px}.article-error p{color:var(--text);font-size:16px}@media (width<=768px){.article-container{padding:32px 24px}.article-title{letter-spacing:-1.08px;margin-bottom:24px;font-size:36px}.article-meta{margin-bottom:20px;font-size:13px}.article-image{margin:36px 0}}@media (width<=480px){.article-container{padding:24px 16px}.article-title{letter-spacing:-.84px;margin-bottom:20px;font-size:28px}.article-meta{gap:8px;margin-bottom:16px;font-size:12px}.article-image{margin:24px 0}}.article-body h2,.article-body h3,.article-body h4{font-family:var(--heading);color:var(--text-h);font-weight:600;line-height:118%}.article-body h2{letter-spacing:-.56px;margin:2.5rem 0 .75rem;font-size:28px}.article-body h3{letter-spacing:-.33px;margin:2rem 0 .5rem;font-size:22px}.article-body h4{letter-spacing:-.18px;margin:1.5rem 0 .375rem;font-size:18px}.article-body h2:first-child,.article-body h3:first-child,.article-body h4:first-child{margin-top:0}.article-body p{color:var(--text);margin:0 0 1.25em;line-height:1.7}.article-body p:last-child{margin-bottom:0}.article-body img{border-radius:8px;max-width:100%;height:auto;margin:1.75rem auto;display:block}.article-body ul,.article-body ol{color:var(--text);margin:1rem 0 1.25rem;padding-left:1.625rem;line-height:1.7}.article-body ul{list-style-type:disc}.article-body ol{list-style-type:decimal}.article-body li{margin-bottom:.5rem}.article-body li:last-child{margin-bottom:0}.article-body li ul,.article-body li ol{margin:.375rem 0 0}.article-body blockquote{border-left:3px solid var(--accent);background:var(--accent-bg);color:var(--text);border-radius:0 6px 6px 0;margin:1.75rem 0;padding:1rem 1.25rem;font-style:italic}.article-body blockquote p{margin:0;line-height:1.7}.article-body blockquote cite{color:var(--text);opacity:.8;margin-top:.625rem;font-size:.875em;font-style:normal;display:block}.article-body code{font-family:var(--mono);background:var(--code-bg);color:var(--text-h);word-break:break-word;border-radius:4px;padding:2px 6px;font-size:.875em;line-height:1.5;display:inline}.article-body pre{background:var(--code-bg);border:1px solid var(--border);border-radius:8px;margin:1.5rem 0;padding:1rem 1.25rem;line-height:1.6;overflow-x:auto}.article-body pre code{word-break:normal;background:0 0;border-radius:0;padding:0;font-size:14px;display:block}.article-body a{color:var(--accent);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px;transition:color .2s,text-decoration-color .2s}.article-body a:hover{text-decoration:none}.article-body a:active{opacity:.7}.article-body a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px;text-decoration:none}.article-body hr{border:none;border-top:1px solid var(--border);margin:2.5rem 0}@media (width<=1024px){.article-body h2{margin-top:2rem;font-size:22px}.article-body h3{margin-top:1.75rem;font-size:19px}.article-body h4{margin-top:1.25rem;font-size:16px}}@media (width<=768px){.article-body h2{margin-top:1.75rem;margin-bottom:.625rem}.article-body h3{margin-top:1.5rem;margin-bottom:.5rem}.article-body h4{margin-top:1.25rem;margin-bottom:.375rem}.article-body img{border-radius:6px;margin-top:1.25rem;margin-bottom:1.25rem}.article-body blockquote{margin-top:1.25rem;margin-bottom:1.25rem;padding:.875rem 1rem}.article-body ul,.article-body ol{padding-left:1.375rem}}@media (width<=480px){.article-body pre{border-radius:6px;margin-left:-.5rem;margin-right:-.5rem;padding:.875rem 1rem}.article-body blockquote{margin-left:-.25rem;padding:.75rem .875rem}}