.blog-search{max-width:var(--max);margin:0 auto 2.5rem;padding:0 clamp(1rem,4vw,2rem)}.pagefind-ui{--pagefind-ui-primary: var(--live);--pagefind-ui-text: var(--text);--pagefind-ui-background: var(--surface);--pagefind-ui-border: var(--border-strong);--pagefind-ui-tag: var(--surface-2);--pagefind-ui-border-width: 1px;--pagefind-ui-border-radius: var(--radius);--pagefind-ui-font: var(--font-sans)}.pagefind-ui .pagefind-ui__search-input{background:var(--bg-2);color:var(--text);border-color:var(--border-strong);font-family:var(--font-sans)}.pagefind-ui .pagefind-ui__search-input::placeholder{color:var(--muted)}.pagefind-ui .pagefind-ui__result{border-top:1px solid var(--border)}.pagefind-ui .pagefind-ui__result-title a,.pagefind-ui .pagefind-ui__result-link{color:var(--text)}.pagefind-ui .pagefind-ui__result-excerpt{color:var(--text-2)}.pagefind-ui mark{background:color-mix(in srgb,var(--live) 25%,transparent);color:var(--text);border-radius:3px;padding:0 2px}.nav__lang{border:1px solid var(--border-strong);border-radius:999px;padding:.1rem .5rem;font-size:.72rem;letter-spacing:.05em;color:var(--muted)!important}.nav__lang:hover{color:var(--text)!important;border-color:var(--muted)}.cat-nav{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1.5rem}.cat-nav__item{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-mono);font-size:.85rem;color:var(--text-2);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:.35rem .85rem;text-decoration:none;transition:color .18s var(--ease),border-color .18s var(--ease),background .18s var(--ease)}.cat-nav__item:hover{color:var(--text);border-color:var(--border-strong)}.cat-nav__item.is-active{color:var(--bg);background:var(--text);border-color:var(--text)}.cat-nav__count{font-size:.72rem;color:var(--faint)}.cat-nav__item.is-active .cat-nav__count{color:var(--bg);opacity:.6}.post-list{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.post-card{display:block;padding:1.25rem 1.5rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);text-decoration:none;color:inherit;transition:border-color .2s var(--ease),transform .15s var(--ease),background .2s var(--ease)}.post-card:hover{border-color:var(--border-strong);background:var(--surface-2);transform:translateY(-2px)}.post-card__meta{color:var(--faint);font-size:.8rem}.post-card__cat{color:var(--live)}.post-card__title{margin:.4rem 0 .3rem;font-size:1.15rem;line-height:1.35;color:var(--text)}.post-card__desc{margin:0;color:var(--text-2);font-size:.95rem;line-height:1.6}.post-card__tags{list-style:none;margin:.8rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}.tag{display:inline-block;font-family:var(--font-mono);font-size:.75rem;color:var(--muted);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.15rem .5rem;text-decoration:none}a.tag:hover{color:var(--text);border-color:var(--border-strong)}.post__crumbs{max-width:720px;margin:0 auto;padding:0 clamp(1rem,4vw,2rem);font-size:.82rem;color:var(--faint);display:flex;gap:.5rem}.post__crumbs a{color:var(--muted);text-decoration:none}.post__crumbs a:hover{color:var(--text)}.post__cat{color:var(--live);text-decoration:none}.post__cat:hover{text-decoration:underline;text-underline-offset:3px}.post{max-width:720px;margin:0 auto;padding:0 clamp(1rem,4vw,2rem)}.post__head{padding:1rem 0 1.5rem;border-bottom:1px solid var(--border);margin-bottom:2rem}.post__meta{color:var(--faint);font-size:.85rem}.post__title{margin:.5rem 0;font-size:clamp(1.6rem,4vw,2.3rem);line-height:1.25}.post__lead{color:var(--text-2);font-size:1.05rem;line-height:1.65;margin:.5rem 0 0}.post__tags{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;margin:1rem 0 0;padding:0}.post__hero{width:100%;height:auto;border-radius:var(--radius);border:1px solid var(--border);margin-bottom:2rem}.series-box{max-width:720px;margin:0 auto 2rem;padding:1rem 1.25rem;border:1px solid var(--border);border-left:3px solid var(--live);border-radius:var(--radius-sm);background:var(--surface)}.series-box__label{color:var(--muted);font-size:.75rem;letter-spacing:.04em;margin:0 0 .6rem}.series-box__list{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}.series-box__item{display:flex;align-items:baseline;gap:.7rem}.series-box__plat{flex:0 0 auto;min-width:4.5rem;font-size:.72rem;color:var(--live);border:1px solid var(--border-strong);border-radius:999px;padding:.1rem .5rem;text-align:center}.series-box__title{color:var(--text-2);text-decoration:none;font-size:.95rem}a.series-box__title:hover{color:var(--text);text-decoration:underline;text-underline-offset:3px}.series-box__item.is-current .series-box__title{color:var(--text);font-weight:600}.series-box__item.is-current .series-box__plat{color:var(--bg);background:var(--live);border-color:var(--live)}.post__body{color:var(--text);font-size:1.02rem;line-height:1.8}.post__body>*+*{margin-top:1.1rem}.post__body h2{margin-top:2.5rem;margin-bottom:.5rem;font-size:1.4rem;line-height:1.3;padding-top:.5rem;border-top:1px solid var(--border)}.post__body h3{margin-top:1.8rem;font-size:1.15rem}.post__body a{color:var(--live);text-underline-offset:3px}.post__body img{max-width:100%;height:auto;border-radius:var(--radius-sm);border:1px solid var(--border);display:block;margin:1.5rem auto}.post__body figure{margin:1.5rem 0}.post__body figcaption{text-align:center;color:var(--muted);font-size:.85rem;margin-top:.5rem}.post__body blockquote{border-left:3px solid var(--border-strong);margin:1.2rem 0;padding:.2rem 0 .2rem 1rem;color:var(--text-2)}.post__body ul,.post__body ol{padding-left:1.3rem}.post__body li+li{margin-top:.35rem}.post__body code{font-family:var(--font-mono);font-size:.88em;background:var(--surface-2);border:1px solid var(--border);border-radius:5px;padding:.1rem .35rem}.post__body pre{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1rem 1.1rem;overflow-x:auto;font-size:.88rem;line-height:1.6}.post__body pre code{background:none;border:0;padding:0}.post__body table{width:100%;border-collapse:collapse;font-size:.92rem}.post__body th,.post__body td{border:1px solid var(--border);padding:.5rem .7rem;text-align:left}.post__body th{background:var(--surface-2)}.post__body hr{border:0;border-top:1px solid var(--border);margin:2.5rem 0}.post__foot{max-width:720px;margin:3rem auto 0;padding:2rem clamp(1rem,4vw,2rem) 0;border-top:1px solid var(--border)}.blog-empty{color:var(--muted);padding:2rem 0}body.toon .section{border-top:0;padding:12px clamp(16px,4vw,32px) 72px}body.toon .blog-search{margin-bottom:2rem}body.toon .pagefind-ui{--pagefind-ui-primary: var(--orange);--pagefind-ui-text: var(--ink);--pagefind-ui-background: #fff;--pagefind-ui-border: var(--ink);--pagefind-ui-tag: #fff4c2;--pagefind-ui-border-width: 3px;--pagefind-ui-border-radius: 999px}body.toon .pagefind-ui .pagefind-ui__search-input{background:#fff;color:var(--ink);font-weight:600;border:3px solid var(--ink);border-radius:999px;box-shadow:0 4px 0 var(--ink)}body.toon .pagefind-ui .pagefind-ui__search-input::placeholder{color:var(--muted);opacity:1}body.toon .pagefind-ui .pagefind-ui__result{border-top:2px dashed rgba(42,33,80,.3)}body.toon .pagefind-ui .pagefind-ui__result-title a,body.toon .pagefind-ui .pagefind-ui__result-link{color:var(--ink);font-family:var(--font-display);font-weight:400}body.toon .pagefind-ui .pagefind-ui__result-excerpt{color:var(--text-2)}body.toon .pagefind-ui mark{background:var(--yellow);color:var(--ink);border-radius:4px;padding:0 3px}body.toon .pagefind-ui .pagefind-ui__button,body.toon .pagefind-ui .pagefind-ui__filter-checkbox+label{color:var(--ink)}body.toon .pagefind-ui .pagefind-ui__button{background:#fff;border:3px solid var(--ink);border-radius:999px;box-shadow:0 4px 0 var(--ink);font-weight:700}body.toon .pagefind-ui .pagefind-ui__button:hover{background:var(--yellow)}body.toon .nav__lang{color:var(--ink)!important;background:#fff;border:2.5px solid var(--ink)!important;box-shadow:0 2px 0 var(--ink);font-weight:700}body.toon .nav__lang:hover{background:var(--yellow);border-color:var(--ink)!important}body.toon .nav__links a[aria-current=page]{background:var(--yellow);border-color:var(--ink)}body.toon .cat-nav{gap:10px;margin-bottom:1.8rem}body.toon .cat-nav__item{font-family:var(--font-display);font-size:1rem;color:var(--ink);background:#fff;border:2.5px solid var(--ink);box-shadow:0 3px 0 var(--ink);padding:.25rem 1rem;transition:transform .2s var(--bounce),box-shadow .2s,background .15s}body.toon .cat-nav__item:hover{color:var(--ink);background:var(--yellow);border-color:var(--ink);transform:translateY(-3px) rotate(-1.5deg);box-shadow:0 6px 0 var(--ink)}body.toon .cat-nav__item.is-active{color:var(--ink);background:var(--orange);border-color:var(--ink)}body.toon .cat-nav__count{color:var(--ink);opacity:.6;font-weight:700}body.toon .cat-nav__item.is-active .cat-nav__count{color:var(--ink);opacity:.7}body.toon .post-list{gap:22px}body.toon .post-list__item:nth-child(6n+1) .post-card{--pc: var(--yellow)}body.toon .post-list__item:nth-child(6n+2) .post-card{--pc: var(--pink)}body.toon .post-list__item:nth-child(6n+3) .post-card{--pc: var(--mint)}body.toon .post-list__item:nth-child(6n+4) .post-card{--pc: var(--sky)}body.toon .post-list__item:nth-child(6n+5) .post-card{--pc: var(--lilac)}body.toon .post-list__item:nth-child(6n) .post-card{--pc: var(--orange)}body.toon .post-card{--pc: var(--yellow);background:#fff;border:3px solid var(--ink);border-left:14px solid var(--pc);border-radius:var(--radius);box-shadow:0 5px 0 var(--ink);padding:1.2rem 1.5rem 1.25rem;transition:transform .25s var(--bounce),box-shadow .25s var(--bounce)}body.toon .post-card:hover{background:#fff;border-color:var(--ink);border-left-color:var(--pc);transform:translate(-3px,-6px) rotate(-.4deg);box-shadow:0 9px 0 var(--ink)}body.toon .post-card:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}body.toon .post-card__meta{color:var(--muted);font-weight:700}body.toon .post-card__cat{color:var(--ink);background:var(--pc);border:2px solid var(--ink);border-radius:999px;padding:0 9px}body.toon .post-card__title{font-family:var(--font-display);font-weight:400;font-size:1.4rem;color:var(--ink)}body.toon .post-card__desc{color:var(--text-2);font-weight:500}body.toon .tag{font-weight:700;color:var(--ink);background:#fff4c2;border:2px solid var(--ink);border-radius:999px;padding:.1rem .65rem}body.toon .post-card__tags li:nth-child(4n+2),body.toon .post__tags li:nth-child(4n+2) .tag{background:#ffe0eb}body.toon .post-card__tags li:nth-child(4n+3),body.toon .post__tags li:nth-child(4n+3) .tag{background:#d3f6e8}body.toon .post-card__tags li:nth-child(4n),body.toon .post__tags li:nth-child(4n) .tag{background:#d6f0ff}body.toon a.tag:hover{color:var(--ink);background:var(--yellow);border-color:var(--ink)}body.toon .post__crumbs{color:var(--muted);font-weight:700;padding-top:8px}body.toon .post__crumbs a{color:var(--ink)}body.toon .post__crumbs a:hover{background:var(--yellow)}body.toon .post__cat{color:var(--ink);font-weight:700}body.toon .post__head{background:#fff;border:3px solid var(--ink);border-radius:26px;box-shadow:0 8px 0 var(--ink);padding:1.6rem 1.8rem 1.5rem;margin:1rem 0 2.4rem}body.toon .post__meta{color:var(--muted);font-weight:700}body.toon .post__title{font-family:var(--font-display);font-weight:400;color:var(--ink);text-shadow:3px 3px 0 #fff4c2}body.toon .post__lead{color:var(--text-2);font-weight:500}body.toon .post__hero{border:3px solid var(--ink);border-radius:var(--radius);box-shadow:0 5px 0 var(--ink)}body.toon .series-box{background:#fff;border:3px solid var(--ink);border-left:14px solid var(--sky);border-radius:var(--radius-sm);box-shadow:0 4px 0 var(--ink)}body.toon .series-box__label{color:var(--ink);font-weight:700}body.toon .series-box__plat{color:var(--ink);background:#d6f0ff;border:2px solid var(--ink);font-weight:700}body.toon .series-box__title{color:var(--text-2);font-weight:600}body.toon a.series-box__title:hover{color:var(--ink);background:var(--yellow);text-decoration:none}body.toon .series-box__item.is-current .series-box__title{color:var(--ink);font-weight:800}body.toon .series-box__item.is-current .series-box__plat{color:var(--ink);background:var(--orange);border-color:var(--ink)}body.toon .post__body{color:var(--ink);font-weight:500}body.toon .post__body h2{font-family:var(--font-display);font-weight:400;font-size:1.7rem;border-top:0;padding-top:0;margin-top:2.8rem;position:relative;display:inline-block}body.toon .post__body h2:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:10px;z-index:-1;background:var(--yellow);border-radius:4px;transform:rotate(-.8deg)}body.toon .post__body h3{font-family:var(--font-display);font-weight:400;font-size:1.3rem}body.toon .post__body a{color:var(--ink);font-weight:700;text-decoration:none;border-bottom:3px solid var(--sky)}body.toon .post__body a:hover{background:var(--sky)}body.toon .post__body img{border:3px solid var(--ink);border-radius:var(--radius-sm);box-shadow:0 5px 0 var(--ink)}body.toon .post__body figcaption{color:var(--muted);font-weight:600}body.toon .post__body blockquote{border-left:8px solid var(--pink);background:#ffe0eb;border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:.8rem 1.1rem;color:var(--ink)}body.toon .post__body li::marker{color:var(--orange);font-weight:800}body.toon .post__body code{background:#fff4c2;color:var(--ink);border:2px solid var(--ink);border-radius:8px;padding:0 .4rem}body.toon .post__body pre{background:var(--ink)!important;border:3px solid var(--ink);border-radius:var(--radius-sm);box-shadow:0 5px #2a215059;padding:1.1rem 1.2rem}body.toon .post__body pre code{background:none;border:0;color:inherit;padding:0}body.toon .post__body table{border:3px solid var(--ink);border-radius:var(--radius-sm);border-collapse:separate;border-spacing:0;overflow:hidden;box-shadow:0 4px 0 var(--ink)}body.toon .post__body th,body.toon .post__body td{border:0;border-bottom:2px solid rgba(42,33,80,.2)}body.toon .post__body th{background:var(--yellow);color:var(--ink);font-weight:800;border-bottom:3px solid var(--ink)}body.toon .post__body tr:last-child td{border-bottom:0}body.toon .post__body hr,body.toon .post__foot{border-top:3px dashed rgba(42,33,80,.3)}body.toon .blog-empty{color:var(--muted);font-weight:700}body.toon .post__foot .btn{font-family:var(--font-display);font-size:1.1rem;color:var(--ink);background:#fff;border:3px solid var(--ink);border-radius:999px;box-shadow:0 5px 0 var(--ink);padding:9px 22px;transition:transform .15s var(--bounce),box-shadow .15s,background .15s}body.toon .post__foot .btn:hover{background:var(--mint);border-color:var(--ink);transform:translateY(-3px);box-shadow:0 8px 0 var(--ink)}body.toon .post__foot .btn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--ink)}body.toon .footer--full{padding-top:40px}body.toon .footer--full .footer__brand{color:#fff;font-family:var(--font-display);font-size:1.1rem}body.toon .footer--full .footer__nav a,body.toon .footer--full .footer__links a{color:#e6e1ff;font-weight:600}body.toon .footer--full .footer__nav a:hover,body.toon .footer--full .footer__links a:hover{color:var(--yellow)}body.toon .footer--full .footer__row--meta{border-top:2px dashed rgba(255,255,255,.25);color:#b4aedb}body.toon .footer--full .footer__sep{color:#7d77a8}body.toon .footer--full .dot{border-color:#fff}.code-wrap{position:relative}.code-wrap>pre{margin:0;padding-top:2.6rem}.code-copy{position:absolute;top:10px;right:10px;z-index:2;font-family:var(--font-display, var(--font-sans));font-size:.9rem;line-height:1;color:#2a2150;background:#ffd23f;border:2.5px solid #2a2150;border-radius:999px;box-shadow:0 3px #2a2150;padding:6px 14px 7px;cursor:pointer;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s,background .15s}.code-copy:hover{background:#ff9a4d;transform:translateY(-2px);box-shadow:0 5px #2a2150}.code-copy:active{transform:translateY(2px);box-shadow:0 1px #2a2150}.code-copy:focus-visible{outline:3px solid #5cc8ff;outline-offset:2px}.code-copy.is-done{background:#4fd8a6}.code-copy.is-fail{background:#ff8fb1}.play-cta{margin:20px 0;padding:16px 18px;border:3px solid #2a2150;border-radius:20px;background:#fff1cf;box-shadow:0 5px #2a2150}.play-cta__text{margin:0 0 12px;font-weight:700;color:#2a2150;line-height:1.5}.play-cta__btns{display:flex;flex-wrap:wrap;gap:10px}.play-cta__btn{display:inline-block;padding:8px 18px;border:3px solid #2a2150;border-radius:999px;background:#fff;color:#2a2150;font-weight:800;text-decoration:none;box-shadow:0 4px #2a2150;transition:transform .15s,box-shadow .15s,background .15s}.play-cta__btn--web{background:#ffd23f}.play-cta__btn:hover{background:#4fd8a6;transform:translateY(-2px);box-shadow:0 6px #2a2150}.play-cta__btn:active{transform:translateY(3px);box-shadow:0 1px #2a2150}.play-cta--bottom{margin-top:36px}