:root { color-scheme: dark; font: 100%/1.55 system-ui, sans-serif; background: #161b16; color: #efefdf; }
body { margin: 0; }
main { max-width: 72rem; padding: 2rem 1.1rem; margin: auto; }
h1 { font-size: clamp(2.6rem, 8vw, 5rem); line-height: 1; margin: 0 0 .5rem; letter-spacing: -.07em; }
.brand { display: inline-flex; align-items: center; gap: .5rem; color: inherit; text-decoration: none; }
.brand:hover { color: #cbe99a; }
.brand-mascot { width: clamp(3rem, 7vw, 4rem); height: auto; }
header, nav, .filters { display: flex; flex-wrap: wrap; align-items: center; gap: .7rem 1rem; }
header { justify-content: space-between; margin-bottom: 1rem; }
a { color: #cbe99a; }
.panel { background: #202820; border: 1px solid #455343; border-radius: .75rem; padding: 1rem; margin: 0 0 .85rem; }
#ideas { display: grid; gap: .85rem; align-items: start; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 48rem) {
  #ideas { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.idea-card { margin: 0; overflow-wrap: anywhere; }
.idea-title { font-size: 1.3rem; line-height: 1.25; margin: 0 0 .7rem; }
.idea-actions { margin-top: .65rem; }
.gitea-form label { display: block; margin-bottom: .65rem; }
.ideas-message { grid-column: 1 / -1; }
.idea-labels { display: flex; flex-wrap: wrap; gap: .4rem; list-style: none; padding: 0; }
.idea-labels li { min-width: 0; }
.idea-labels a { display: block; padding: .15rem .55rem; border: 1px solid #5c6d53; border-radius: .4rem; }
.filters { margin: 1.25rem 0; }
label, time, summary { color: #c1cdb7; }
input, textarea, select, button { font: inherit; padding: .35rem .65rem; border: 1px solid #5c6d53; border-radius: .35rem; background: #151b15; color: inherit; }
button { cursor: pointer; color: #172113; background: #cbe99a; font-weight: 650; }
textarea { display: block; width: 100%; box-sizing: border-box; margin: .35rem 0 .65rem; resize: vertical; }
.note { white-space: pre-wrap; overflow-wrap: anywhere; }
summary { cursor: pointer; }