:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#333;color:#fff}*{box-sizing:border-box}body{margin:0;padding:0 1rem 4rem}main{width:min(850px,100%);margin:0 auto}header{display:flex;justify-content:space-between;align-items:baseline;padding:1.3rem 0;border-bottom:1px solid #555;color:#aaa}.brand{color:#4ecdc4;font-size:1.45rem;font-weight:600}.intro{margin:4rem 0 2rem}h1{margin:0 0 .6rem;font-size:clamp(2rem,7vw,4.5rem);line-height:1}.intro p{color:#bbb;max-width:650px}a{color:#4ecdc4;text-decoration:none}a:hover{text-decoration:underline}form{padding:1rem;background:#292929;border:1px solid #555;border-radius:8px}.query-label{display:block;margin-bottom:.45rem;color:#c7f464;font-weight:500}.search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.6rem}input,select,button{font:inherit;border-radius:4px;border:1px solid #666}input,select{background:#222;color:#fff;padding:.8rem;min-width:0}button{padding:.8rem 1.3rem;background:#c7f464;color:#18200c;font-weight:600;cursor:pointer}button:disabled{opacity:.55;cursor:wait}.filters{display:flex;gap:1rem;margin-top:.8rem}.filters label{color:#aaa;font-size:.85rem}.filters select{margin-left:.35rem;padding:.35rem}#status{color:#888;font-size:.78rem;letter-spacing:.08em;margin:1.2rem 0}article{position:relative;border-bottom:1px solid #495057;padding:.8rem 5.5rem .8rem 0}article>a:first-child{font-size:1.08rem}article p{color:#888;margin:.25rem 0 0;font-size:.82rem}.comments{position:absolute;right:0;bottom:.8rem;font-size:.8rem;color:#5bc0de}.empty{color:#aaa;padding:2rem 0}@media(max-width:560px){.intro{margin-top:2.5rem}.search-row{grid-template-columns:1fr}.filters{display:grid}.filters label{display:flex;justify-content:space-between;align-items:center}article{padding-right:0}.comments{position:static;display:inline-block;margin-top:.35rem}}