:root{--bg: #fbfaf7;--panel: #ffffff;--ink: #1d1b19;--sub: #6b665f;--rule: #e6e1d8;--accent: #b4475b;--radius: 10px;--wide: 960px;--sans: "Hiragino Sans", "Noto Sans JP", "Yu Gothic", system-ui, sans-serif}@media(prefers-color-scheme:dark){:root{--bg: #16151a;--panel: #1e1d23;--ink: #ece8e1;--sub: #a29d95;--rule: #302e36;--accent: #e08597}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.8 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit}img{max-width:100%;height:auto;display:block}.wrap{max-width:var(--wide);margin:0 auto;padding:0 16px}.hd{border-bottom:1px solid var(--rule);background:var(--panel)}.hd .wrap{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 20px;padding-block:14px}.logo{font-weight:800;font-size:20px;text-decoration:none;letter-spacing:.02em}.nav{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:14px}.nav a{text-decoration:none;color:var(--sub);padding:2px 0;border-bottom:2px solid transparent}.nav a.on,.nav a:hover{color:var(--ink);border-color:var(--accent)}main.wrap{padding-block:28px 56px}h1{font-size:clamp(22px,4vw,30px);line-height:1.4;margin:0 0 6px}h2{font-size:17px;margin:36px 0 12px;display:flex;align-items:baseline;justify-content:space-between;gap:12px}h2 a{font-size:13px;font-weight:400;color:var(--sub)}.lead{color:var(--sub);margin:0 0 20px}.meta{color:var(--sub);font-size:13px;margin:0 0 18px}.intro{background:var(--panel);border:1px solid var(--rule);border-radius:var(--radius);padding:18px 20px;display:flex;gap:18px;align-items:center}.intro img{width:88px;flex:none}.intro p{margin:.3em 0}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.card{text-decoration:none;font-size:14px;line-height:1.5}.card img{aspect-ratio:3 / 4;object-fit:cover;object-position:top;width:100%;border-radius:var(--radius);border:1px solid var(--rule);margin-bottom:6px}.card small{display:block;color:var(--sub);font-size:12px}.card:hover img{border-color:var(--accent)}.list{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}.list li{border-bottom:1px solid var(--rule);padding:10px 2px;display:flex;gap:12px}.list .d{color:var(--sub);font-size:13px;min-width:4.5em;font-variant-numeric:tabular-nums}.list .tag{font-size:12px;color:var(--accent);margin-right:6px}.imgs{display:grid;gap:12px;justify-items:center;margin:12px 0 20px}.imgs img{width:100%;max-width:560px;border-radius:6px;border:1px solid var(--rule)}.verse{text-align:center;font-size:18px;line-height:2;margin:18px 0}.verse small{display:block;font-size:12px;color:var(--sub)}.kind{font-size:12px;color:var(--sub);border:1px solid var(--rule);border-radius:99px;padding:1px 8px;margin-left:8px;vertical-align:middle}.pager{display:flex;justify-content:space-between;gap:12px;margin-top:28px}.btn{display:inline-block;text-decoration:none;font-size:14px;border:1px solid var(--rule);background:var(--panel);border-radius:99px;padding:6px 16px}.btn:hover{border-color:var(--accent)}.prose{background:var(--panel);border:1px solid var(--rule);border-radius:var(--radius);padding:20px clamp(16px,4vw,32px);overflow-wrap:anywhere}.prose pre{overflow-x:auto;background:var(--bg);padding:12px;border-radius:6px;font-size:13px}.prose table{border-collapse:collapse;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--rule);padding:4px 8px}.prof{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:12px 0}.prof dt{color:var(--sub)}.prof dd{margin:0}.share{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:22px 0;font-size:13px}.share-label{color:var(--sub)}.sh{cursor:pointer;font:inherit;text-decoration:none;color:var(--ink);background:var(--panel);border:1px solid var(--rule);border-radius:99px;padding:3px 12px}.sh:hover{border-color:var(--accent)}.share-done{color:var(--accent)}.tweet{margin:18px 0}.tweet-note{color:var(--sub);font-size:13px;margin:0 0 4px}.ft{border-top:1px solid var(--rule);color:var(--sub);font-size:13px;padding-block:20px 40px}.ft nav{display:flex;flex-wrap:wrap;gap:4px 14px;margin-bottom:8px}.ft a{color:var(--sub)}@media(max-width:520px){.intro{flex-direction:column;align-items:flex-start}}