:root{--disp:'Zen Maru Gothic','Hiragino Maru Gothic ProN',system-ui,sans-serif;--body-font:'Noto Sans JP','Hiragino Kaku Gothic ProN',system-ui,sans-serif;--mono:'JetBrains Mono',ui-monospace,Menlo,Consolas,monospace;--maxw:1080px;--bg:#FAF7F1;--card:#FFFFFF;--ink:#2B2521;--body:#3A342C;--muted:#6B6153;--faint:#9A8F7F;--line:#E9E1D4;--card-line:#E9E1D4;--accent:#177B87;--on-accent:#FFFFFF;--callout-bg:#FDFBF7;--callout-border:#C9BCA5;--code-bg:#2E2A24;--code-fg:#D8CFC0;--code-accent:#6FB3BC;--cat-err-fg:#2F5DA8;--cat-err-bg:#E8EEF9;--cat-make-fg:#AB522E;--cat-make-bg:#F9ECE3;--cat-sec-fg:#487651;--cat-sec-bg:#E7F1E8;--accent-soft:color-mix(in srgb,var(--accent) 12%,transparent)}@media(prefers-color-scheme:dark){:root:not([data-theme]){--bg:#221E1A;--card:#2A2520;--ink:#EFE8DC;--body:#D5CDBF;--muted:#A89F90;--faint:#8A8072;--line:#37312A;--card-line:#3B352D;--accent:#5BC0CC;--on-accent:#1B1815;--callout-bg:#272220;--callout-border:#55503F;--code-bg:#1A1714;--code-fg:#C7BFB1;--code-accent:#5BC0CC;--cat-err-fg:#8FB2E8;--cat-err-bg:#2A3448;--cat-make-fg:#E8A385;--cat-make-bg:#43302A;--cat-sec-fg:#9CCB9F;--cat-sec-bg:#2C3B2E}}:root[data-theme=dark]{--bg:#221E1A;--card:#2A2520;--ink:#EFE8DC;--body:#D5CDBF;--muted:#A89F90;--faint:#8A8072;--line:#37312A;--card-line:#3B352D;--accent:#5BC0CC;--on-accent:#1B1815;--callout-bg:#272220;--callout-border:#55503F;--code-bg:#1A1714;--code-fg:#C7BFB1;--code-accent:#5BC0CC;--cat-err-fg:#8FB2E8;--cat-err-bg:#2A3448;--cat-make-fg:#E8A385;--cat-make-bg:#43302A;--cat-sec-fg:#9CCB9F;--cat-sec-bg:#2C3B2E}:root[data-theme=light]{--bg:#FAF7F1;--card:#FFFFFF;--ink:#2B2521;--body:#3A342C;--muted:#6B6153;--faint:#9A8F7F;--line:#E9E1D4;--card-line:#E9E1D4;--accent:#177B87;--on-accent:#FFFFFF;--callout-bg:#FDFBF7;--callout-border:#C9BCA5;--code-bg:#2E2A24;--code-fg:#D8CFC0;--code-accent:#6FB3BC;--cat-err-fg:#2F5DA8;--cat-err-bg:#E8EEF9;--cat-make-fg:#AB522E;--cat-make-bg:#F9ECE3;--cat-sec-fg:#487651;--cat-sec-bg:#E7F1E8}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--body);font-family:var(--body-font);font-size:16.5px;line-height:1.85;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background .25s,color .25s}::selection{background:color-mix(in srgb,var(--accent) 25%,transparent)}img{max-width:100%;height:auto}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:2px}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:5px}h1,h2,h3,.disp{font-family:var(--disp)}.mono{font-family:var(--mono)}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}.narrow{max-width:720px;margin:0 auto;padding:0 24px}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:saturate(1.4)blur(10px);border-bottom:1px solid var(--line)}.hd-in{max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;gap:14px;padding:11px 24px}.brand{display:flex;align-items:center;gap:11px;color:var(--ink)}.brand:hover{text-decoration:none}.brand .av{width:38px;height:38px;border-radius:50%;overflow:hidden;flex:0 0 38px;background:var(--card);border:2px solid var(--accent)}.brand .av svg{width:100%;height:100%;display:block}.brand .nm{font-family:var(--disp);font-weight:700;font-size:16px;line-height:1.15}.brand .who{font-family:var(--mono);font-size:10.5px;color:var(--faint);margin-top:1px}.brand .who .p{color:var(--accent)}.hd-nav{margin-left:auto;display:flex;align-items:center;gap:8px}.hd-nav a{color:var(--muted);font-size:14px;font-weight:500;padding:7px 11px;border-radius:9px}.hd-nav a:hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 6%,transparent);text-decoration:none}.hd-nav .chat{color:var(--on-accent);background:var(--accent);font-weight:700}.hd-nav .chat:hover{filter:brightness(1.06);color:var(--on-accent)}.theme-btn{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--line);background:0 0;cursor:pointer;color:var(--muted);display:grid;place-items:center;font-size:15px}.theme-btn:hover{color:var(--accent);border-color:var(--accent)}.cmd{font-family:var(--mono);font-size:13px;color:var(--muted);display:inline-flex;align-items:baseline;gap:.5ch}.cmd .p{color:var(--accent)}.sec-cmd{font-family:var(--mono);font-size:15px;color:var(--ink);margin:46px 0 18px;display:flex;align-items:center;gap:.5ch}.sec-cmd .p{color:var(--accent)}.sec-cmd .n{color:var(--faint);margin-left:8px;font-size:12px}.hero{display:flex;gap:30px;align-items:center;padding:52px 0 20px}.hero .htext{max-width:640px;flex:1}.hero .cmd{margin-bottom:16px}.hero .type{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom}.hero h1{font-weight:900;font-size:40px;line-height:1.45;color:var(--ink);letter-spacing:-.01em;margin-bottom:16px}.hero .lede{font-size:1.06rem;color:var(--muted);margin-bottom:22px;max-width:33rem}.hero .cta-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.hero .mascot{width:260px;height:280px;object-fit:contain;flex:0 0 260px;animation:mascotFloat 4.5s ease-in-out infinite}.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--disp);font-weight:700;font-size:15px;color:var(--on-accent);background:var(--accent);padding:11px 22px;border-radius:999px;transition:transform .15s,filter .15s}.btn:hover{transform:translateY(-2px);filter:brightness(1.06);text-decoration:none}.link-more{font-family:var(--mono);font-size:13.5px;color:var(--muted);font-weight:700}.link-more:hover{color:var(--accent);text-decoration:none}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:12px}.card{display:flex;flex-direction:column;background:var(--card);border:1.5px solid var(--card-line);border-radius:14px;padding:18px 19px;color:var(--body);transition:transform .15s,border-color .15s,box-shadow .15s}.card:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 12px 26px -16px color-mix(in srgb,var(--accent) 60%,transparent);text-decoration:none}.card:hover .p-title{color:var(--accent)}.p-meta{display:flex;align-items:center;gap:9px;margin-bottom:11px}.chip{font-family:var(--disp);font-size:11.5px;font-weight:700;padding:3px 10px;border-radius:999px;letter-spacing:.02em}.chip.err{color:var(--cat-err-fg);background:var(--cat-err-bg)}.chip.make{color:var(--cat-make-fg);background:var(--cat-make-bg)}.chip.sec{color:var(--cat-sec-fg);background:var(--cat-sec-bg)}.p-date{font-family:var(--mono);font-size:11px;color:var(--faint)}.p-title{font-family:var(--disp);font-size:17px;font-weight:700;line-height:1.55;color:var(--ink);margin:0 0 8px;transition:color .15s}.p-desc{font-size:13px;line-height:1.7;color:var(--muted);margin:0 0 14px;flex:1}.p-more{font-family:var(--mono);font-size:12.5px;font-weight:700;color:var(--accent);display:inline-flex;gap:6px;transition:gap .15s}.card:hover .p-more{gap:11px}.catgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:12px}.catcol{background:var(--card);border:1.5px solid var(--card-line);border-radius:14px;padding:16px 18px;border-top:4px solid var(--accent)}.catcol.err{border-top-color:var(--cat-err-fg)}.catcol.make{border-top-color:var(--cat-make-fg)}.catcol.sec{border-top-color:var(--cat-sec-fg)}.catcol h3{font-family:var(--disp);font-size:15px;font-weight:900;color:var(--ink);margin-bottom:4px;display:flex;justify-content:space-between;align-items:baseline}.catcol h3 .n{font-family:var(--mono);font-size:11px;color:var(--faint);font-weight:400}.catcol ul{list-style:none;padding:0;margin:8px 0 0}.catcol li{padding:7px 0;border-top:1px solid var(--line);font-size:13.5px;line-height:1.5}.catcol li a{color:var(--body)}.catcol li a:hover{color:var(--accent)}.catcol .empty{color:var(--faint);font-size:12.5px;padding-top:8px}.callout{display:flex;align-items:center;gap:22px;flex-wrap:wrap;border:2px dashed var(--callout-border);border-radius:16px;background:var(--callout-bg);padding:22px 26px;margin:40px 0 8px}.callout .ct{flex:1;min-width:220px}.callout .k{font-family:var(--disp);font-size:16px;font-weight:900;color:var(--ink);margin-bottom:6px}.callout p{color:var(--muted);font-size:14.5px;margin:0}.tools{border:1.5px solid var(--card-line);border-radius:14px;background:var(--card);padding:18px 20px;margin:2.4rem 0}.tools h3{font-family:var(--disp);font-size:15px;font-weight:700;margin-bottom:4px}.tools ul{list-style:none;padding:0;margin:0}.tools li{padding:10px 0;border-bottom:1px solid var(--line);font-size:.98rem}.tools li:last-child{border-bottom:none}.tools .t-note{color:var(--muted);font-size:.85rem;display:block;margin-top:2px}.pr-notice{font-family:var(--mono);font-size:12.5px;color:var(--muted);background:var(--callout-bg);border:1px dashed var(--callout-border);border-radius:9px;padding:8px 13px;margin:16px 0}.pr-notice::before{content:"PR ";color:var(--accent);font-weight:700}article{padding:44px 0 24px}.eyebrow .cmd{margin-bottom:14px}.eyebrow{margin-bottom:14px}.a-cat{margin-bottom:14px}h1.title{font-family:var(--disp);font-weight:900;font-size:32px;line-height:1.5;color:var(--ink);letter-spacing:-.01em;margin-bottom:20px}.lede{font-size:1.14rem;line-height:1.7;color:var(--muted);margin-bottom:34px}.body{font-size:16.5px;line-height:1.85;color:var(--body)}.body>*{margin-bottom:1.5rem}.body h2{font-family:var(--disp);font-size:21px;font-weight:700;line-height:1.6;color:var(--ink);margin:2.6rem 0 1rem;padding-left:14px;border-left:4px solid var(--accent)}.body h3{font-family:var(--disp);font-size:18px;font-weight:700;color:var(--ink);margin:2rem 0 .7rem}.body strong{font-weight:700;color:var(--ink)}.body a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px;text-decoration-color:color-mix(in srgb,var(--accent) 45%,transparent)}.body ul,.body ol{padding-left:1.45em}.body li{margin:.5em 0}.body li::marker{color:var(--accent)}.body blockquote{border-left:4px solid var(--accent);background:var(--callout-bg);border-radius:0 10px 10px 0;padding:.9rem 1.2rem;color:var(--muted)}.body blockquote>*:last-child{margin-bottom:0}.body img{border-radius:10px;border:1px solid var(--line)}.body hr{border:none;height:1px;background:var(--line);margin:2.6rem 0}.body :not(pre)>code{font-family:var(--mono);font-size:.85em;background:color-mix(in srgb,var(--ink) 8%,transparent);color:var(--ink);padding:2px 6px;border-radius:6px}.codecard{margin:1.8rem 0;border-radius:10px;overflow:hidden;background:var(--code-bg)}.codecard .cc-head{font-family:var(--mono);font-size:11.5px;color:#8f887a;padding:8px 14px;border-bottom:1px solid rgba(255,255,255,6%);display:flex;align-items:center;gap:8px}.codecard .cc-head::before{content:"$";color:var(--code-accent)}.codecard pre{margin:0;padding:14px 16px;overflow-x:auto;font-family:var(--mono);font-size:13.5px;line-height:1.75;color:var(--code-fg);background:var(--code-bg)}.codecard .highlight{background:0 0!important;margin:0}.codecard pre code{background:0 0;padding:0;color:inherit;font-size:inherit}.codecard pre.err{color:#e88b82}.codecard .c,.codecard .ch,.codecard .cm,.codecard .c1,.codecard .cs{color:#8f887a;font-style:italic}.codecard .k,.codecard .kc,.codecard .kd,.codecard .kn,.codecard .kp,.codecard .kr,.codecard .kt,.codecard .ow{color:#e2a4c2}.codecard .s,.codecard .sa,.codecard .sb,.codecard .sc,.codecard .s1,.codecard .s2,.codecard .se,.codecard .sh,.codecard .si,.codecard .sx,.codecard .sr,.codecard .ss,.codecard .dl{color:#95cfa9}.codecard .nf,.codecard .fm,.codecard .na{color:#c3a6e6}.codecard .m,.codecard .mi,.codecard .mf,.codecard .mh,.codecard .mo,.codecard .il{color:#7cb8d8}.codecard .nb,.codecard .bp,.codecard .ne{color:#e0a878}.codecard .nt{color:#e2a4c2}.codecard .nn,.codecard .nc,.codecard .no,.codecard .nv{color:var(--code-fg)}.codecard .gp{color:var(--code-accent);user-select:none}.codecard .err,.codecard .gr{color:#e88b82}.pagination{display:flex;gap:10px;justify-content:center;font-family:var(--mono);font-weight:700;margin:12px 0 44px}.pagination a,.pagination .page-item{padding:8px 14px;border:1.5px solid var(--line);border-radius:10px;color:var(--muted);background:var(--card)}.pagination .active a{background:var(--accent);color:var(--on-accent);border-color:transparent}.page-title{font-family:var(--disp);font-size:28px;font-weight:900;color:var(--ink);margin:8px 0 20px}.site-footer{border-top:1px solid var(--line);margin-top:60px}.ft-in{max-width:var(--maxw);margin:0 auto;padding:26px 24px 46px;display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:11.5px;color:var(--faint);gap:16px;flex-wrap:wrap}.ft-in .r{color:var(--accent)}.ft-in a{color:var(--muted)}@keyframes typeIn{from{width:0}to{width:12ch}}@keyframes promptPulse{0%,100%{opacity:1}50%{opacity:.35}}@keyframes mascotFloat{0%,100%{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-9px)rotate(1deg)}}.anim-prompt{animation:promptPulse 2.4s infinite}.anim-type{animation:typeIn 2.2s steps(12).4s both}@media(max-width:860px){.grid,.catgrid{grid-template-columns:1fr 1fr}}@media(max-width:640px){body{font-size:16px}.wrap,.narrow{padding:0 16px}.hd-in{padding:10px 16px;gap:8px}.hd-nav{gap:4px}.hd-nav a{padding:6px 9px;font-size:13px}.brand .who{display:none}.hero{flex-direction:column-reverse;gap:14px;padding:32px 0 16px;text-align:center}.hero .htext{max-width:none}.hero .lede{max-width:none}.hero .cta-row{justify-content:center}.hero h1{font-size:28px;line-height:1.4}.hero .mascot{width:180px;height:190px;flex-basis:auto}.grid,.catgrid{grid-template-columns:1fr}h1.title{font-size:25px}.body h2{font-size:19px}.ft-in{flex-direction:column;align-items:flex-start;gap:6px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important;animation:none!important}}