:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#0b1220;color:#edf2fa}*{box-sizing:border-box}body{margin:0}main{max-width:1120px;margin:auto;padding:50px 24px}small{color:#82b9ef;letter-spacing:.12em}h1{font-size:42px;letter-spacing:-.04em;margin:12px 0}p{color:#a5b3c8;line-height:1.6}input,select,button{font:inherit;color:inherit;background:#142237;border:1px solid #35455b;border-radius:9px;padding:12px}button,a{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}input[type=search]{flex:1;min-width:180px}.filters,.buttons{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}section{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:16px}article{background:#142034;border:1px solid #293b53;border-radius:16px;padding:23px;display:flex;flex-direction:column}h2{font-size:20px;margin:14px 0 0}article p{flex:1;font-size:14px}a{color:#a4ceff}a.open{display:block;text-decoration:none;border-radius:8px;background:#9ac8ff;color:#07182e;padding:12px;text-align:center;font-weight:650}article button{margin-top:12px}.danger{color:#ffb1b1;border-color:#8b454c;background:#331d29}a:hover,button:not(:disabled):hover{filter:brightness(1.2)}:focus-visible{outline:3px solid #72c9ff;outline-offset:3px}.url{font-size:12px;overflow-wrap:anywhere;margin:0 0 18px;color:#9aacc4}.category{color:#83c8bd;font-size:12px;text-transform:uppercase;letter-spacing:.09em}.status{font-size:12px;color:#a9b7cb;margin:14px 0 0}footer{margin-top:28px;font-size:13px;color:#889cb5}dialog{max-width:520px;width:calc(100% - 32px);background:#142034;border:1px solid #526278;color:inherit;border-radius:16px;padding:28px}dialog::backdrop{background:#000b}dialog h2{margin-top:0}dialog input:not([type=checkbox]){width:100%;margin:12px 0}.ack{display:flex;gap:10px;font-size:14px;margin:12px 0;line-height:1.5}.ack input{align-self:flex-start;margin-top:5px}#error{color:#ffb1b1}.buttons{justify-content:flex-end;margin-bottom:0}@media(max-width:600px){main{padding-top:28px}h1{font-size:32px}}