#bg{position:fixed;top:0;left:0;z-index:-1}body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#888}header{background-color:#333;color:#dfdfdf;padding:1rem;text-align:center}main{margin:.2rem 8rem .5rem;padding:1rem;background-color:#cecece;box-shadow:0 0 10px #0000001a;z-index:1}section{margin-bottom:2rem;z-index:1;position:relative}section h2{margin-top:0}section p{margin:.5rem 0}p .light{color:#787878}section h3{color:#3f6d87;text-decoration:none}a{color:#3f6d87;text-decoration:none;padding:.5rem}li{list-style-type:none;margin:1rem}section a:hover{text-decoration:underline}.status{max-width:800px;margin:0 auto}.widget{margin:20px 0;padding:15px;border:1px dotted #555;border-radius:5px}.widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.search-container{display:flex;gap:10px;margin-bottom:15px}.search-input{flex:1;padding:8px;border:1px solid #ccc;border-radius:3px}.sort-container{display:flex;gap:5px;margin-bottom:15px;flex-wrap:wrap}.hn-list{list-style:none;padding:0;margin:0}.hn-item{padding:10px 0;border-bottom:1px solid #eee}.hn-item:last-child{border-bottom:none}.hn-title{margin-bottom:5px}.hn-title a{color:#000;text-decoration:none;font-weight:500}.hn-title a:hover{text-decoration:underline}.hn-domain{color:#5a5a5a;font-size:.9em;margin-left:5px}.hn-meta{color:#525252;font-size:.85em}.hn-meta a{color:#828282;text-decoration:none}.hn-meta a:hover{text-decoration:underline}.hn-author{color:#000}.loading,.error,.no-results{text-align:center;font-size:.8em;padding:20px;color:#666}.error{color:#d00}