:root{color-scheme: dark}
html,body{height:100%}
body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}
.wrap{max-width:var(--maxw);margin:0 auto;padding:24px}
.site-header{border-bottom:1px solid rgba(255,153,0,0.06)}
.site-title{margin:0;font-size:1.2rem}
.site-title a{color:var(--text);text-decoration:none}
.main-nav a{color:var(--text);margin-left:12px;text-decoration:none;opacity:.9}
.content p{line-height:1.6;color:var(--text)}
a{color:var(--accent)}
img{max-width:100%;height:auto}
pre{background:#111;padding:12px;border-radius:6px;color:#ddd;overflow:auto}
.site-footer{border-top:1px solid rgba(255,153,0,0.06);padding-top:12px;margin-top:36px;color:#999}

/* audio player basic */
.audio-track{display:flex;gap:12px;align-items:center}
.audio-track audio{width:100%}

/* Inline editor overlay styles */
#inline-editor-overlay textarea{box-sizing:border-box}
#inline-editor-overlay button{background:var(--accent);color:#000;border:none;padding:8px 10px;border-radius:4px}
#inline-editor-overlay button:hover{opacity:0.9}

/* toolbar */
#inline-editor-overlay .menu-item button{margin-right:6px}
#inline-editor-overlay div[role="toolbar"]{display:flex;gap:8px}

/* Admin styles */
.admin-nav{display:flex;gap:12px;flex-wrap:wrap;padding:0;list-style:none}
.admin-nav li{display:inline}
.admin-nav a{display:inline-block;padding:8px 10px;background:#0b0b0b;border:1px solid rgba(255,255,255,0.03);border-radius:6px;color:var(--text);text-decoration:none}
.wrap h2{margin-top:0}
.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
.media-item{background:#0d0d0d;padding:8px;border-radius:6px;border:1px solid rgba(255,255,255,0.03)}
.media-item img{display:block;max-width:100%;height:100px;object-fit:cover;border-radius:4px}
.media-item.audio audio{width:100%}
.media-item .meta{margin-top:6px;font-size:12px;color:#ccc}
.media-thumb{background:#0d0d0d;padding:6px;border-radius:6px;border:1px solid rgba(255,255,255,0.03)}