:root{--header-height: 56px;--sidebar-width: 260px;--toc-width: 220px;--bg: #f6f8fa;--sidebar-bg: #f9fafb;--card-bg: #ffffff;--primary: #3b5bdb;--primary-light: #dbe4ff;--text: #1e293b;--text-muted: #64748b;--border: #e2e8f0;--active-bg: #eff6ff;--active-text: #2563eb;--shadow: 0 1px 3px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.04);--tag-transition: all .18s cubic-bezier(.4, 0, .2, 1);--tag-all-color: #3b5bdb}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Noto Sans JP,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;font-size:15px;line-height:1.7}a{color:inherit;text-decoration:none}.site-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:var(--card-bg);border-bottom:1px solid var(--border);z-index:100;display:flex;align-items:center}.header-inner{max-width:1400px;width:100%;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center}.site-logo{font-weight:700;font-size:1.05rem;color:var(--primary)}.card{background:var(--card-bg);border-radius:1rem;padding:1.5rem;box-shadow:var(--shadow);border:1.5px solid var(--border);display:flex;flex-direction:column;gap:.625rem;transition:box-shadow .18s,transform .18s;cursor:pointer}.card:hover{box-shadow:0 6px 18px #0000001a;transform:translateY(-3px)}.card-emoji{font-size:2.25rem;text-align:center;padding:.75rem 0 .25rem}.card-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.card-title{font-size:1rem;font-weight:700;line-height:1.5}.card-desc{font-size:.875rem;color:var(--text-muted);line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.read-link{font-size:.875rem;color:var(--primary);font-weight:500;margin-top:.25rem}.tag-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.175rem .65rem .175rem .5rem;border-radius:999px;font-size:.72rem;font-weight:600;background:transparent;border:1.5px solid var(--primary);color:var(--primary);letter-spacing:.03em;white-space:nowrap}.date{color:var(--text-muted);font-size:.85rem}.tag-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .85rem .3rem .65rem;border-radius:999px;border:1.5px solid color-mix(in srgb,var(--tag-color, #475569) 35%,transparent);background:color-mix(in srgb,var(--tag-color, #475569) 8%,var(--card-bg));color:var(--tag-color, #475569);font-size:.8rem;font-weight:500;cursor:pointer;font-family:inherit;letter-spacing:.02em;transition:var(--tag-transition);white-space:nowrap}.tag-btn:hover{border-color:var(--tag-color, #475569);background:color-mix(in srgb,var(--tag-color, #475569) 15%,var(--card-bg));transform:translateY(-1px);box-shadow:0 3px 10px color-mix(in srgb,var(--tag-color, #475569) 25%,transparent)}.tag-btn:active{transform:translateY(0);box-shadow:none}.tag-btn.active{background:var(--tag-color, #475569);border-color:var(--tag-color, #475569);color:#fff;font-weight:600;box-shadow:0 2px 12px color-mix(in srgb,var(--tag-color, #475569) 45%,transparent);transform:translateY(-1px)}.tag-btn.active:hover{box-shadow:0 4px 16px color-mix(in srgb,var(--tag-color, #475569) 55%,transparent);transform:translateY(-2px)}.tag-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0;transition:transform .18s}.tag-btn.active .tag-dot{background:#ffffffd9;transform:scale(1.2)}.tag-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .3rem;border-radius:999px;font-size:.7rem;font-weight:700;background:color-mix(in srgb,var(--tag-color, #475569) 18%,transparent);color:inherit;line-height:1}.tag-btn.active .tag-count{background:#ffffff38;color:#fff}.tag-btn--all{--tag-color: var(--tag-all-color);font-weight:600}.tag-btn--all:not(.active){border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.tag-btn--all.active{background:linear-gradient(135deg,#3b5bdb,#4c6ef5);border-color:#3b5bdb;box-shadow:0 3px 14px #3b5bdb66}.tag-btn:focus-visible{outline:2.5px solid var(--tag-color, var(--primary));outline-offset:2px}@media(prefers-reduced-motion:reduce){.tag-btn{transition:background .05s,color .05s,border-color .05s;transform:none!important}}.page-btn{min-width:2.25rem;height:2.25rem;padding:0 .75rem;border-radius:.5rem;border:1.5px solid var(--border);background:var(--card-bg);cursor:pointer;font-family:inherit;font-size:.875rem;color:var(--text);transition:all .15s}.page-btn:hover{border-color:var(--primary);color:var(--primary)}.page-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.no-results{text-align:center;color:var(--text-muted);padding:3rem;grid-column:1 / -1}.sidebar[data-astro-cid-ssfzsv2f]{padding:1.5rem 0;min-height:100%}.sidebar-top[data-astro-cid-ssfzsv2f]{padding:0 1.25rem 1.25rem;border-bottom:1px solid var(--border);margin-bottom:1rem}.home-link[data-astro-cid-ssfzsv2f]{font-size:.85rem;color:var(--text-muted);transition:color .15s}.home-link[data-astro-cid-ssfzsv2f]:hover{color:var(--primary)}.sidebar-group[data-astro-cid-ssfzsv2f]{margin-bottom:1.5rem;padding:0 .75rem}.group-label[data-astro-cid-ssfzsv2f]{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;padding:0 .5rem;margin-bottom:.35rem}ul[data-astro-cid-ssfzsv2f]{list-style:none}.nav-link[data-astro-cid-ssfzsv2f]{display:block;padding:.4rem .75rem;border-radius:.5rem;font-size:.875rem;color:var(--text-muted);transition:background .12s,color .12s;line-height:1.5}.nav-link[data-astro-cid-ssfzsv2f]:hover{background:var(--active-bg);color:var(--active-text)}.nav-link[data-astro-cid-ssfzsv2f].active{background:var(--active-bg);color:var(--active-text);font-weight:600}