:root{--bg:#f4f5f1;--surface:#fff;--ink:#16181b;--text-sub:#3e444a;--muted:#555b62;--line:#dcdfd8;--line-soft:#e6e8e3;--chip:#e9ebe6;--grid:#e3e6df;--accent:#1e56d6;--accent-hover:#163f9e;--accent-soft:#e8eefb;--marker:#ffe45c;--ad-bg:#eceee9;--ad-line:#bfc4ba;--code-bg:#16181b;--code-text:#f4f5f1;--font-sans:"IBM Plex Sans JP", system-ui, -apple-system, "Hiragino Sans", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--page:1200px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:16px}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);margin:0;line-height:1.7}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}img{max-width:100%;height:auto}button{font:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mono{font-family:var(--font-mono)}.container{max-width:var(--page);margin:0 auto;padding:0 24px}.grid-paper{background-color:var(--bg);background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:24px 24px}.marker{background:linear-gradient(transparent 62%, var(--marker) 62%)}.site-header{border-bottom:1px solid var(--line);background:var(--bg)}.site-header__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:16px;padding-bottom:16px;display:flex}.brand{color:var(--ink);align-items:center;gap:12px;display:flex}.brand:hover{color:var(--ink);text-decoration:none}.brand__mark{background:var(--ink);color:#fff;border-radius:10px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;font-weight:700;display:flex}.brand__text{flex-direction:column;gap:2px;line-height:1.3;display:flex}.brand__name{letter-spacing:.02em;font-size:18px;font-weight:700}.brand__domain{font-family:var(--font-mono);color:var(--muted);font-size:12px}.nav{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.nav a{color:var(--ink);border-radius:8px;padding:10px 14px;font-size:15px;font-weight:500}.nav a:hover{background:var(--chip);text-decoration:none}.nav a[aria-current]{background:var(--chip);font-weight:700}.search-button{border:1px solid var(--line);background:var(--surface);height:44px;color:var(--muted);border-radius:10px;align-items:center;gap:10px;margin-left:8px;padding:0 14px;font-size:14px;display:flex}.search-button:hover{color:var(--ink);border-color:var(--ad-line);text-decoration:none}.search-button kbd{font-family:var(--font-mono);border:1px solid var(--line);border-radius:4px;padding:1px 6px;font-size:12px}.menu{display:none}.site-footer{border-top:1px solid var(--line);margin-top:96px}.site-footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:32px;padding-bottom:48px;font-size:14px;display:flex}.site-footer__copy{color:var(--muted)}.site-footer__links{flex-wrap:wrap;gap:20px;display:flex}.site-footer__note{color:var(--muted);flex-basis:100%;margin:0;font-size:12px}@media (width<=900px){.site-header__inner{padding-top:12px;padding-bottom:12px}.brand__name{white-space:nowrap}.brand__mark{border-radius:9px;width:34px;height:34px;font-size:17px}.brand__name{font-size:16px}.brand__domain,.nav{display:none}.menu{align-items:center;gap:4px;display:flex}.icon-button{width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;list-style:none;display:flex}.icon-button::-webkit-details-marker{display:none}.menu details{position:static}.menu details[open] .menu__panel{display:flex}.menu__panel{z-index:10;background:var(--bg);border-bottom:1px solid var(--line);flex-direction:column;padding:8px 16px 16px;display:none;position:absolute;top:59px;left:0;right:0}.menu__panel a{color:var(--ink);border-bottom:1px solid var(--line-soft);padding:12px 8px;font-weight:500}.site-header{position:relative}.container{padding:0 16px}}.eyebrow{font-family:var(--font-mono);color:var(--muted);font-size:13px}.eyebrow--accent{color:var(--accent);font-size:14px}.section{flex-direction:column;gap:24px;padding-top:72px;display:flex}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.section-head__title{flex-direction:column;gap:6px;display:flex}.section-head h2{margin:0;font-size:28px;line-height:1.4}.section-head p{color:var(--text-sub);margin:4px 0 0;font-size:15px}.more-link{padding:10px 0;font-size:15px;font-weight:500}.chip{color:var(--accent);background:var(--accent-soft);border-radius:999px;align-items:center;padding:3px 10px;font-size:12px;font-weight:500;line-height:1.5;display:inline-flex}.chip:hover{background:#d9e3f9;text-decoration:none}.pill{border:1px solid var(--line);background:var(--surface);min-height:40px;color:var(--ink);border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:14px;display:inline-flex}.pill:hover{border-color:var(--ad-line);color:var(--ink);text-decoration:none}.pill__count{font-family:var(--font-mono);color:var(--muted);font-size:12px}.pill[aria-current]{background:var(--ink);border-color:var(--ink);color:#fff}.pill[aria-current] .pill__count{color:#b9bec4}.pills{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px}.button{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--ink);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:500;display:inline-flex}.button:hover{color:var(--ink);border-color:var(--ad-line);text-decoration:none}.store-buttons{flex-wrap:wrap;gap:8px;display:flex}.store-button{background:var(--ink);color:#fff;border-radius:10px;align-items:center;min-height:44px;padding:0 18px;font-size:14px;font-weight:500;display:inline-flex}.store-button:hover{color:#fff;background:#2c3036;text-decoration:none}.page-hero{border-bottom:1px solid var(--line)}.page-hero__inner{flex-direction:column;gap:16px;padding-top:64px;padding-bottom:56px;display:flex}.page-hero h1{margin:0;font-size:clamp(30px,4vw,44px);line-height:1.35}.page-hero p{max-width:680px;color:var(--text-sub);margin:0;font-size:17px;line-height:1.9}@media (width<=760px){.page-hero__inner{padding-top:40px;padding-bottom:36px}}.post-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.post-item{border-top:1px solid var(--line);color:var(--ink);gap:16px;padding:16px 0;display:flex}.post-item:hover{color:var(--ink);text-decoration:none}.post-item:hover .post-item__title{color:var(--accent)}.post-item__thumb{object-fit:cover;border:1px solid var(--line);background:var(--surface);border-radius:8px;flex:none;width:128px;height:72px}.post-item__thumb--empty{font-family:var(--font-mono);color:var(--muted);background-color:var(--bg);background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:12px 12px;justify-content:center;align-items:center;font-size:12px;display:flex}.post-item__body{flex-direction:column;gap:6px;min-width:0;display:flex}.post-item__meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:12px;display:flex}.post-item__date{font-family:var(--font-mono)}.post-item__title{font-size:15px;font-weight:700;line-height:1.6}.post-list--compact .post-item{padding:14px 0}@media (width<=760px){.post-item{gap:12px;padding:14px 0}.post-item__thumb{border-radius:6px;width:96px;height:54px}.post-item__title{font-size:14px;line-height:1.55}}.year-heading{font-family:var(--font-mono);align-items:baseline;gap:12px;margin:40px 0 8px;font-size:20px;font-weight:500;display:flex}.year-heading small{color:var(--muted);font-size:13px}.app-card{background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:16px;align-items:flex-start;gap:16px;padding:20px;display:flex}.app-card:hover{color:var(--ink);border-color:var(--ad-line);text-decoration:none}.app-icon{border:1px solid var(--line-soft);object-fit:cover;background:var(--surface);border-radius:22.5%;flex:none}.app-card__body{flex-direction:column;gap:6px;min-width:0;display:flex}.app-card__name{flex-wrap:wrap;align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.tag-year{font-family:var(--font-mono);color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:1px 6px;font-size:12px;font-weight:400}.tag-badge{font-family:var(--font-mono);color:var(--ink);background:var(--marker);border-radius:4px;padding:1px 6px;font-size:12px;font-weight:500}.app-card__desc{color:var(--text-sub);font-size:14px;line-height:1.7}.app-card__more{color:var(--accent);font-size:14px;font-weight:500}.app-grid{grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:16px;display:grid}.google-auto-placed{flex-basis:100%;width:100%}.site-header__inner>.google-auto-placed{order:3}.ad{flex-direction:column;gap:6px;min-height:100px;margin:8px 0;display:flex}.ad__label{font-family:var(--font-mono);letter-spacing:.08em;color:var(--muted);font-size:11px;line-height:1.4}.ad--side{margin:0}@media (width<=1023px){.ad--side{display:none}}.breadcrumb{color:var(--muted);flex-wrap:wrap;gap:8px;padding-top:32px;font-size:13px;display:flex}.article-layout{flex-wrap:wrap;align-items:flex-start;gap:48px;padding-top:24px;display:flex}.article{flex:999 560px;min-width:0;max-width:760px}.article-aside{flex-direction:column;flex:240px;gap:24px;min-width:0;display:flex;position:sticky;top:16px}.article-head{border-bottom:1px solid var(--line);flex-direction:column;gap:18px;padding-bottom:28px;display:flex}.article-head h1{margin:0;font-size:clamp(26px,3.4vw,38px);line-height:1.45}.article-meta{font-family:var(--font-mono);color:var(--muted);flex-wrap:wrap;gap:6px 20px;font-size:13px;display:flex}.notice-old{background:#fff8d6;border:1px solid #ebdd9a;border-radius:12px;align-items:flex-start;gap:12px;margin-top:28px;padding:14px 16px;display:flex}.notice-old svg{flex:none;margin-top:3px}.notice-old p{color:#4a3f00;margin:0;font-size:14px;line-height:1.8}.share{flex-wrap:wrap;gap:8px;margin-top:40px;display:flex}.toc{background:var(--surface);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:2px;max-height:calc(100vh - 32px);padding:20px;display:flex;overflow:auto}.toc__label{font-family:var(--font-mono);color:var(--muted);padding-bottom:8px;font-size:12px}.toc a{color:var(--text-sub);border-left:3px solid #0000;border-radius:8px;padding:7px 12px;font-size:14px;line-height:1.6}.toc a:hover{background:var(--bg);color:var(--ink);text-decoration:none}.toc a.is-active{background:var(--accent-soft);color:var(--ink);border-left-color:var(--accent)}.toc a.toc__sub{padding-left:24px;font-size:13px}.topic-card{border:1px solid var(--line);color:var(--ink);background-size:16px 16px;border-radius:14px;flex-direction:column;gap:6px;padding:20px;display:flex}.topic-card:hover{color:var(--ink);border-color:var(--ad-line);text-decoration:none}.topic-card__name{font-size:20px;font-weight:700}.topic-card__more{color:var(--accent);font-size:14px;font-weight:500}.author-apps{flex-direction:column;gap:16px;margin-top:48px;padding:24px;display:flex}.author-apps h2{margin:0;font-size:19px}.author-apps__grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.author-apps__item{color:var(--ink);background:var(--bg);border-radius:12px;align-items:center;gap:12px;padding:10px;display:flex}.author-apps__item:hover{color:var(--ink);background:var(--chip);text-decoration:none}.author-apps__item strong{font-size:15px;display:block}.author-apps__item span{color:var(--muted);font-size:12px;line-height:1.5;display:block}.pager{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:32px;display:grid}.pager a{border:1px solid var(--line);color:var(--ink);border-radius:12px;flex-direction:column;gap:6px;padding:16px 20px;display:flex}.pager a:hover{border-color:var(--ad-line);text-decoration:none}.pager__label{font-family:var(--font-mono);color:var(--muted);font-size:12px}.pager__title{font-size:15px;font-weight:700;line-height:1.6}.pager__next{text-align:right}.comments{flex-direction:column;gap:16px;margin-top:48px;display:flex}.comments h2{margin:0;font-size:19px}.comment{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:14px 18px}.comment--reply{margin-left:28px}.comment__head{color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:4px 12px;font-size:13px;display:flex}.comment__head strong{color:var(--ink);font-size:14px}.comment__body{font-size:15px;line-height:1.85}.comment__body p{margin:8px 0 0}.closed-note{color:var(--muted);margin:40px 0 0;font-size:14px;line-height:1.8}@media (width<=1023px){.article-aside{position:static}.article-aside .toc{display:none}}.prose{overflow-wrap:anywhere;margin-top:32px;font-size:17px;line-height:2}.prose>*{margin:0 0 24px}.prose h2{border-bottom:2px solid var(--ink);margin:56px 0 24px;padding-bottom:10px;font-size:25px;line-height:1.5}.prose h3{border-left:4px solid var(--accent);margin:40px 0 16px;padding-left:12px;font-size:20px;line-height:1.6}.prose h4{margin:32px 0 12px;font-size:17px}.prose ul,.prose ol{padding-left:1.4em}.prose li+li{margin-top:6px}.prose blockquote,.prose .wp-block-quote{border-left:4px solid var(--line);color:var(--text-sub);margin-left:0;margin-right:0;padding:4px 20px}.prose figure{margin-left:0;margin-right:0}.prose figcaption,.prose .wp-element-caption{color:var(--muted);text-align:center;margin-top:6px;font-size:13px;line-height:1.6}.prose img{border-radius:6px}.prose .aligncenter,.prose .has-text-align-center{text-align:center;margin-left:auto;margin-right:auto}.prose .wp-block-image.is-resized img,.prose .wp-block-image img{display:inline-block}.prose hr{border:none;border-top:1px solid var(--line);margin:40px 0}.prose table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.7;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--line);text-align:left;vertical-align:top;background:var(--surface);padding:8px 12px}.prose th,.prose thead td{background:var(--chip);font-weight:700}.prose :not(pre)>code{font-family:var(--font-mono);background:var(--chip);border-radius:4px;padding:2px 6px;font-size:.88em}.prose pre{background:var(--code-bg);color:var(--code-text);font-family:var(--font-mono);border-radius:12px;margin:0 0 24px;padding:18px 20px;font-size:14px;line-height:1.7;overflow-x:auto}.prose pre code{color:inherit;font-family:inherit;font-size:inherit;background:0 0;padding:0}.prose .code-block{background:var(--code-bg);border-radius:12px;margin:0 0 24px;overflow:hidden}.prose .code-block figcaption{text-align:left;font-family:var(--font-mono);color:#b9bec4;border-bottom:1px solid #2c3036;margin:0;padding:8px 16px;font-size:12px}.prose .code-block pre{border-radius:0;margin:0}.prose .wp-block-embed{margin:0 0 24px}.prose .wp-block-embed iframe{max-width:100%}.prose .twitter-tweet{margin:0 auto 24px}.prose .bold-red,.prose .red{color:#b42318}.prose .bold-red{font-weight:700}.prose .fz-20px{font-size:20px}.prose .fz-22px{font-size:22px}.prose .has-background{border-radius:12px;padding:16px 20px}.prose .has-watery-blue-background-color{background:var(--accent-soft)}.prose .is-layout-flex{flex-wrap:wrap;gap:16px;display:flex}.prose .wp-block-column{flex:240px;min-width:0}.prose .blogcard-wrap{color:var(--ink);margin:0 0 24px;display:block}.prose .blogcard-wrap:hover{color:var(--ink);text-decoration:none}.prose .blogcard{background:var(--surface);border:1px solid var(--line);border-radius:12px;grid-template-columns:160px minmax(0,1fr);grid-template-areas:"thumb content""thumb footer";align-items:start;gap:4px 16px;padding:14px 16px;line-height:1.6;display:grid}.prose .blogcard-wrap:hover .blogcard{border-color:var(--ad-line)}.prose .blogcard-label{display:none}.prose .blogcard-thumbnail{grid-area:thumb;margin:0}.prose .blogcard-thumbnail img{object-fit:cover;border-radius:6px;width:160px;height:90px;display:block}.prose .blogcard-content{grid-area:content}.prose .blogcard-title{font-size:15px;font-weight:700;line-height:1.6}.prose .blogcard-snippet{color:var(--text-sub);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:13px;display:-webkit-box;overflow:hidden}.prose .blogcard-footer{grid-area:footer}.prose .blogcard-site{font-family:var(--font-mono);color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.prose .blogcard-favicon img{border-radius:0;width:16px;height:16px}.prose .blogcard-date{display:none}@media (width<=600px){.prose .blogcard{grid-template-columns:96px minmax(0,1fr)}.prose .blogcard-thumbnail img{width:96px;height:54px}.prose .blogcard-snippet{display:none}}.prose .blank-box,.prose .sticky,.prose .wp-block-cocoon-blocks-blank-box-1{border:2px solid var(--line);background:var(--surface);border-radius:12px;padding:16px 20px}.prose .sticky{background:#fff8d6;border-color:#ebdd9a}.prose .blank-box>:last-child,.prose .sticky>:last-child,.prose .block-box>:last-child{margin-bottom:0}.prose .speech-wrap{align-items:flex-start;gap:14px;display:flex}.prose .speech-person{text-align:center;flex:none;width:64px}.prose .speech-icon{margin:0}.prose .speech-icon-image{border:1px solid var(--line);background:var(--surface);border-radius:50%;width:56px;height:56px}.prose .speech-name{color:var(--muted);font-size:11px;line-height:1.4}.prose .speech-balloon{background:var(--surface);border:1px solid var(--line);border-radius:12px;flex:1;min-width:0;padding:12px 16px;font-size:15px;line-height:1.85}.prose .speech-balloon>:last-child{margin-bottom:0}.prose .speech-balloon p{margin:0 0 8px}.prose .yyi-rinker-contents{margin:0 0 24px}.prose .yyi-rinker-box{border:1px solid var(--line);background:var(--surface);border-radius:12px;align-items:flex-start;gap:16px;padding:16px;line-height:1.6;display:flex}.prose .yyi-rinker-image{flex:none}.prose .yyi-rinker-info{flex:1;min-width:0}.prose .yyi-rinker-title a{color:var(--ink);font-size:15px;font-weight:700}.prose .yyi-rinker-detail{color:var(--muted);font-size:12px}.prose .yyi-rinker-links{flex-wrap:wrap;gap:8px;margin:10px 0 0;padding:0;list-style:none;display:flex}.prose .yyi-rinker-links li{margin:0}.prose .yyi-rinker-links a{color:#fff;border-radius:8px;align-items:center;min-height:36px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.prose .yyi-rinker-links a:hover{opacity:.9;text-decoration:none}.prose .amazonkindlelink a{background:#232f3e}.prose .amazonlink a{background:#e47911}.prose .rakutenlink a{background:#bf0000}.prose .yyi-rinker-links img{display:none}.app-embed{border:1px solid var(--line);background:var(--surface);border-radius:14px;align-items:flex-start;gap:16px;margin:0 0 24px;padding:18px;line-height:1.6;display:flex}.app-embed img{border:1px solid var(--line-soft);border-radius:22.5%;flex:none;width:72px;height:72px}.app-embed__body{flex-direction:column;gap:8px;min-width:0;display:flex}.app-embed__name{color:var(--ink);font-size:16px;font-weight:700}.app-embed p{color:var(--text-sub);margin:0;font-size:14px}.search-page{--pagefind-ui-scale:1;--pagefind-ui-primary:var(--accent);--pagefind-ui-text:var(--ink);--pagefind-ui-background:var(--surface);--pagefind-ui-border:var(--line);--pagefind-ui-tag:var(--chip);--pagefind-ui-border-width:1px;--pagefind-ui-border-radius:10px;--pagefind-ui-font:var(--font-sans)}