main{padding:0 32px 128px;margin:0 auto;width:100%;max-width:1300px;box-sizing:border-box}#header-block{margin:0 auto 48px;text-align:center}#header-block h1{margin:0 0 8px;font-size:2rem}@media(prefers-color-scheme:dark){#header-block h1{color:#fff}}#header-block .username-text{font-size:1.1rem;color:#737373}@media(prefers-color-scheme:dark){#header-block .username-text{color:#a3a3a3}}#header-block .username-link{display:inline-flex;align-items:center;gap:6px;text-decoration:none;cursor:pointer;margin-top:4px}#header-block .username-link .username-text{color:#737373}#header-block .username-link svg{color:#737373;width:14px;height:14px}#header-block .username-link:hover .username-text{color:#525252}#header-block .username-link:hover svg{color:#525252}@media(prefers-color-scheme:dark){#header-block .username-link .username-text{color:#a3a3a3}#header-block .username-link svg{color:#a3a3a3}#header-block .username-link:hover .username-text{color:#d4d4d8}#header-block .username-link:hover svg{color:#d4d4d8}}#websites-section h2{margin-bottom:24px;font-size:1.5rem;font-weight:500}@media(prefers-color-scheme:dark){#websites-section h2{color:#fff}}#website-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap: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}.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:hover{background:#e9e9ec}@media(prefers-color-scheme:dark){.website-card{background:#26262c;border-color:#464653}.website-card:hover{background:#2f2f37}}.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;font-size:.875rem;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}}#empty-state{text-align:center;padding:64px 32px}#empty-state p{color:#737373;font-size:1.1rem}@media(prefers-color-scheme:dark){#empty-state p{color:#a3a3a3}}