@media (prefers-color-scheme: dark){body{color:#fff}}main{padding:0 32px 128px;margin:0 auto;width:100%;max-width:1300px;box-sizing:border-box}#home-page-header{display:flex;justify-content:space-between}#list-heading{margin:0;align-self:flex-end}search{display:flex;flex-direction:column;align-items:center;margin:64px auto;gap:16px;width:100%;max-width:400px}#welcome-block{display:flex;flex-direction:column;align-items:center;gap:4px}#welcome-block h2{display:flex;gap:4px;margin:0}#welcome-block .beta-text{background:#000;align-self:center;color:#fff;padding:2.5px 5px;border-radius:6px;font-size:10px}@media (prefers-color-scheme: dark){#welcome-block .beta-text{background:#fff;color:#000}}#welcome-block p{margin:0;color:var(--zinc-600)}@media (prefers-color-scheme: dark){#welcome-block p{color:var(--zinc-400)}}search form{background:#fff;border:1px solid var(--zinc-200);display:flex;flex-grow:1;width:100%;max-width:500px;align-items:center;border-radius:8px}search form input{color:#000;border:none;background:transparent;font-size:16px;flex-grow:1;padding:8px}search form button{display:flex;border:none;background:transparent;padding-right:8px}search form button svg{color:var(--zinc-400)}search form:focus-within{outline:auto}search form input:focus{outline:none}search form input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}@media (prefers-color-scheme: dark){search form{background:var(--zinc-800);border:1px solid var(--zinc-700)}search form input{color:#fff}}#website-counter{display:flex;align-items:center;gap:4px;color:var(--zinc-600)}@media (prefers-color-scheme: dark){#website-counter{color:var(--zinc-400)}}#website-counter .digit{background:var(--zinc-200);padding:4px;border-radius:4px;font-family:monospace;border:1px solid var(--zinc-300)}@media (prefers-color-scheme: dark){#website-counter .digit{background:var(--zinc-800);border-color:var(--zinc-700);color:var(--zinc-300);font-weight:700}}#add-block{align-self:flex-end}#add-website-button{display:flex;gap:4px;padding:8px 16px;background:var(--green-600);border:1px solid var(--green-700);border-radius:6px;color:#fff;transition:ease all .1s}@media (prefers-color-scheme: dark){#add-website-button{background:linear-gradient(to right,var(--green-800),var(--green-700));border-color:var(--green-600)}#add-website-button:hover{background:linear-gradient(to right,var(--green-900),var(--green-800));border-color:var(--green-700)}}#add-website-button svg{color:#fff}#website-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:32px;padding-top:32px}.website-card{padding:16px;box-sizing:border-box;border-radius:12px;height:150px;border:1px solid var(--zinc-300);width:100%;position:relative;overflow:hidden;transition:ease all .1s}@media (prefers-color-scheme: dark){.website-card{background:var(--zinc-750);border-color:var(--zinc-700)}}.website-card:hover{background:var(--zinc-100)}@media (prefers-color-scheme: dark){.website-card:hover{background:var(--zinc-800)}}.website-card .splash{position:absolute;inset:0;margin:auto;width:100%;height:100%;z-index:1;opacity:.1;transition:ease all .3s;object-fit:cover}.website-card a{text-decoration:none}.website-card-title{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;align-items:flex-start;padding:16px;gap:6px;color:#000;border-radius:6px;z-index:10}@media (prefers-color-scheme: dark){.website-card-title{color:#fff}}.website-card-title:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;border-radius:12px}.website-link-out{position:absolute;bottom:8px;right:8px;padding:8px;display:flex;align-items:center;gap:4px;color:var(--zinc-500);border-radius:6px;z-index:20}.website-link-out:hover{color:var(--zinc-700)}@media (prefers-color-scheme: dark){.website-link-out{color:var(--zinc-500)}.website-link-out:hover{color:var(--zinc-400)}}