:root{--bg:#f7f6f2;--panel:#fff;--text:#222;--muted:#6b6b6b;--line:#ddd8cc;--accent:#5b4636;--soft:#eee7df}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic",Meiryo,sans-serif;background:var(--bg);color:var(--text);line-height:1.65}header{background:var(--panel);border-bottom:1px solid var(--line);padding:28px 20px 20px}header .inner,main,footer{max-width:1100px;margin:auto}h1{font-size:clamp(1.7rem,4vw,2.5rem);margin:0 0 6px}.subtitle{color:var(--muted);margin:0}main{padding:24px 18px 48px}.year-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}.year-card{display:block;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px;text-decoration:none;color:inherit}.year-card:hover{border-color:var(--accent);transform:translateY(-1px)}.year-card strong{font-size:1.35rem;display:block}.year-card span,.count,.meta,.date{color:var(--muted)}.navbar{margin:0 0 22px}.navbar a,.video-title,summary{color:var(--accent)}.navbar a,.video-title{text-decoration:none}.video-title{font-weight:700}.video-title:hover{text-decoration:underline}.month-nav{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 28px}.month-nav a{background:var(--soft);color:var(--accent);padding:7px 11px;border-radius:999px;text-decoration:none}.month-section{margin:34px 0}.month-title{border-bottom:2px solid var(--accent);padding-bottom:7px;margin-bottom:14px}.video-list{display:grid;gap:10px}.video{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:14px 16px}.video-top{display:flex;gap:12px;align-items:flex-start}.date{font-size:.9rem;white-space:nowrap}.meta{font-size:.88rem;margin-top:6px}details{margin-top:8px}summary{cursor:pointer;font-size:.9rem}.description{white-space:pre-wrap;margin-top:8px;color:#444}footer{border-top:1px solid var(--line);color:var(--muted);padding:24px 18px 40px;font-size:.9rem}@media(max-width:640px){.video-top{display:block}.date{margin-bottom:4px}}