body { font-family: system-ui, sans-serif; margin: 0; background: #0b0c10; color: #f5f5f5; }
.header { padding: 24px; border-bottom: 1px solid #222; background: #0f1117; }
.container { padding: 24px; max-width: 1100px; margin: 0 auto; }
.card { background: #111520; border: 1px solid #222; padding: 16px; border-radius: 12px; }
.form { display: grid; grid-template-columns: 1fr 1fr 2fr auto; gap: 8px; }
.form input { padding: 10px; border-radius: 8px; border: 1px solid #333; background: #0b0c10; color: #fff; }
.form button { padding: 10px 14px; border-radius: 10px; border: 1px solid #333; background: #1f6feb; color: white; cursor: pointer; }
.hint { opacity: 0.8; }

.grid { margin-top: 18px; display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 14px; }
.tile { border: 1px solid #222; border-radius: 14px; overflow: hidden; background: #0f1117; }
.tile img { width: 100%; height: 200px; object-fit: cover; display: block; }
.tile .meta { padding: 10px; }
.footer { padding: 20px 24px; border-top: 1px solid #222; display: flex; gap: 10px; align-items: center; justify-content: center; }
.footer a { color: #8ab4ff; text-decoration: none; }