:root{color-scheme:light;--color-bg:#f7f7fb;--color-bg-elevated:#fff;--color-text:#16181f;--color-muted:#6b7280;--color-accent:#4f46e5;--color-accent-strong:#4338ca;--color-accent-soft:#eef0ff;--color-border:#e6e7ee;--shadow-sm:0 1px 2px #1718220a, 0 1px 1px #17182208;--shadow-md:0 12px 28px #17182214;--content-width:760px;--radius:14px;--radius-sm:8px}[data-theme=dark]{color-scheme:dark;--color-bg:#0e0f14;--color-bg-elevated:#16181f;--color-text:#e7e8ee;--color-muted:#9aa0ac;--color-accent:#8b85f5;--color-accent-strong:#a5a0ff;--color-accent-soft:#8b85f524;--color-border:#262a35;--shadow-sm:0 1px 2px #0006;--shadow-md:0 16px 32px #00000080}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--color-bg:#0e0f14;--color-bg-elevated:#16181f;--color-text:#e7e8ee;--color-muted:#9aa0ac;--color-accent:#8b85f5;--color-accent-strong:#a5a0ff;--color-accent-soft:#8b85f524;--color-border:#262a35;--shadow-sm:0 1px 2px #0006;--shadow-md:0 16px 32px #00000080}}*{box-sizing:border-box}html{color:var(--color-text);background:var(--color-bg);font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic UI,Meiryo,system-ui,sans-serif;line-height:1.8}body{flex-direction:column;min-height:100vh;margin:0;transition:background-color .2s,color .2s;display:flex}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-strong);text-decoration:underline}img{max-width:100%;height:auto}.site-header{z-index:10;background:color-mix(in srgb, var(--color-bg) 82%, transparent);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);padding:1.2rem 1rem .9rem;position:sticky;top:0}.site-header-inner{max-width:var(--content-width);margin:0 auto}.site-header-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.site-title{letter-spacing:.12em;margin:0;font-size:1.6rem;font-weight:700}.site-title a{color:var(--color-text)}.site-title a:hover{opacity:.7;text-decoration:none}.theme-toggle{border:1px solid var(--color-border);background:var(--color-bg-elevated);width:2.3rem;height:2.3rem;color:var(--color-text);cursor:pointer;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .15s,color .15s,transform .15s;display:inline-flex}.theme-toggle:hover{border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-1px)}.theme-toggle .icon{width:1.1rem;height:1.1rem}.theme-toggle .icon-moon,:root[data-theme=dark] .theme-toggle .icon-sun{display:none}:root[data-theme=dark] .theme-toggle .icon-moon{display:block}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle .icon-sun{display:none}:root:not([data-theme=light]) .theme-toggle .icon-moon{display:block}}.site-nav{flex-wrap:wrap;gap:.4rem 1.2rem;margin-top:.9rem;font-size:.92rem;display:flex}.site-nav a{color:var(--color-muted)}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--color-accent)}main{width:100%;max-width:var(--content-width);flex:1;margin:0 auto;padding:2rem 1rem 3rem}.page-title{border-bottom:1px solid var(--color-border);margin:0 0 1.5rem;padding-bottom:.6rem;font-size:1.4rem}.post-list{gap:1rem;margin:0;padding:0;list-style:none;display:grid}.post-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);gap:1.2rem;padding:1.1rem 1.3rem;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.post-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-accent);transform:translateY(-3px)}.post-card-thumbnail{border-radius:var(--radius-sm);background:var(--color-accent-soft);flex-shrink:0;width:148px;height:104px;display:block;overflow:hidden}.post-card-thumbnail img{object-fit:cover;width:100%;height:100%;display:block}.post-card-body{flex:1;min-width:0}.post-card-meta{color:var(--color-muted);align-items:center;gap:.8rem;font-size:.82rem;display:flex}.category-tag{border:1px solid var(--color-accent);color:var(--color-accent);border-radius:999px;padding:.1rem .7rem;font-size:.78rem;display:inline-block}.category-tag:hover{background:var(--color-accent);color:#fff;text-decoration:none}.post-card-title{margin:.5rem 0 .2rem;font-size:1.12rem;line-height:1.5}.post-card-title a{color:var(--color-text)}.post-card-title a:hover{color:var(--color-accent);text-decoration:none}.post-card-description{color:var(--color-muted);margin:.3rem 0 0;font-size:.92rem}.category-grid{grid-template-columns:repeat(2,1fr);gap:.8rem;margin-top:1rem;display:grid}.category-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);color:var(--color-text);padding:1.1rem 1.2rem;font-weight:600;transition:transform .18s,box-shadow .18s,border-color .18s;display:block}.category-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-accent);color:var(--color-accent);text-decoration:none;transform:translateY(-3px)}.category-card .count{color:var(--color-muted);margin-top:.2rem;font-size:.8rem;font-weight:400;display:block}.post-header{margin-bottom:2rem}.post-header h1{margin:.5rem 0 0;font-size:1.6rem;line-height:1.5}.post-body .affiliate-button{color:#fff;text-align:center;border-radius:var(--radius-sm);background:#bf0000;max-width:420px;margin:1.5rem auto;padding:.8rem 1.5rem;font-weight:700;display:block;box-shadow:0 2px 6px #00000026}.post-body .affiliate-button:hover{opacity:.85;text-decoration:none}.affiliate-note{background:var(--color-accent-soft);border-radius:var(--radius-sm);color:var(--color-muted);margin:.8rem 0 0;padding:.4rem .8rem;font-size:.8rem}.post-body h2{border-bottom:1px solid var(--color-border);margin-top:2.5rem;padding-bottom:.4rem;font-size:1.25rem}.post-body h3{margin-top:1.8rem;font-size:1.05rem}.post-body blockquote{background:var(--color-accent-soft);border-left:3px solid var(--color-accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--color-muted);margin:1rem 0;padding:.6rem 1.2rem}.post-body figure{margin:2rem 0}.post-body figure img{border-radius:var(--radius);width:100%;height:auto;display:block}.post-body figcaption{color:var(--color-muted);text-align:center;margin-top:.5rem;font-size:.8rem}.post-body table{border-collapse:collapse;border-radius:var(--radius-sm);width:100%;margin:1.2rem 0;font-size:.92rem;overflow:hidden}.post-body th,.post-body td{border:1px solid var(--color-border);text-align:left;padding:.5rem .8rem}.post-body th{background:var(--color-accent-soft);font-weight:600}.post-body .spotify-embed{border:0;border-radius:12px;width:100%;margin:1.5rem 0;display:block}.post-body .youtube-embed{aspect-ratio:16/9;margin:1.5rem 0;position:relative}.post-body .youtube-embed iframe{border:0;border-radius:12px;width:100%;height:100%;position:absolute;inset:0}.post-body code{background:var(--color-accent-soft);border-radius:4px;padding:.1rem .4rem;font-size:.9em}.site-footer{border-top:1px solid var(--color-border);text-align:center;color:var(--color-muted);padding:1.5rem 1rem;font-size:.82rem}.footer-nav{flex-wrap:wrap;justify-content:center;gap:.4rem 1.4rem;margin-bottom:.6rem;display:flex}.footer-nav a{color:var(--color-muted)}.footer-nav a:hover{color:var(--color-accent)}@media (width<=600px){.site-title{font-size:1.3rem}.category-grid{grid-template-columns:1fr}.post-header h1{font-size:1.35rem}.post-card{flex-direction:column}.post-card-thumbnail{width:100%;height:160px}}