:root,[data-theme=light]{color-scheme:light;--color-bg: #FFFFFF;--color-surface: #F6F8FA;--color-placeholder: #E6EBF1;--color-border: #D8DEE4;--color-border-strong: #C3CBD3;--color-text: #1F2328;--color-text-muted: #59636E;--color-accent: #0969DA;--color-on-accent: #FFFFFF;--color-active-bg: #DDF4FF;--color-avatar-bg: #DDF4FF;--color-avatar-fg: #0A3069;--color-inverse-bg: #1F2328;--color-inverse-text: #FFFFFF;--color-inverse-muted: #C9D1D9;--color-inverse-accent: #9FD0FF;--color-inverse-btn-bg: #FFFFFF;--color-inverse-btn-text: #1F2328;--color-code-bg: #F6F8FA;--color-code-text: #1F2328;--color-code-comment: #59636E;--color-code-keyword: #953800;--color-note-bg: #EEF6FF;--color-note-border: #B6D7FF}[data-theme=dark]{color-scheme:dark;--color-bg: #0E1116;--color-surface: #161B22;--color-placeholder: #1F2630;--color-border: #2A313A;--color-border-strong: #3A4450;--color-text: #E6EDF3;--color-text-muted: #9BA7B4;--color-accent: #58B4FF;--color-on-accent: #0E1116;--color-active-bg: #0C2D4A;--color-avatar-bg: #0C2D4A;--color-avatar-fg: #9FD0FF;--color-inverse-bg: #0B2238;--color-inverse-text: #E6EDF3;--color-inverse-muted: #B6C6D6;--color-inverse-accent: #58B4FF;--color-inverse-btn-bg: #58B4FF;--color-inverse-btn-text: #0E1116;--color-code-bg: #0A0D12;--color-code-text: #E6EDF3;--color-code-comment: #9BA7B4;--color-code-keyword: #FFA657;--color-note-bg: #0C1D30;--color-note-border: #1F4A78}:root{--font-sans: "M PLUS 1", system-ui, -apple-system, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;--font-mono: "M PLUS 1 Code", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--fs-2xs: .75rem;--fs-xs: .8125rem;--fs-sm: .875rem;--fs-md: .9375rem;--fs-base: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.25rem;--fs-2xl: 1.625rem;--fs-3xl: clamp(1.625rem, 1.2rem + 1.6vw, 1.875rem);--fs-4xl: clamp(1.75rem, 1.2rem + 2vw, 2.375rem);--fs-5xl: clamp(1.875rem, 1.2rem + 2.4vw, 2.5rem);--lh-tight: 1.45;--lh-heading: 1.6;--lh-body: 1.9;--lh-article: 2;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 999px;--container-max: 1200px;--container-pad: 2rem;--article-max: 820px;--sidebar-min: 260px;--sidebar-top-min: 300px;--gap-columns: 3rem;--tap-target: 44px}@media (max-width: 768px){:root{--container-pad: 1rem}}:root{--space-s: clamp(1rem, .92rem + .39vw, 1.25rem);--space-m: clamp(1.5rem, 1.38rem + .58vw, 1.875rem);--space-l: clamp(2rem, 1.84rem + .78vw, 2.5rem)}.section-label{font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:400;color:var(--color-text-muted)}.section-label--lg{margin-bottom:var(--space-2);font-size:var(--fs-md)}.avatar{flex:0 0 var(--avatar-size);width:var(--avatar-size);height:var(--avatar-size);border-radius:50%;object-fit:cover}.avatar--initial{display:flex;align-items:center;justify-content:center;font-size:calc(var(--avatar-size) * .4);font-weight:700;color:var(--color-avatar-fg);background-color:var(--color-avatar-bg)}.tag{display:inline-block;padding:6px var(--space-3);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--color-accent);border:1px solid var(--color-border);border-radius:var(--radius-pill)}.tag-links{display:inline-flex;flex-wrap:wrap;gap:0 var(--space-2);font-family:var(--font-mono);color:var(--color-accent)}.tag-cloud{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tag-chip{padding:6px 10px;font-family:var(--font-mono);font-size:var(--fs-2xs);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-pill)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap-target);padding:var(--space-3) 18px;font-size:var(--fs-sm);border-radius:var(--radius-sm)}.button--primary{font-weight:700;color:var(--color-on-accent);background-color:var(--color-accent)}.button--secondary{border:1px solid var(--color-border)}.pagination{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-8);font-family:var(--font-mono);font-size:var(--fs-sm)}.pagination__item,.pagination__ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:var(--tap-target);min-height:var(--tap-target);padding:var(--space-3) var(--space-4)}.pagination__item{border:1px solid var(--color-border);border-radius:var(--radius-sm)}.pagination__item[aria-current=page]{color:var(--color-on-accent);background-color:var(--color-accent);border-color:var(--color-accent)}.pagination__ellipsis{color:var(--color-text-muted)}:root,[data-theme=light]{--search-halo: rgba(9, 105, 218, .12);--search-glow: rgba(9, 105, 218, .28)}[data-theme=dark]{--search-halo: rgba(88, 180, 255, .14);--search-glow: rgba(88, 180, 255, .3)}.search__btn-wrap{position:absolute;top:4px;right:6px;width:var(--tap-target);height:var(--tap-target)}.search__btn{position:relative;display:flex;align-items:center;justify-content:center;width:var(--tap-target);height:var(--tap-target);padding:0;color:var(--color-on-accent);background:var(--color-accent);border:0;border-radius:50%;cursor:pointer;transition:box-shadow .35s ease}.search__btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.search__shine{position:absolute;top:7px;left:10px;width:12px;height:7px;background:#fff9;border-radius:50%;opacity:0;transform:rotate(-30deg);transition:opacity .3s ease}.search__bubbles{position:absolute;inset:0;color:var(--color-accent);pointer-events:none}.search__bubble{position:absolute;bottom:34px;border:1.5px solid currentColor;border-radius:50%;opacity:0}.search__bubble:after{content:"";position:absolute;top:18%;left:20%;width:30%;height:22%;background:currentColor;border-radius:50%;opacity:.5}.search__bubble--1{left:2px;width:9px;height:9px}.search__bubble--2{left:24px;width:12px;height:12px}.search__bubble--3{left:13px;width:6px;height:6px}.search.is-typing .search__btn{box-shadow:0 0 0 6px var(--search-halo),0 8px 18px var(--search-glow);animation:search-pop .45s ease-out,search-float 2.8s ease-in-out .45s infinite}.search.is-typing .search__shine{opacity:1}.search.is-typing .search__bubble--1{animation:search-rise 2.6s ease-in .2s infinite}.search.is-typing .search__bubble--2{animation:search-rise 3s ease-in 1s infinite}.search.is-typing .search__bubble--3{animation:search-rise 2.4s ease-in 1.8s infinite}@keyframes search-pop{0%{transform:scale(.88)}60%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes search-float{0%,to{transform:translateY(0) scale(1) rotate(0)}25%{transform:translateY(-5px) scale(.97,1.03) rotate(-2deg)}50%{transform:translateY(-8px) scale(1.03,.97) rotate(0)}75%{transform:translateY(-3px) scale(.98,1.02) rotate(2deg)}}@keyframes search-rise{0%{transform:translate(0) scale(.5);opacity:0}15%{opacity:.85}55%{transform:translate(5px,-30px) scale(1)}to{transform:translate(-4px,-62px) scale(1.15);opacity:0}}@media (prefers-reduced-motion: reduce){.search.is-typing .search__btn{animation:none}.search.is-typing .search__bubble{animation:none;opacity:0}}
