* { box-sizing: border-box; }
:root { --accent: #15c7f5; }
body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial, sans-serif; margin: 24px; background:#0b0b0b; color:#eee; }
h1,h2 { margin: 0 0 12px; }
main { max-width: 900px; margin: 0 auto; }
section { border: 1px solid #333; border-radius: 8px; padding: 16px; margin-bottom: 16px; background:#121212; }
input, button { padding: 10px; margin-right: 8px; background:#1d1d1d; color:#fff; border:1px solid #333; border-radius:10px; }
button { cursor: pointer; }
#feedList li, #lb li { padding: 6px 0; border-bottom: 1px solid #222; }
code { background:#1b1b1b; padding:2px 4px; border-radius:4px; }

.accent { color: var(--accent); }
.btn-primary { background: var(--accent); border-color: transparent; color: #001018; font-weight: 600; }
.btn-primary:hover { filter: brightness(1.05); }

/* Dropzone */
#dropzone { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; border: 1px solid #2a2a2a; background: #1c1c1c; border-radius: 18px; padding: 24px; margin-bottom: 12px; min-height: 160px; outline: none; }
#dropzone .plus { font-size: 48px; line-height: 1; color: #e8e8e8; }
#dropzone .hint { color: #a0a0a0; }
#dropzone input[type="file"] { display: none; }
#dropzone.active { border-color: var(--accent); box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 40%, transparent); }
#dropzone:hover { cursor:pointer; }

.claim-row { display: flex; gap: 10px; align-items: center; }
.claim-row input { flex: 1; }

.topbar { max-width: 900px; margin: 0 auto 16px; display: flex; justify-content: space-between; align-items: center; }
.topbar h1 { font-size: 28px; margin: 0; }
.topbar h1 a { color: inherit; text-decoration: none; }
.topbar nav a { color: var(--accent); text-decoration: none; font-weight: 600; }
.topbar nav a:hover { text-decoration: underline; }