:root{--paper:#faf7f2;--paper-2:#f1efe8;--ink:#2c2c2a;--ink-2:#5f5e5a;--line:#d3d1c7;--accent:#712b13;--accent-soft:#faece7;--on-accent:#faece7;--serif:var(--font-serif), "Hiragino Mincho ProN", "Yu Mincho", serif;--sans:-apple-system, BlinkMacSystemFont, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Noto Sans JP", sans-serif;--header-height:0px}html,body{-moz-text-size-adjust:100%;text-size-adjust:100%;width:100%;margin:0;padding:0;overflow-x:hidden}body{font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--paper);color:var(--ink);touch-action:manipulation;line-height:1.7}a{color:inherit}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;width:100%}.site-header{z-index:50;background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0}.site-header-row{justify-content:space-between;align-items:center;gap:12px;max-width:1060px;margin:0 auto;padding:10px 16px;display:flex}.site-logo{font-family:var(--serif);letter-spacing:.01em;white-space:nowrap;font-size:1.2rem;font-weight:700;text-decoration:none}.site-nav{scrollbar-width:none;align-items:center;gap:14px;font-size:.85rem;display:flex;overflow-x:auto}.site-nav::-webkit-scrollbar{display:none}.site-nav a{color:var(--ink-2);white-space:nowrap;padding:4px 0;text-decoration:none}.site-nav a[aria-current=page]{color:var(--accent);border-bottom:2px solid var(--accent)}.page{box-sizing:border-box;width:100%;max-width:760px;margin:0 auto;padding:20px 16px 56px}.page-wide{max-width:1060px}.page-title{font-family:var(--serif);margin:0 0 10px;font-size:1.45rem;line-height:1.45}.page-lead{color:var(--ink-2);margin:0 0 20px;font-size:.9rem}.section-label{color:var(--ink-2);letter-spacing:.04em;margin:28px 0 10px;font-size:.8rem}.breadcrumbs{color:var(--ink-2);margin:0 0 14px;font-size:.75rem}.breadcrumbs a{text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.work-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:26px 20px;margin:0;padding:0;list-style:none;display:grid}.work-card{text-decoration:none;display:block}.work-card-thumb{background:var(--paper-2);object-fit:cover;aspect-ratio:16/9;border-radius:10px;width:100%;height:auto;display:block}.work-card-title{font-family:var(--serif);margin:10px 0 4px;font-size:1.08rem;line-height:1.45}.work-excerpt{color:var(--ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.85rem;display:-webkit-box;overflow:hidden}.work-meta{color:var(--ink-2);margin:4px 0 0;font-size:.75rem}.work-card:hover .work-card-title{color:var(--accent)}.work-card:hover .work-card-thumb{filter:brightness(1.05)}.search-input{box-sizing:border-box;width:100%;font:inherit;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:10px;margin:0 0 18px;padding:11px 14px;font-size:1rem}.search-input:focus{outline:2px solid var(--accent);outline-offset:1px}.more-button{font:inherit;color:var(--accent);cursor:pointer;background:var(--accent-soft);border:0;border-radius:22px;margin:28px auto 0;padding:10px 28px;font-size:.9rem;display:block}.more-button-top{margin:0 0 18px}.more-link{width:fit-content;text-decoration:none}.pager{flex-wrap:wrap;justify-content:center;gap:8px;margin:32px 0 0;display:flex}.pager .chip{padding:5px 14px;font-size:.9rem}button.chip{font:inherit;cursor:pointer;border:0;font-size:.78rem}.text-button{font:inherit;color:inherit;cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:3px;background:0 0;border:0;padding:0}.more-button:hover{filter:brightness(.96)}.chips{flex-wrap:wrap;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.chip{background:var(--accent-soft);color:var(--accent);border-radius:14px;align-items:center;gap:5px;padding:3px 11px;font-size:.78rem;text-decoration:none;display:inline-flex}.chip-plain{background:var(--paper-2);color:var(--ink)}.chip-count{opacity:.75;font-size:.7rem}a.chip:hover{filter:brightness(.96)}.work-player{margin:0 -16px}@media (min-width:760px){.work-player{margin:0}}.work-info{background:var(--paper-2);border-radius:10px;grid-template-columns:auto 1fr;gap:4px 14px;margin:14px 0;padding:12px 14px;font-size:.85rem;display:grid}.work-info dt{color:var(--ink-2);margin:0}.work-info dd{margin:0}.work-description{margin:0;font-size:.95rem;line-height:1.9}.cta{text-align:center;background:var(--accent);color:var(--on-accent);border-radius:10px;margin:18px 0 0;padding:12px;font-weight:600;text-decoration:none;display:block}.cta:hover{filter:brightness(1.1)}.index-chips{flex-wrap:wrap;gap:8px;display:flex}.prose h2{font-family:var(--serif);margin:26px 0 8px;font-size:1.05rem}.prose p,.prose li{font-size:.92rem}.prose ul{padding-left:1.2em}.fav-toast{z-index:100;background:var(--ink);color:var(--paper);white-space:nowrap;cursor:pointer;border-radius:22px;padding:9px 18px;font-size:.85rem;position:fixed;bottom:32px;left:50%;transform:translate(-50%);box-shadow:0 4px 18px #0000002e}.fav-toast span{color:#f0a58c;margin-right:6px}.site-footer{border-top:1px solid var(--line);color:var(--ink-2);padding:22px 16px 30px;font-size:.8rem}.site-footer-inner{flex-wrap:wrap;align-items:center;gap:8px 18px;max-width:1060px;margin:0 auto;display:flex}.site-footer a{text-decoration:none}.site-footer a:hover{text-decoration:underline}.site-footer-copy{margin-left:auto}
