:root{ --bg:#16140f; --panel:#1f1c16; --ink:#ece6d6; --muted:#a79f8e; --acc:#c2913f; --line:#36312a; }
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 Georgia,"Times New Roman",serif}
a{color:var(--acc)}
img{max-width:100%;height:auto}
.crumbs{padding:16px 24px;font-family:Arial,sans-serif;font-size:13px;color:var(--muted);border-bottom:1px solid var(--line)}
.crumbs a{color:var(--muted);text-decoration:none}
.crumbs a:hover{color:var(--acc)}
.crumbs span{color:var(--acc)}

/* ---- detail (Einzelblatt) ---- */
.sheet{max-width:1100px;margin:0 auto;padding:34px 24px;display:grid;grid-template-columns:1fr 380px;gap:42px;align-items:start}
.sheet figure{margin:0;background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:18px;text-align:center}
.sheet figure img{border-radius:3px}
.sheet figcaption{margin-top:12px;font-family:Arial,sans-serif;font-size:12px;letter-spacing:.06em;color:var(--muted)}
.sheet .noimg{display:block;padding:80px 0;color:var(--muted)}
.info h1{font-size:clamp(24px,3.4vw,34px);font-weight:400;margin:0 0 22px;line-height:1.15}
.info dl{margin:0;border-top:1px solid var(--line)}
.info dt{font-family:Arial,sans-serif;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--acc);margin-top:18px}
.info dd{margin:4px 0 0;font-size:16px;color:#dcd6c8}
.zoomlink{margin-top:26px;font-family:Arial,sans-serif;font-size:14px}
.pn{margin-top:26px;display:flex;justify-content:space-between;gap:14px;font-family:Arial,sans-serif;font-size:14px;border-top:1px solid var(--line);padding-top:18px}
.pn a{color:var(--ink);text-decoration:none;background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:10px 14px;flex:1;transition:.12s}
.pn a:hover{border-color:var(--acc);color:var(--acc)}
.pn a[rel=next]{text-align:right}
.back{margin-top:18px;font-family:Arial,sans-serif;font-size:14px}
.ft{max-width:1100px;margin:0 auto;padding:30px 24px 60px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}

/* ---- band index ---- */
.bandidx main{max-width:1200px;margin:0 auto;padding:30px 24px 70px}
.bandidx h1{font-weight:400;font-size:clamp(26px,4vw,40px)}
.bandidx h1 small{color:var(--muted);font-size:16px;font-family:Arial,sans-serif;margin-left:10px}
ul.thumbs{list-style:none;margin:24px 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}
ul.thumbs a{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:8px;overflow:hidden;text-decoration:none;color:var(--ink);transition:.12s}
ul.thumbs a:hover{border-color:var(--acc);transform:translateY(-2px)}
ul.thumbs img{aspect-ratio:1;object-fit:contain;background:#100e0a;width:100%}
ul.thumbs .cn{font-family:monospace;font-size:11px;color:var(--acc);padding:8px 10px 0}
ul.thumbs .ct{font-size:13px;padding:2px 10px 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

.topnav{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px 18px;padding:12px 24px;border-bottom:1px solid var(--line);font-family:Arial,sans-serif;font-size:14px;position:sticky;top:0;background:#16140fee;backdrop-filter:blur(6px);z-index:20}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-family:Georgia,serif;font-size:18px;margin-right:auto}
.brand img.logo{width:30px;height:30px;border-radius:7px;display:block}
.brand i{color:var(--acc);font-style:normal}
.topnav .links{display:flex;flex-wrap:wrap}
.topnav .links a{color:var(--muted);text-decoration:none;margin-right:20px}
.topnav .links a:hover,.topnav .links a.active{color:var(--acc)}
.topnav .lang a{color:var(--muted);text-decoration:none;font-weight:700;margin-left:8px}
.topnav .lang a.on{color:var(--acc)}
.prose{max-width:780px;margin:0 auto;padding:54px 24px 90px}
.prose h1{font-weight:400;font-size:clamp(28px,5vw,44px);line-height:1.12;margin:0 0 8px}
.prose .byline{color:var(--muted);font-style:italic;margin-bottom:38px;font-size:15px;font-family:Arial,sans-serif}
.prose h2{font-weight:400;font-size:24px;color:var(--acc);margin:46px 0 14px}
.prose p{margin:0 0 18px;color:#dcd6c8}
.prose ul{color:#dcd6c8;line-height:1.7}
.prose blockquote{border-left:3px solid var(--line);margin:24px 0;padding:8px 22px;color:var(--muted);font-style:italic}
.zoomtrigger{cursor:zoom-in;display:block}
.zoomhint{color:var(--acc)}
.zov{position:fixed;inset:0;background:#000e;display:none;z-index:100}
.zov.on{display:block}
.zstage{position:absolute;inset:0;overflow:hidden;cursor:grab}
.zstage.drag{cursor:grabbing}
.zstage img{position:absolute;top:0;left:0;transform-origin:0 0;max-width:none;user-select:none;-webkit-user-drag:none}
.zclose{position:absolute;top:16px;right:16px;background:#1f1c16cc;color:#ece6d6;border:none;width:42px;height:42px;border-radius:8px;font-size:20px;cursor:pointer;z-index:2}
.zbtns{position:absolute;bottom:16px;left:16px;display:flex;gap:6px;z-index:2}
.zbtns button{background:#1f1c16cc;color:#ece6d6;border:none;width:42px;height:42px;border-radius:8px;font-size:18px;cursor:pointer}
ul.artistlist{list-style:none;margin:24px 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
ul.artistlist a{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:16px 18px;text-decoration:none;color:var(--ink);transition:.12s}
ul.artistlist a:hover{border-color:var(--acc)}
ul.artistlist .ct{font-size:17px}
ul.artistlist .cn{font-family:Arial,sans-serif;font-size:12px;color:var(--acc);white-space:nowrap}
.azjump{font-family:Arial,sans-serif;display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 22px}
.azjump a{color:var(--acc);text-decoration:none;border:1px solid var(--line);border-radius:5px;padding:4px 10px}
.azjump a:hover{background:var(--acc);color:#16140f}
.bandidx h2{font-weight:400;color:var(--acc);margin:30px 0 12px;scroll-margin-top:70px}
@media(max-width:720px){.sheet{grid-template-columns:1fr;gap:24px}}