@media(prefers-color-scheme:dark){body{color:#fff}}#background-graphic{--bg-graphic-primary: rgb(245, 245, 248);--bg-graphic-secondary: rgb(248, 248, 250);--bg-graphic-stroke: rgb(235, 235, 235);position:absolute;top:0;left:50%;transform:translate(-50%);width:calc(100vw + 64px);height:auto;z-index:-1;pointer-events:none;opacity:.9;mask-image:linear-gradient(to bottom,#000,#000 70%,#0000);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 70%,rgba(0,0,0,0) 100%)}#background-graphic svg{width:100%;height:auto}@media(prefers-color-scheme:dark){#background-graphic{--bg-graphic-primary: rgb(21, 21, 26);--bg-graphic-secondary: rgb(22, 22, 28);--bg-graphic-stroke: rgb(43, 43, 43);opacity:.6}}@media(max-width:768px){#background-graphic{top:0;width:200vw;max-width:none;opacity:.8}#background-graphic svg{width:100%;height:auto;max-height:400px}}main{position:relative;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:80px auto;gap:24px;width:100%;max-width:600px}#welcome-block{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}#welcome-block h2{display:flex;gap:8px;margin:0;font-size:2.25rem;font-weight:700;line-height:1.2}@media(max-width:768px){#welcome-block h2{font-size:1.75rem}}#welcome-block .beta-text{background:#000;align-self:center;color:#fff;padding:4px 8px;border-radius:8px;font-size:.875rem;font-weight:700}@media(prefers-color-scheme:dark){#welcome-block .beta-text{background:#fff;color:#000}}#welcome-block p{margin:0;color:#525252;font-size:1.125rem;line-height:1.6;max-width:600px;font-weight:400}@media(max-width:768px){#welcome-block p{font-size:1rem}}@media(prefers-color-scheme:dark){#welcome-block p{color:#a3a3a3}}search form{background:#f4f4f6;border:2px solid hsl(240,8%,85%);display:flex;flex-grow:1;width:100%;max-width:600px;align-items:center;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;transition:all .15s ease}search form:hover{border-color:#babac4;box-shadow:0 10px 15px -3px #0000001a}search form input{color:#000;border:none;background:transparent;font-size:1rem;flex-grow:1;padding:10px 12px}search form input:focus{outline:none}search form input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}search form button{display:flex;border:none;background:transparent;padding:10px 12px;cursor:pointer;transition:all .15s ease}search form button:hover{transform:scale(1.1)}search form button svg{color:#a3a3a3;width:18px;height:18px}search form:focus-within{outline:none;border-color:#9f9fad;box-shadow:0 10px 15px -3px #00000026,0 0 0 3px #e3e3e8}@media(prefers-color-scheme:dark){search form{background:#26262c;border:2px solid hsl(240,8%,30%);box-shadow:0 4px 6px -1px #0000004d}search form:hover{border-color:#5e5e6e;box-shadow:0 10px 15px -3px #0006}search form:focus-within{border-color:#75758a;box-shadow:0 10px 15px -3px #00000080,0 0 0 3px #3b3b45}search form input{color:#fff}}#website-counter{display:flex;align-items:center;gap:4px;color:#525252}@media(prefers-color-scheme:dark){#website-counter{color:#a3a3a3}}#website-counter .digit{background:#f4f4f6;padding:4px;border-radius:4px;font-family:monospace;border:1px solid hsl(240,8%,85%)}@media(prefers-color-scheme:dark){#website-counter .digit{background:#26262c;border-color:#464653;color:#d4d4d8;font-weight:700}}#add-block{align-self:flex-end}#add-website-button{display:flex;gap:4px;padding:8px 16px;background:#16a34a;border:1px solid #15803d;border-radius:6px;color:#fff;transition:ease all .1s;text-decoration:none}@media(prefers-color-scheme:dark){#add-website-button{background:linear-gradient(to right,#166534,#15803d);border-color:#16a34a}#add-website-button:hover{background:linear-gradient(to right,#14532d,#166534);border-color:#15803d}}#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 #d4d4d8;background:#f4f4f6;width:100%;position:relative;overflow:hidden;transition:ease all 50ms}@media(prefers-color-scheme:dark){.website-card{background:#26262c;border-color:#464653}}.website-card:hover{background:#e9e9ec}@media(prefers-color-scheme:dark){.website-card:hover{background:#2f2f37}}.website-card .splash{position:absolute;top:0;bottom:0;left:0;right: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:#737373;border-radius:6px;z-index:20}.website-link-out:hover{color:#404040}@media(prefers-color-scheme:dark){.website-link-out{color:#737373}.website-link-out:hover{color:#a3a3a3}}