:root{color-scheme:light dark;--bg:#edf5f0;--bg-soft:#FBFCFB;--ink:#1B211E;--ink-soft:#5D6560;--line:#D7DDD9;--field:#FFFFFF;--accent:#2E7D58;--accent-soft:#E6F1EB;--brand:#398B66;--danger:#D32F2F;--code-bg:#edf5f0;--code-ink:#1B211E;--shadow:0 1px 2px rgba(0,0,0,.05),0 4px 14px -8px rgba(20,30,25,.18);--shadow-lift:0 18px 40px -20px rgba(20,30,25,.4);--tap-min:24px;--space-xs:4px;--space-s:8px;--space-base:24px;--space-l:48px;--space-xl:72px;--radius-sm:8px;--radius:16px;--radius-pill:999px;--font:"Zen Maru Gothic","Hiragino Maru Gothic ProN",system-ui,-apple-system,"Hiragino Kaku Gothic ProN","Yu Gothic","Noto Sans JP",sans-serif;--dur-fast:.15s;--dur-base:.3s;--dur-slow:.6s;--ease-out:cubic-bezier(.2,.8,.2,1);--ease-spring:linear(0,.009,.035 2.1%,.141 4.4%,.723 12.9%,.938 16.7%,1.017 19.8%,1.061 23.3%,1.066 26.1%,1.051 29.3%,1.011 36.6%,.993 42.3%,1.001 58.5%,1);--scene-grid:color-mix(in srgb,var(--accent) 13%,transparent);--scene-plate:#dcebe2;--scene-plate-edge:#c6dccf;--scene-shadow:rgba(20,40,30,.18);--mascot-filter:none;--w-container:1160px;--w-wide:1600px;--w-article:768px;--w-search:460px;--w-toc:320px;--text-xs:.75rem;--text-s:.875rem;--text-base:1.0625rem;--text-l:1.25rem;--text-xl:1.5rem;--weight-normal:400;--weight-bold:700}@media (prefers-color-scheme:dark){:root{--bg:#14241D;--bg-soft:#22302A;--ink:#FAFBFA;--ink-soft:#8F9892;--line:#444A46;--field:#2B3B34;--accent:#4AA67C;--accent-soft:#14241D;--danger:#FF8A80;--code-bg:#14241D;--code-ink:#FAFBFA;--shadow:0 1px 2px rgba(0,0,0,.4),0 6px 18px -10px rgba(0,0,0,.6);--shadow-lift:0 18px 44px -20px rgba(0,0,0,.7);--scene-grid:color-mix(in srgb,var(--accent) 16%,transparent);--scene-plate:#1f3a2e;--scene-plate-edge:#2b4d3d;--scene-shadow:rgba(0,0,0,.45);--mascot-filter:brightness(.93)}}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-weight:var(--weight-normal);font-size:var(--text-base);line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%}*,:before,:after{border-width:0;border-style:solid}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}p,blockquote,figure,pre,dl,dd,hr,fieldset{margin:0}ul,ol{margin:0;padding:0;list-style:none}img,svg,video,canvas{display:block;vertical-align:middle}img,video{height:auto}button,input,select,textarea,optgroup{font:inherit;color:inherit;margin:0;padding:0}button,[type=button],[type=submit],[type=reset]{background-color:transparent;background-image:none;-webkit-appearance:button;cursor:pointer}table{border-collapse:collapse}.wrap{max-width:var(--w-container);margin:0 auto;padding:0 var(--space-base)}.wrap.wide{max-width:var(--w-wide)}h1,h2,h3{letter-spacing:-.02em}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.skip-link{position:absolute;left:8px;top:-120px;z-index:100;background:var(--accent);color:var(--bg);padding:var(--space-s) var(--space-base);border-radius:var(--radius);font-weight:var(--weight-bold);font-size:var(--text-s);box-shadow:var(--shadow-lift);transition:top .15s}.skip-link:focus{top:8px}#main:focus{outline:none}@media (prefers-reduced-motion:reduce){.skip-link{transition:none}}.top{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(10px)}.top .wrap{max-width:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-base);height:80px}.brand{flex:0 0 auto;font-weight:var(--weight-bold);font-size:var(--text-l);display:flex;align-items:center;letter-spacing:-.01em;color:var(--ink)}.brand:hover{color:var(--accent)}.hd-search{flex:0 0 auto;width:clamp(220px,24vw,var(--w-search));display:flex;align-items:center;gap:var(--space-s);background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius-pill);padding:0 var(--space-base);height:42px;transition:border-color .2s,box-shadow .2s}.hd-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}.hd-search-ic{flex:0 0 auto;color:var(--ink-soft);display:grid;place-items:center}.hd-search input{flex:1;min-width:0;border:0;background:transparent;color:var(--ink);font-family:inherit;font-size:var(--text-base);outline:none}.hd-search input::placeholder{color:var(--ink-soft)}.top nav{flex:0 0 auto;display:flex;gap:var(--space-l)}.top nav a{display:inline-flex;align-items:center;gap:var(--space-s);font-size:var(--text-s);font-weight:var(--weight-normal);color:var(--ink-soft);white-space:nowrap}.nav-about-short{display:none}@media (max-width:900px){.nav-about-full{display:none}.nav-about-short{display:inline}}.top nav a:hover{color:var(--accent)}.top nav a:active,.brand:active,.crumb a:active,.footer-primary a:active,.footer-nav a:active,.hd-search-btn:active,.hd-menu-btn:active{color:var(--accent)}.top nav a span,.hd-search-btn span,.hd-menu-btn span{margin-top:3px}.rd-icon{flex:0 0 auto;display:block}.hd-actions{flex:0 0 auto;display:flex;align-items:center;gap:var(--space-l)}.hd-search-btn,.hd-menu-btn{display:none;flex-direction:column;align-items:center;gap:var(--space-xs);color:var(--ink-soft);font-size:var(--text-s);font-weight:var(--weight-normal);text-align:center;line-height:1.15}.hd-search-btn:hover,.hd-menu-btn:hover,.hd-menu-btn[aria-expanded=true]{color:var(--accent)}.hd-menu-btn .hd-menu-ic{display:grid;margin-top:0}.hd-menu-ic .rd-icon{grid-area:1 / 1;transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}.hd-menu-ic .ic-close{opacity:0;transform:rotate(-90deg) scale(.6)}.hd-menu-btn[aria-expanded=true] .ic-open{opacity:0;transform:rotate(90deg) scale(.6)}.hd-menu-btn[aria-expanded=true] .ic-close{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.hd-menu-ic .rd-icon{transition:none}}.hd-menu{position:fixed;inset:80px 0 auto;width:auto;max-height:calc(100dvh - 80px);overflow:auto;margin:0;padding:var(--space-s) var(--space-base) 0;border:0;border-bottom:1px solid var(--line);background:var(--bg-soft);color:var(--ink);box-shadow:0 100vh 0 100vh #0003}.hd-menu::backdrop{background:transparent}.hd-menu a:hover,.hd-menu a:active{color:var(--accent)}.hd-menu-main li+li{border-top:1px solid var(--line)}.hd-menu-main a{display:flex;align-items:center;gap:var(--space-s);padding:var(--space-base) 0;font-size:var(--text-base);font-weight:var(--weight-bold)}.hd-menu-main .rd-icon{color:var(--ink-soft)}.hd-menu-sub{border-top:1px solid var(--line);padding-top:var(--space-s)}.hd-menu-sub a{display:block;padding:var(--space-s) 0;font-size:var(--text-s);color:var(--ink-soft)}.hd-menu-mb{display:block;margin:calc(-1 * var(--space-base)) 0 0 auto;height:150px;width:auto;filter:var(--mascot-filter)}.hd-menu[hidden]{display:none}@media (min-width:721px){.top nav a{border-bottom:3px solid transparent;padding-bottom:2px}.top nav a:hover{border-bottom-color:var(--accent)}}.btn{display:inline-flex;align-items:center;gap:var(--space-s);min-height:var(--tap-min);border-radius:var(--radius-pill);padding:var(--space-s) var(--space-base);font-size:var(--text-s);line-height:1.4;cursor:pointer;border:1px solid transparent;transition:transform .1s ease,background-color .15s ease,border-color .15s ease}.btn-solid,.btn-ghost{background:var(--bg-soft);border-color:var(--line);color:var(--ink)}.btn-solid:hover,.btn-ghost:hover{border-color:var(--accent)}.btn:active{transform:translateY(1px);background:var(--accent-soft);border-color:var(--accent)}.btn:disabled,.btn[disabled]{background:var(--line);border-color:var(--line);color:var(--ink-soft);cursor:not-allowed}.btn:disabled:hover,.btn[disabled]:hover{border-color:var(--line)}.cat{display:inline-flex;align-items:center;font-size:var(--text-xs);font-weight:var(--weight-bold);line-height:1.5;color:var(--bg);background:var(--accent);border-radius:var(--radius-pill);padding:1px 9px;white-space:nowrap}.shead{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-base);margin:0 0 var(--space-base)}.shead h2{font-size:clamp(var(--text-xl),3.2vw,calc(var(--text-xl) * 1.1));margin:0;font-weight:var(--weight-bold)}.shead p{margin:var(--space-s) 0 0;color:var(--ink-soft);font-size:var(--text-s)}.grid,.toolgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-base)}.tcard{display:flex;gap:calc(var(--space-s) * 2);align-items:center;background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-base);transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s,border-color .2s}.tcard:hover{transform:translateY(-4px);box-shadow:var(--shadow-lift);border-color:var(--accent)}.tcard:active{transform:translateY(-1px);box-shadow:var(--shadow)}.tcard .ic{width:32px;height:44px;border-radius:12px;color:var(--ink-soft);display:grid;place-items:center;font-size:var(--text-l);flex:0 0 auto}.tcard .tt{display:flex;flex-direction:column;gap:var(--space-xs)}.tcard b{font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--ink)}.tcard .td{color:var(--ink-soft);font-size:var(--text-s)}.tool-group+.tool-group{margin-top:var(--space-l)}.tool-group-h{margin:0 0 var(--space-s);font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--ink-soft)}.tcard-mb{position:relative;overflow:hidden;padding-right:var(--space-l)}.tcard-pose{position:absolute;right:var(--space-s);bottom:0;height:84px;width:auto;max-width:none;filter:var(--mascot-filter);transform:translateY(50%);transition:transform var(--dur-slow) var(--ease-spring)}.tcard-mb:hover .tcard-pose,.tcard-mb:focus-visible .tcard-pose{transform:translateY(20%)}.lcard{display:flex;gap:calc(var(--space-s) * 2);align-items:flex-start;background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-base);transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s,border-color .2s}.lcard:hover{transform:translateY(-4px);box-shadow:var(--shadow-lift);border-color:var(--accent)}.lcard:active{transform:translateY(-1px);box-shadow:var(--shadow)}.lcard .ic{width:32px;height:44px;border-radius:12px;color:var(--accent);display:grid;place-items:center;font-size:var(--text-l);flex:0 0 auto}.lcard .tt{display:flex;flex-direction:column;gap:var(--space-xs)}.lcard b{font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--ink)}.lcard .td{color:var(--ink-soft);font-size:var(--text-s)}.ncard-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs) var(--space-s)}.ncard-tag{display:inline-flex;align-items:center;gap:2px;font-size:var(--text-xs)}.tagbtns{display:flex;flex-wrap:wrap;gap:var(--space-s)}.tagbtn{display:inline-flex;align-items:center;gap:.4em;padding:.5em .9em;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--bg-soft);color:var(--ink);text-decoration:none;font-size:var(--text-xs);line-height:1;transition:border-color .15s ease,background .15s ease}.tagbtn:hover{border-color:var(--accent)}.tagbtn-e{font-size:1.1em;line-height:1}.tagbtn--cat{background:var(--accent);border-color:var(--accent);color:var(--bg);font-weight:var(--weight-bold)}.tagbtn--cat:hover{border-color:var(--ink)}.center{text-align:center;margin-top:var(--space-l)}.wrap:has(>.crumb){max-width:none}.crumb{display:flex;gap:var(--space-s);align-items:center;color:var(--ink-soft);font-size:var(--text-s);padding:var(--space-base) 0;flex-wrap:wrap}.crumb a{border-bottom:3px solid transparent;padding-bottom:2px}.crumb>span:not(.sep){border-bottom:3px solid transparent;padding-bottom:2px}.crumb a:hover{color:var(--accent);border-bottom-color:var(--accent)}.crumb .sep{opacity:.5}.sec{padding:var(--space-l) 0}.scene{position:relative;overflow:hidden;background-color:var(--bg);background-image:linear-gradient(var(--scene-grid) 1px,transparent 1px),linear-gradient(90deg,var(--scene-grid) 1px,transparent 1px);background-size:24px 24px;background-position:center}.scene:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 60%,transparent 45%,var(--bg) 100%)}.scene>*{position:relative;z-index:1}.scene-plate{position:absolute;left:50%;bottom:var(--space-s);translate:-50% 0;width:min(260px,80%);aspect-ratio:9 / 2;border-radius:50%;background:var(--scene-plate);box-shadow:0 6px 0 var(--scene-plate-edge),0 18px 30px -12px var(--scene-shadow)}.mascot{position:relative;display:inline-block;height:200px}.mascot-stage{display:block;position:relative;height:100%;filter:var(--mascot-filter);animation:mascot-rise var(--dur-slow) var(--ease-spring) both}.mascot-frame{position:absolute;top:0;left:0;height:100%;width:auto;max-width:none;opacity:0;transition:opacity var(--mascot-fade,.16s) ease-out}.mascot-frame:first-child{position:relative}.mascot-frame.is-on{opacity:1;z-index:2}.mascot-frame.is-prev{opacity:1;z-index:1;transition:none}@keyframes mascot-rise{0%{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}@media (prefers-reduced-motion:reduce){.mascot-stage{animation:none}.mascot-frame{transition:none}}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto;}.top{view-transition-name:site-header}::view-transition-old(root){animation:vt-out var(--dur-fast) ease-in both}::view-transition-new(root){animation:vt-in var(--dur-base) var(--ease-out) both}}@keyframes vt-out{to{opacity:0;transform:translateY(-6px)}}@keyframes vt-in{0%{opacity:0;transform:translateY(10px)}}.list-band-in{padding-top:var(--space-l);padding-bottom:var(--space-l)}.list-band h1{margin:var(--space-xs) 0 0;font-size:clamp(var(--text-xl),4vw,calc(var(--text-xl) * 1.3));line-height:1.3;font-weight:var(--weight-bold)}.list-band p{margin:var(--space-s) 0 0;max-width:40em;color:var(--ink-soft);font-size:var(--text-s)}.note-band{background:var(--bg-soft)}.note-band-in{max-width:var(--w-article);padding-top:var(--space-l);padding-bottom:var(--space-base)}.note-band .art-head h1{margin-top:0}.art-head--icon{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:var(--space-s);align-items:start}.art-head-ic{color:var(--ink);font-size:clamp(var(--text-xl),4vw,calc(var(--text-xl) * 1.1));margin-top:.075em}.art-head-ic svg{display:block;width:1.25em;height:1.25em}.art-head--icon>.art-meta{grid-column:1 / -1}.article-band{background:var(--bg-soft)}.article{max-width:var(--w-article);margin:0 auto;padding:var(--space-base) var(--space-base) var(--space-xl)}.art-foot{margin-top:var(--space-l);padding:var(--space-base) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.art-more{margin-top:var(--space-xl)}.cardgrid-fill{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-base)}.art-head{padding:0 0 var(--space-base)}@media (max-width:720px){.art-head{padding-bottom:0}}.art-head h1{font-size:clamp(var(--text-xl),4vw,calc(var(--text-xl) * 1.1));line-height:1.4;margin:var(--space-base) 0 0;font-weight:var(--weight-bold)}.art-meta{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-base);margin:var(--space-base) 0 0;color:var(--ink-soft);font-size:var(--text-s);flex-wrap:wrap}.pr-label{border:1px solid var(--line);border-radius:var(--radius-sm);padding:0 var(--space-s)}.prose{font-size:var(--text-base);line-height:1.9}.prose>*+*{margin-block-start:var(--space-base)}.prose>:is(h2,h3)+*{margin-block-start:var(--space-base)}.prose h2{font-size:clamp(var(--text-xl),3.4vw,calc(var(--text-xl) * 1.1));line-height:1.4;font-weight:var(--weight-bold);padding-top:var(--space-xl);margin-top:var(--space-xl);position:relative}.prose h2:before{content:"";position:absolute;left:0;top:0;width:80px;height:8px;border-radius:0 10px 10px 0;background:var(--accent)}.prose>h2:first-child{margin-top:0}@media (max-width:720px){.prose h2:before{margin-left:calc(-1 * var(--space-base))}}.prose h3{font-size:clamp(var(--text-l),2.6vw,calc(var(--text-l) * 1.1));font-weight:var(--weight-bold);margin-top:var(--space-l)}.prose h2,.prose h3{scroll-margin-top:100px}.prose .faq-q{margin-block-start:var(--space-base);font-size:var(--text-base)}.prose .faq-q+.faq-a{margin-block-start:var(--space-s)}.prose .faq-a{color:var(--ink-soft);font-size:var(--text-s);line-height:1.7}.prose .toc{position:relative;padding:var(--space-base);background:var(--bg);border-radius:var(--radius)}.prose .toc{--toc-peek-img:100px;--toc-peek-h:72px}.prose .toc.has-peek{margin-top:calc(var(--space-base) + var(--toc-peek-h))}.prose>.toc.has-peek:first-child{margin-top:var(--toc-peek-h)}.prose .toc-peek{position:absolute;right:var(--space-base);bottom:calc(100% - 4px - var(--toc-peek-img) * .173);height:var(--toc-peek-img);width:auto;max-width:none;margin:0;border:0;border-radius:0;filter:var(--mascot-filter);pointer-events:none}.prose .toc-title{margin:0 0 var(--space-s);font-weight:var(--weight-bold);font-size:var(--text-s);color:var(--ink)}.prose .toc ul{list-style:none;margin:0;padding:0}.prose .toc li{position:relative;margin:var(--space-s) 0;padding:0;line-height:1.4}.prose .toc li:before{content:none;display:none}.prose .toc a{color:var(--accent);text-decoration:none;font-size:var(--text-s);line-height:1.4}.prose .toc a:hover{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:3px;text-underline-offset:3px}.prose .toc .toc-h2{padding-left:1em}.prose .toc a.is-active{font-weight:var(--weight-bold);color:var(--accent)}.prose .toc a.is-active:before{content:"";position:absolute;left:0;top:.5em;width:7px;height:7px;border-radius:50%;background:var(--accent)}@media (min-width:1200px){.prose>.toc:first-child+h2{margin-top:0}.prose .toc{position:fixed;top:110px;right:max(20px,calc(50% - var(--w-article) / 2 - var(--space-base) - var(--w-toc)));left:auto;width:var(--w-toc);margin:0;z-index:20;transition:opacity .2s ease}.prose .toc ul{max-height:calc(100vh - 220px);overflow:auto}.prose .toc.has-peek{margin-top:var(--toc-peek-h)}.prose .toc.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.article.article--note,.note-band-in{max-width:var(--w-container);padding-right:calc(var(--space-base) + var(--w-toc) + var(--space-xl))}.article--note .prose .toc{right:max(20px,calc(50% - var(--w-container) / 2 + var(--space-base)))}}@media (prefers-reduced-motion:reduce){.prose .toc{transition:none}}.prose p{color:var(--ink)}.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.prose a.btn{color:var(--ink);text-decoration:none;background:var(--bg)}.prose .cta{display:flex;flex-direction:column;align-items:center;gap:var(--space-s);text-align:center;margin-block-start:var(--space-l)}.prose a.btn-cta{background:var(--accent);border-color:var(--accent);color:var(--bg);font-size:var(--text-base);font-weight:var(--weight-bold);padding:var(--space-s) var(--space-l)}.prose a.btn-cta:hover{border-color:var(--ink)}.prose .cta-note{color:var(--ink-soft);font-size:var(--text-s)}.prose img[width="1"][height="1"]{border:0}.prose a:hover{text-decoration-color:var(--accent);text-decoration-thickness:3px;text-underline-offset:3px}.prose ul{list-style:none;padding-left:0}.prose ul li{position:relative;padding-left:1.3em;margin:var(--space-s) 0}.prose ul li:before{content:"";position:absolute;left:.1em;top:.78em;width:6px;height:6px;border-radius:50%;background:var(--accent)}.prose ol{list-style:none;padding-left:0;counter-reset:step}.prose ol>li{position:relative;margin:0;padding:0 0 1.2rem 40px;counter-increment:step}.prose ol>li:before{content:counter(step);position:absolute;left:0;top:1px;width:26px;height:26px;border-radius:50%;background:var(--accent);color:var(--bg);font-weight:var(--weight-bold);font-size:var(--text-s);display:grid;place-items:center;z-index:1}.prose ol>li:after{content:"";position:absolute;left:12px;top:29px;height:calc(100% - 29px);width:2px;background:color-mix(in srgb,var(--accent) 35%,var(--line))}.prose ol>li:last-child{padding-bottom:0}.prose ol>li:last-child:after{display:none}.prose figcaption{margin-top:var(--space-s);font-size:var(--text-s);color:var(--ink-soft);line-height:1.7;text-align:center}.prose img{border-radius:var(--radius);height:auto;border:1px solid var(--line)}.prose blockquote{padding:var(--space-s) var(--space-base);border-left:4px solid var(--line);color:var(--ink-soft)}.prose strong{font-weight:var(--weight-bold);background:linear-gradient(transparent 62%,color-mix(in srgb,var(--accent) 22%,transparent) 0);padding:0 .05em}.prose .example{padding:var(--space-s) var(--space-base);background:var(--accent-soft);border-radius:var(--radius);font-size:var(--text-base);color:var(--ink)}.prose .annotation{font-size:var(--text-s);color:var(--ink-soft);line-height:1.7}.prose .form-demo{all:initial;display:block;margin-block-start:var(--space-base);padding:var(--space-base);border:1px solid var(--line);border-radius:var(--radius);color-scheme:light dark;color:CanvasText}.prose .form-demo *{all:revert}.prose .mbs-note{display:flex;gap:var(--space-base);align-items:flex-start;font-size:var(--text-s);line-height:1.8}.prose>*+.mbs-note{margin-block-start:var(--space-l)}.prose .mbs-note img{width:75px;height:75px;border-radius:50%;margin:0;flex:0 0 auto;background:var(--line);object-fit:cover}.prose .mbs-note p{position:relative;flex:1;margin:0;padding:calc(var(--space-s) * 1.5) var(--space-base);background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink)}.prose .mbs-note p+p{margin-top:var(--space-s)}.prose .mbs-note p:before,.prose .mbs-note p:after{content:"";position:absolute;right:100%;width:0;height:0;border-style:solid;border-color:transparent}.prose .mbs-note p:before{top:16px;border-width:8px 10px 8px 0;border-right-color:var(--line)}.prose .mbs-note p:after{top:17px;margin-right:-1px;border-width:7px 9px 7px 0;border-right-color:var(--bg)}.prose code{background:var(--code-bg);color:var(--code-ink);border-radius:6px;padding:var(--space-xs);margin:0 2px;font-size:.9em}.prose pre{background:var(--code-bg);color:var(--code-ink);border:0;border-radius:var(--radius);padding:var(--space-l) var(--space-base);overflow-x:auto;line-height:1.7}.prose pre code{background:none;color:inherit;border:0;padding:0;margin:0}.prose pre span{color:var(--shiki-light)}@media (prefers-color-scheme:dark){.prose pre span{color:var(--shiki-dark)}}.prose .code-block{position:relative}.prose .code-copy{position:absolute;top:var(--space-s);right:var(--space-s);display:inline-flex;align-items:center;gap:var(--space-xs);min-height:var(--tap-min);padding:.3rem .6rem;background:none;color:var(--code-ink);border:1px solid var(--line);border-radius:var(--radius-pill);font:inherit;font-size:var(--text-s);line-height:1.4;cursor:pointer;transition:border-color .15s ease,color .15s ease}.prose .code-copy:hover{border-color:var(--accent)}.prose .code-copy:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.prose .code-copy.is-done{color:var(--accent);border-color:var(--accent)}.prose .code-copy svg{width:16px;height:16px;fill:currentColor}@media (prefers-reduced-motion:reduce){.prose .code-copy{transition:none}}.prose hr{border:0;border-top:1px solid var(--line)}.prose .table-wrapper{overflow-x:auto}.prose table{width:100%;border-collapse:collapse;font-size:var(--text-s)}.prose th,.prose td{border:1px solid var(--line);padding:var(--space-s);text-align:left}.prose th{background:var(--bg-soft);font-weight:var(--weight-bold)}@media (max-width:720px){.prose table{min-width:34rem}}.msg-page{max-width:760px;padding-top:var(--space-l);padding-bottom:var(--space-xl);text-align:center}.msg-page-mb{display:block;height:160px;width:auto;margin:0 auto var(--space-base);filter:var(--mascot-filter);animation:mascot-rise var(--dur-slow) var(--ease-spring) both}.msg-page-title{font-size:var(--text-xl);font-weight:var(--weight-bold);margin:0 0 var(--space-base)}.msg-page-text{font-size:var(--text-base);line-height:1.9;color:var(--ink);margin:0 0 var(--space-s)}.msg-page-actions{display:flex;justify-content:center;gap:var(--space-s);flex-wrap:wrap;margin-top:var(--space-base)}@media (max-width:720px){.msg-page-mb{height:110px}}@media (prefers-reduced-motion:reduce){.msg-page-mb{animation:none}}footer{overflow-x:clip}footer .wrap{max-width:none}.footer-main{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand mb" "primary mb" "sub mb";align-items:start;column-gap:var(--space-base);padding-top:var(--space-l)}.footer-brandtext{grid-area:brand;display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-s) var(--space-base)}.footer-brandtext .brand{font-size:var(--text-l)}.footer-tagline{color:var(--ink-soft);font-size:var(--text-s);font-weight:var(--weight-normal)}.footer-primary{grid-area:primary;display:flex;flex-wrap:wrap;gap:var(--space-base);margin-top:calc(var(--space-base) / 2)}.footer-primary a{display:inline-flex;align-items:center;gap:var(--space-s);color:var(--ink-soft);font-size:var(--text-s);border-bottom:3px solid transparent;padding-bottom:2px}.footer-primary a:hover{color:var(--accent);border-bottom-color:var(--accent)}.footer-nav{grid-area:sub;display:flex;flex-wrap:wrap;gap:var(--space-base);margin-top:var(--space-base)}.footer-nav a{color:var(--ink-soft);font-size:var(--text-s);border-bottom:3px solid transparent;padding-bottom:2px}.footer-nav a:hover{color:var(--accent);border-bottom-color:var(--accent)}.footer-mb{grid-area:mb;align-self:end;position:relative;display:block;height:150px;aspect-ratio:1;margin-right:calc(var(--space-base) * -1);transform:translate(15.67%)}.footer-mb img{position:absolute;inset:0;width:100%;height:100%;filter:var(--mascot-filter)}.footer-mb-base{transition:opacity 0s}.footer-mb-up{opacity:0;transition:opacity .24s ease-out}.footer-mb:is(:hover,:active,:focus-visible,.is-up) .footer-mb-up{opacity:1}.footer-mb:is(:hover,:active,:focus-visible,.is-up) .footer-mb-base{opacity:0;transition:opacity .24s ease-out .12s}@media (prefers-reduced-motion:reduce){.footer-mb img,.footer-mb:is(:hover,:active,:focus-visible,.is-up) img{transition:none}}.footer-sub{display:flex;justify-content:center;padding-top:var(--space-base);padding-bottom:var(--space-l)}footer .cp{color:var(--ink-soft);font-size:var(--text-s)}.prose .about-profile{display:flex;align-items:center;gap:var(--space-base)}.prose .about-profile img{width:120px;height:120px;border-radius:50%;margin:0;flex:0 0 auto;background:var(--brand);object-fit:cover}.prose .about-profile .name{font-weight:var(--weight-bold)}.prose .about-profile .role{color:var(--ink-soft);font-size:var(--text-s)}@media (max-width:720px){.footer-main{grid-template-areas:"brand brand" "primary primary" "sub mb"}.footer-brandtext{flex-direction:column;align-items:flex-start}.footer-primary{margin-top:var(--space-base)}.footer-nav{flex-direction:column;flex-wrap:nowrap;align-items:flex-start;gap:var(--space-s);margin-top:var(--space-l)}.footer-mb{height:120px}}@media (min-width:1200px){.grid,.toolgrid{grid-template-columns:repeat(4,1fr)}}@media (max-width:980px){.grid,.toolgrid{grid-template-columns:1fr 1fr}.top nav{gap:var(--space-base)}.hd-actions{gap:var(--space-base)}}@media (max-width:720px){.hd-search{display:none}.hd-search-btn,.hd-menu-btn{display:flex}.top nav{display:none}.top .wrap{display:flex;justify-content:space-between;gap:var(--space-base);padding-left:var(--space-base);padding-right:var(--space-base)}.hd-actions{gap:var(--space-base)}.hd-search-btn,.hd-menu-btn{min-width:46px;min-height:var(--tap-min);justify-content:center}.brand{font-size:var(--text-l)}}@media (max-width:720px){.grid,.toolgrid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.tcard,.lcard,.btn,.tcard-pose{transition:none}.tcard:hover,.lcard:hover,.tcard:active,.lcard:active,.btn:active{transform:none}}