@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(../media/dm-sans-latin-ext-wght-normal.0hiocdn10l05a.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(../media/dm-sans-latin-wght-normal.0tm8u-h63rec8.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#faf9f6;--toolbar-background:#faf9f6c2;--ink:#252522;--muted:#797a73;--line:#e6e5df;--orange:#f15a29;--font-sans:"DM Sans Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#171816;--toolbar-background:#171816c2;--ink:#f0efe9;--muted:#a6a69b;--line:#34362f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{background:var(--background);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default}button,a,input,select{outline-offset:5px}:focus-visible{outline:2px solid var(--orange)}::selection{color:#252522;background:#fddfcf}.site-shell{max-width:1600px;margin:0 auto;padding:0 64px}.sr-only,.skip-link:not(:focus){clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link:focus{z-index:100;background:#fff;padding:12px;position:fixed;top:12px;left:20px}.brand{letter-spacing:-1px;flex-shrink:0;align-items:center;gap:10px;font-size:25px;font-weight:700;display:inline-flex}.brand-icon{background:var(--orange);color:#fff;border-radius:8px;place-items:center;width:35px;height:35px;display:grid}.intro{text-align:center;flex-direction:column;align-items:center;gap:22px;padding:40px 0 38px;display:flex;position:relative}.intro .brand{letter-spacing:-.7px;gap:8px;font-size:20px}.intro .brand-icon{border-radius:7px;width:28px;height:28px}.intro .brand-icon svg{width:17px;height:19px}.intro h1{font-family:var(--font-sans);letter-spacing:-.9px;margin:0;font-size:clamp(26px,2.4vw,36px);font-weight:500;line-height:1.25}.theme-toggle{width:40px;height:40px;color:var(--muted);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:color .16s;display:grid;position:absolute;top:34px;right:0}.theme-toggle:hover{color:var(--ink)}.theme-toggle svg{width:16px;height:16px}.theme-icon-sun,[data-theme=dark] .theme-icon-moon{display:none}[data-theme=dark] .theme-icon-sun{display:block}.collection{padding-top:0}.collection-toolbar{z-index:10;background:var(--toolbar-background);-webkit-backdrop-filter:blur(18px)saturate(135%);backdrop-filter:blur(18px)saturate(135%);margin-bottom:24px;position:sticky;top:0}.collection-toolbar-inner{justify-content:space-between;align-items:center;gap:20px;padding:16px 0;display:flex}.collection-tools{flex-shrink:0;align-items:center;gap:15px;display:flex}.category-list{flex-wrap:wrap;gap:6px;display:flex}.category-button{white-space:nowrap;color:#74756e;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:7px;padding:9px 13px;font-size:11px;font-weight:500;transition:background .16s,color .16s;display:inline-flex}.category-button:hover{color:var(--ink);background:#eeede7}.category-button.is-active{color:#fff;background:#282925;border-color:#282925}.category-button span{opacity:.65;font-size:9px}.search-field{color:#8d8e86;background:#fffdf9;border:1px solid #e0e1da;border-radius:7px;flex-shrink:0;align-items:center;gap:8px;width:236px;height:37px;padding:0 10px;display:flex}.search-field:focus-within{border-color:#b6b8ad;box-shadow:0 0 0 2px #e8e9e0}.search-field input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:11px}.search-field input::placeholder{color:#92938b}.search-field kbd{white-space:nowrap;color:#909188;border:1px solid #e8e7e0;border-radius:3px;padding:1px 3px;font-family:inherit;font-size:9px}.sort-control{color:#74766c;align-items:center;gap:4px;display:flex}.sort-control select{appearance:none;color:#74766c;cursor:pointer;background:0 0;border:0;padding:4px;font-size:10px}.website-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 24px;display:grid}.website-card{min-width:0;position:relative}.website-card-link{border-radius:8px;display:block}.website-preview{aspect-ratio:1.44;background:#eeede8;border:1px solid #e8e7e1;border-radius:9px;padding:6px;transition:box-shadow .25s,transform .25s;position:relative;overflow:hidden}.website-preview>img{object-fit:cover;object-position:top;background:#e4e4df;border-radius:3px;width:100%;height:100%;transition:transform .45s;display:block}.website-preview>.website-thumbnail{opacity:0;transition:opacity .18s,transform .45s}.website-preview>.website-thumbnail[data-loaded=true]{opacity:1}.preview-cta{color:#252522;white-space:nowrap;opacity:0;background:#fffdf8;border:1px solid #fff9;border-radius:5px;align-items:center;gap:12px;padding:10px 14px;font-size:11px;font-weight:550;transition:opacity .2s,transform .2s;display:flex;position:absolute;bottom:23px;left:50%;transform:translate(-50%,8px);box-shadow:0 4px 30px #0002}.preview-corner{-webkit-backdrop-filter:blur(12px)saturate(135%);backdrop-filter:blur(12px)saturate(135%);opacity:0;pointer-events:none;background:#fffdf6c2;border:1px solid #ddd9;border-radius:4px;place-items:center;width:28px;height:28px;transition:opacity .2s,transform .25s;display:grid;position:absolute;top:20px;right:20px}.website-card:hover .website-preview,.website-card:focus-within .website-preview{transform:translateY(-3px);box-shadow:0 8px 24px #2525220b}.website-card:hover .preview-cta,.website-card:focus-within .preview-cta{opacity:1;transform:translate(-50%)}.website-card:hover .preview-corner,.website-card:focus-within .preview-corner{opacity:1;pointer-events:auto;transform:translateY(-3px)}@media (hover:none){.preview-corner{opacity:1;pointer-events:auto}}.card-info{align-items:center;gap:10px;padding:14px 2px 0;display:flex}.card-title h2{letter-spacing:-.15px;margin:0 0 3px;font-size:12px;font-weight:600}.card-title p{color:#94958e;margin:0;font-size:10px;line-height:1.3}.batch-badge{color:#8b8b80;border:1px solid #e6e4dc;border-radius:4px;align-items:center;gap:4px;margin-left:auto;padding:4px 6px;font-size:9px;display:inline-flex}.batch-badge>span{color:#df794b;font-size:9px}.collection-end{justify-content:center;align-items:center;gap:16px;margin:55px 0 56px;display:flex}.collection-end>span{background:#dadbd2;width:28px;height:1px}.collection-end p{color:#999a90;margin:0;font-size:10px}.catalog-status{min-height:360px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:13px;display:flex}.catalog-status p{margin:0}.catalog-status-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.catalog-status button,.gallery-load-more{border:1px solid var(--line);color:var(--ink);background:0 0;border-radius:6px;padding:10px 20px;font-size:11px}.gallery-load-area{flex-direction:column;align-items:center;gap:12px;min-height:72px;margin:42px 0;display:flex}.gallery-load-area p{color:var(--muted);text-align:center;margin:0;font-size:12px}.gallery-progress{color:var(--muted);font-variant-numeric:tabular-nums;font-size:10px}.gallery-load-more:disabled{opacity:.5}.gallery-load-more:not(:disabled):hover,.catalog-status button:hover{background:var(--line)}.site-footer{justify-content:space-between;gap:40px;padding:30px 0 34px;display:flex}.site-footer .brand{gap:8px;font-size:20px}.site-footer .brand-icon{border-radius:6px;width:28px;height:28px}.site-footer .brand-icon svg{width:17px;height:19px}.site-footer p{color:#91928a;margin:14px 0 0;font-size:10px;line-height:1.8}.footer-right{text-align:right}.footer-right p{margin:2px 0 15px}.footer-right>a{color:#64655c;align-items:center;gap:7px;font-size:10px;display:inline-flex}.empty-state{text-align:center;border:1px dashed var(--line);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:330px;padding:30px;display:flex}.empty-state>svg{color:#8d8e84;width:28px;height:28px}.empty-state h2{margin:18px 0 9px;font-size:22px;font-weight:500}.empty-state p{color:var(--muted);margin:0 0 20px;font-size:13px}.empty-state button{color:#fff;background:#282925;border:0;border-radius:6px;align-items:center;gap:12px;padding:10px 16px;font-size:12px;display:flex}@media (min-width:1450px){.site-shell{padding:0 80px}.website-grid{gap:40px 28px}.category-button,.search-field input{font-size:12px}.search-field{width:260px}.card-title h2{font-size:14px}.card-title p{font-size:11px}}@media (max-width:1100px){.site-shell{padding:0 36px}.collection-toolbar-inner{align-items:flex-start}.category-list{gap:3px}.category-button{padding:9px 10px}.search-field{width:205px}.website-grid{gap:28px 18px}}@media (max-width:860px){.collection-toolbar-inner{flex-direction:column-reverse;gap:16px}.search-field{width:100%;max-width:none;height:42px}.category-button{padding:9px 13px}.website-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px}}@media (max-width:600px){.site-shell{padding:0 20px}.brand{font-size:23px}.brand-icon{border-radius:7px;width:31px;height:31px}.collection{padding-top:18px}.category-list{scrollbar-width:none;flex-wrap:nowrap;gap:5px;max-width:100%;padding:2px 2px 7px;overflow-x:auto}.category-list::-webkit-scrollbar{display:none}.category-button{background:#f1f0eb;padding:8px 11px;font-size:10px}.collection-toolbar-inner{gap:12px}.search-field input{font-size:12px}.search-field kbd{display:none}.website-grid{grid-template-columns:1fr;gap:28px}.card-info{padding-top:12px}.card-title h2{font-size:14px}.card-title p{font-size:11px}.batch-badge{font-size:10px}.collection-end{gap:10px;margin:38px 0}.collection-end p{font-size:9px}.collection-end>span{width:15px}.site-footer{gap:20px;padding-top:25px}.site-footer p{font-size:9px}.site-footer .brand{font-size:18px}.footer-right{max-width:130px}.footer-right>a{font-size:9px}}@media (max-width:1100px){.intro{padding:36px 0}.theme-toggle{top:30px}.collection-tools{gap:9px}.search-field{width:190px}}@media (max-width:860px){.collection-tools{gap:20px;width:100%}.search-field{flex:1;width:auto}.collection-toolbar{margin-bottom:22px}.collection-toolbar-inner{gap:18px}}@media (max-width:600px){.intro{gap:18px;padding:28px 0 30px}.theme-toggle{top:21px}.intro .brand{font-size:18px}.intro .brand-icon{border-radius:6px;width:26px;height:26px}.intro h1{letter-spacing:-.7px;font-size:clamp(23px,6.67vw,26px)}.collection{padding-top:0}.collection-tools{gap:9px}.search-field{min-width:0;padding-inline:8px}.sort-control{flex-shrink:0;gap:0}.sort-control select{width:99px;font-size:9px}.collection-toolbar{margin-bottom:18px}.collection-toolbar-inner{gap:10px;padding:12px 0}}[data-theme=dark] ::selection{color:#fff6ed;background:#68402a}[data-theme=dark] .skip-link:focus{background:#252721}[data-theme=dark] .category-button:hover{color:var(--ink);background:#2b2e26}[data-theme=dark] .category-button{color:#b3b5a9}[data-theme=dark] .category-button.is-active{color:#1c1e18;background:#e5e7dc;border-color:#e5e7dc}[data-theme=dark] .search-field{color:#a6a99a;background:#1e201b;border-color:#3c3f35}[data-theme=dark] .search-field:focus-within{border-color:#777d68;box-shadow:0 0 0 2px #34392c}[data-theme=dark] .search-field input::placeholder{color:#a6a99a}[data-theme=dark] .search-field kbd{color:#a6a99a;border-color:#42463a}[data-theme=dark] .sort-control,[data-theme=dark] .sort-control select{color:#b3b5a9}[data-theme=dark] .sort-control option{color:var(--ink);background:#22241e}[data-theme=dark] .website-preview{background:#252721;border-color:#34362f}[data-theme=dark] .website-preview>img{background:#252721}[data-theme=dark] .preview-cta{color:var(--ink);background:#2b2e26;border-color:#565b4a}[data-theme=dark] .preview-corner{color:var(--ink);background:#2b2e26c2;border-color:#565b4a}[data-theme=dark] .website-card:hover .website-preview,[data-theme=dark] .website-card:focus-within .website-preview{box-shadow:0 8px 24px #0003}[data-theme=dark] .card-title p,[data-theme=dark] .batch-badge,[data-theme=dark] .collection-end p,[data-theme=dark] .site-footer p{color:#a6a69b}[data-theme=dark] .batch-badge{border-color:#42463a}[data-theme=dark] .collection-end>span{background:#42463a}[data-theme=dark] .footer-right>a{color:#c5c7bb}[data-theme=dark] .empty-state>svg{color:#a6a69b}[data-theme=dark] .empty-state button{color:#1c1e18;background:#e5e7dc}@media (max-width:600px){[data-theme=dark] .category-button:not(.is-active){background:#252721}[data-theme=dark] .category-button:not(.is-active):hover{background:#2b2e26}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}