:root{--primary:#9fe870;--primary-active:#cdffad;--primary-pale:#e2f6d5;--canvas:#fff;--canvas-soft:#e8ebe6;--ink:#0e0f0c;--ink-deep:#163300;--body:#454745;--mute:#868685;--positive:#2ead4b;--positive-pale:#d1f5da;--negative:#d03238;--warning:#ffd11a;--warning-content:#4a3b1c;--warning-pale:#fff8d6;--warning-deep:#b86700;--bg:#fff;--surface:#e8ebe6;--fg:#0e0f0c;--muted:#868685;--border:rgba(14,15,12,.12);--accent:#9fe870;--accent-on:#163300;--accent-hover:#cdffad;--accent-active:#8fd662;--danger:#d03238;--warn:#ffd11a;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:24px;--r-pill:9999px;--sp-xs:4px;--sp-sm:8px;--sp-md:12px;--sp-lg:16px;--sp-xl:24px;--sp-2xl:32px;--sp-3xl:48px;--radius-sm:16px;--radius-md:30px;--radius-pill:9999px;--font:"Inter", -apple-system, system-ui, sans-serif;--font-display:"Wise Sans", Inter, ui-sans-serif, system-ui, sans-serif;--font-body:Inter, Helvetica, Arial, ui-sans-serif, sans-serif;--elev-ring:0 0 0 1px var(--border);--focus-ring:0 0 0 3px color-mix(in oklab, var(--accent), transparent 60%);--ease-standard:cubic-bezier(.2, 0, 0, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%}body{font-family:var(--font);color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased;font-feature-settings:"calt";margin:0;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button{font-family:var(--font);cursor:pointer;font:inherit;background:0 0;border:none}img{max-width:100%;height:auto;display:block}.nav{z-index:20;background:var(--bg);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;gap:12px;max-width:1280px;height:64px;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;display:flex}.nav-logo{font-family:var(--font-display);letter-spacing:-.2px;flex-shrink:0;align-items:center;gap:8px;font-size:18px;font-weight:900;display:flex}.nav-logo .logo-mark{background:var(--accent);width:30px;height:30px;color:var(--accent-on);font-family:var(--font-display);border-radius:8px;flex-shrink:0;align-items:center;justify-items:center;font-size:15px;font-weight:900;display:grid}.nav-menu{align-items:center;gap:8px;display:flex}.nav-menu nav{background:var(--bg);border-left:1px solid var(--border);width:min(78vw,320px);height:calc(100vh - 64px);transition:transform .22s var(--ease-standard);padding:16px;position:fixed;top:64px;bottom:0;left:auto;right:0;overflow-y:auto;transform:translate(100%)}.nav[data-menu-open=true] .nav-menu nav{transform:translate(0)}.nav-links{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.nav-links li a{color:var(--fg);border-radius:12px;padding:14px 12px;font-size:17px;font-weight:600;display:block}.nav-links li a:hover{background:color-mix(in oklab, var(--accent-hover), transparent 40%)}.nav-links li a:focus-visible{background:color-mix(in oklab, var(--accent-hover), transparent 40%)}.nav-scrim{opacity:0;pointer-events:none;transition:opacity .22s var(--ease-standard);background:rgba(14,15,12,.32);position:fixed;top:64px;bottom:0;left:0;right:0}.nav[data-menu-open=true] .nav-scrim{opacity:1;pointer-events:auto}.nav-actions{align-items:center;display:flex}.btn-cart{border-radius:var(--radius-pill);align-items:center;justify-items:center;width:40px;height:40px;display:grid;position:relative}.btn-cart:hover{background:var(--surface)}.btn-cart:focus-visible{box-shadow:var(--focus-ring);outline:none}.icon-wrap{align-items:center;justify-items:center;display:grid}.icon-wrap svg{width:22px;height:22px}.cart-btn-spinner{border:2px solid rgba(14,15,12,.25);border-top-color:var(--ink);border-radius:50%;width:16px;height:16px;animation:.6s linear infinite cart-btn-spin}@keyframes cart-btn-spin{to{transform:rotate(360deg)}}.cart-badge{border-radius:var(--radius-pill);background:var(--accent);min-width:16px;height:16px;color:var(--accent-on);text-align:center;padding:0 3px;font-size:10px;font-weight:700;line-height:16px;position:absolute;top:2px;right:2px}.nav-toggle{border-radius:var(--radius-pill);flex-shrink:0;align-items:center;justify-items:center;width:40px;height:40px;display:grid}.nav-toggle:hover{background:var(--surface)}.nav-toggle:focus-visible{box-shadow:var(--focus-ring);outline:none}.nav-toggle-icon,.nav-toggle-icon:before,.nav-toggle-icon:after{background:var(--fg);width:18px;height:2px;transition:transform .2s var(--ease-standard), opacity .2s var(--ease-standard);border-radius:2px;display:block}.nav-toggle-icon{position:relative}.nav-toggle-icon:before,.nav-toggle-icon:after{content:"";position:absolute;left:0}.nav-toggle-icon:before{top:-6px}.nav-toggle-icon:after{top:6px}.nav[data-menu-open=true] .nav-toggle-icon{background:0 0}.nav[data-menu-open=true] .nav-toggle-icon:before{transform:translateY(6px)rotate(45deg)}.nav[data-menu-open=true] .nav-toggle-icon:after{transform:translateY(-6px)rotate(-45deg)}@media (min-width:768px){.nav-inner{padding-left:24px;padding-right:24px}.nav-toggle,.nav-scrim{display:none}.nav-menu{gap:24px}.nav-menu nav{border-left:none;width:auto;height:auto;padding:0;transition:none;position:static;overflow:visible;transform:none}.nav-links{flex-direction:row;align-items:center;gap:4px}.nav-links li a{padding:8px 14px;font-size:15px;font-weight:500}.nav-links li a:hover{color:var(--fg);background:var(--surface)}.nav-links li a:focus-visible{color:var(--fg);background:var(--surface)}}@media (min-width:992px){.nav-inner{max-width:1280px}}.footer{background:var(--ink);color:var(--canvas-soft);padding:var(--sp-2xl) var(--sp-lg)}.footer-inner{gap:var(--sp-2xl);flex-direction:column;max-width:1200px;margin:0 auto;display:flex}.footer-logo{letter-spacing:-.03em;margin-bottom:var(--sp-sm);align-items:center;gap:6px;font-size:18px;font-weight:900;display:flex}.footer-logo-badge{background:var(--primary);border-radius:var(--r-sm);width:26px;height:26px;color:var(--ink);align-items:center;justify-items:center;font-size:13px;font-weight:900;display:grid}.footer-tagline{color:var(--mute);max-width:240px;font-size:13px;line-height:1.5}.footer-links{gap:var(--sp-2xl);flex-wrap:wrap;display:flex}.footer-col{flex:1 1 calc(50% - var(--sp-xl));min-width:140px}.footer-col-title{letter-spacing:.15em;text-transform:uppercase;color:var(--mute);margin-bottom:var(--sp-md);font-size:12px;font-weight:600}.footer-col ul{gap:var(--sp-sm);flex-direction:column;list-style:none;display:flex}.footer-col a,.footer-col button{color:rgba(232,235,230,.6);font-size:13px;transition:color .15s}.footer-col a:hover{color:var(--canvas-soft)}.footer-bottom{max-width:1200px;margin:var(--sp-2xl) auto 0;padding-top:var(--sp-xl);color:var(--mute);gap:var(--sp-md);border-top:1px solid rgba(232,235,230,.1);flex-direction:column;font-size:12px;display:flex}@media (min-width:768px){.footer{padding:var(--sp-3xl) var(--sp-xl)}.footer-inner{flex-direction:row;justify-content:space-between;align-items:flex-start}.footer-col{flex:none;min-width:auto}.footer-links{gap:40px}.footer-bottom{justify-content:space-between;gap:var(--sp-xl);margin-top:var(--sp-3xl);flex-direction:row}}.fixed-bottom-stack{z-index:300;flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0}.fixed-bottom-stack[data-sticky-template-browse-filters]>div[data-sticky-id=global-pref-notice]{order:3}.fixed-bottom-stack[data-sticky-template-browse-filters]>div[data-sticky-id=global-pref-notice]>.pref-notice{position:relative}.fixed-bottom-stack[data-sticky-template-browse-filters]>div[data-sticky-id=template-browse-filters]{order:2;position:relative}.fixed-bottom-stack[data-sticky-template-browse-filters]>div[data-sticky-id=template-browse-filters]>button{bottom:unset;margin-bottom:10px;margin-left:auto;margin-right:10px;position:relative;right:0}.fixed-bottom-stack[data-sticky-template-browse-filters]>div[data-sticky-id=template-browse-filters-modal],.fixed-bottom-stack[data-sticky-template-browse-filters]>div[data-sticky-id=template-browse-scroll-top]{order:1;position:relative}.fixed-bottom-stack[data-sticky-template-browse-filters]>div[data-sticky-id=template-browse-scroll-top]>button{bottom:unset;margin-bottom:10px;margin-left:auto;margin-right:10px;position:relative;right:0}.fixed-bottom-stack[data-sticky-template-price-bar]>div[data-sticky-id=global-pref-notice]{order:2}.fixed-bottom-stack[data-sticky-template-price-bar]>div[data-sticky-id=global-pref-notice]>.pref-notice{position:relative}.fixed-bottom-stack[data-sticky-template-price-bar]>div[data-sticky-id=template-price-bar]{order:1}.fixed-bottom-stack[data-sticky-template-price-bar]>div[data-sticky-id=template-price-bar]>.sticky-bar{position:relative}.fixed-bottom-stack[data-sticky-blog-detail-scroll-top]>div[data-sticky-id=blog-detail-scroll-top]{order:1;position:relative}.fixed-bottom-stack[data-sticky-blog-detail-scroll-top]>div[data-sticky-id=blog-detail-scroll-top]>button{bottom:unset;margin-bottom:10px;margin-left:auto;margin-right:10px;position:relative;right:0}.fixed-bottom-stack[data-sticky-blog-detail-scroll-top]>div[data-sticky-id=blog-detail-toc]{order:1;position:relative}.fixed-bottom-stack[data-sticky-blog-detail-scroll-top]>div[data-sticky-id=blog-detail-toc]>button{bottom:unset;margin-bottom:10px;margin-left:auto;margin-right:0;position:relative;right:0}
.pref-notice{background:var(--canvas);z-index:199;color:var(--ink);border-top:1px solid rgba(14,15,12,.12);font-size:14px;position:fixed;bottom:0;left:0;right:0}
.pn-row{align-items:center;gap:16px;max-width:1200px;height:52px;margin:0 auto;padding:0 24px;display:flex}.pn-text{color:var(--body);flex:1}.pn-text a{color:var(--ink);border-bottom:1px solid;font-weight:600}.pn-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.pn-btn-accept{background:var(--primary);color:var(--ink);border-radius:var(--r-pill);cursor:pointer;white-space:nowrap;border:none;padding:7px 16px;font-size:13px;font-weight:600}.pn-btn-accept:hover{background:var(--primary-active)}.pn-btn-customize{color:var(--ink);border-radius:var(--r-pill);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid rgba(14,15,12,.2);padding:7px 16px;font-size:13px;font-weight:600}.pn-btn-customize:hover{border-color:var(--ink)}.pn-btn-customize{align-items:center;gap:6px;display:inline-flex}.pn-btn-customize:disabled{opacity:.7;cursor:wait}.pn-btn-spinner{border:2px solid rgba(14,15,12,.25);border-top-color:var(--ink);border-radius:50%;width:12px;height:12px;animation:.6s linear infinite pn-spin}@keyframes pn-spin{to{transform:rotate(360deg)}}.pn-btn-decline{color:var(--body);border-radius:var(--r-pill);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:7px 12px;font-size:13px;font-weight:600}.pn-btn-decline:hover{color:var(--ink)}@media (max-width:640px){.pn-row{flex-wrap:wrap;gap:10px;height:auto;padding:12px 16px}.pn-text{flex-basis:100%}.pn-actions{flex-wrap:wrap;gap:8px;width:100%}.pn-btn-accept,.pn-btn-customize,.pn-btn-decline{text-align:center;flex:1}}