#admin-review{display:flex;flex-direction:column;max-width:800px;margin:0 auto;padding:64px 32px 128px;flex-grow:1;width:100%;box-sizing:border-box}#admin-review .filters{display:flex}#admin-review .filters a{padding:6px 8px;text-decoration:none;display:flex;border-radius:8px}@media(prefers-color-scheme:dark){#admin-review .filters a{color:#d4d4d8}#admin-review .filters a.selected{background:#fff;color:#000}}#admin-review .reviews{display:flex;flex-direction:column;gap:4px;padding:4px 0}#admin-review .reviews .website-review-row{display:flex;padding:8px;border-radius:8px;text-decoration:none;gap:8px}#admin-review .reviews .website-review-row a{flex-grow:1}#admin-review .reviews .website-review-row input{border-radius:6px;padding:4px}@media(prefers-color-scheme:dark){#admin-review .reviews .website-review-row{background:#262626;border:1px solid #404040;color:#fff}#admin-review .reviews .website-review-row a{color:#3b82f6}#admin-review .reviews .website-review-row input{background:#404040;border:1px solid #262626;color:#fff}#admin-review .reviews .website-review-row.selected{background:#2563eb}}#logo{color:#000;display:flex;font-weight:600;font-size:16px;-webkit-user-select:none;user-select:none;padding:8px 16px;text-decoration:none;align-self:center;margin:0;align-items:center}@media(prefers-color-scheme:dark){#logo{color:#fff}}#logo .logo-beta-text{display:flex;background:#000;align-self:center;color:#fff;padding:2.5px 5px;border-radius:6px;font-size:10px;margin-left:6px}@media(prefers-color-scheme:dark){#logo .logo-beta-text{background:#fff;color:#000}}#site-nav{display:flex;justify-content:space-between;align-items:center}#site-nav section{display:flex;padding:16px}#site-footer{display:flex;gap:8px;padding:8px;background:#000;border-top:1px solid hsl(240,10%,20%);width:100%;box-sizing:border-box;flex-wrap:wrap}#site-footer .logo-text{text-decoration:none;color:#fff;font-weight:medium;font-weight:500}#site-footer #footer-menu{position:relative;box-sizing:border-box}#site-footer #footer-menu .toggle{display:flex;gap:4px;padding:0 4px;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;height:100%}#site-footer #footer-menu .toggle .dot{width:4px;height:4px;border-radius:100%;background:#8f8fa3}#site-footer #footer-menu .toggle:hover .dot{background:#fff}#site-footer #footer-menu .links{display:none;flex-direction:column;gap:8px;position:absolute;bottom:100%;padding:8px;border-radius:6px;width:max-content;box-sizing:border-box;background:#e3e3e8;border:1px solid hsl(240,10%,80%)}@media(prefers-color-scheme:dark){#site-footer #footer-menu .links{background:#2e2e38;border:1px solid hsl(240,10%,30%)}}#site-footer #footer-menu .links a{text-decoration:none;color:#5c5c70;font-size:14px}@media(prefers-color-scheme:dark){#site-footer #footer-menu .links a{color:#c7c7d1}}#site-footer #footer-menu .links a:hover{color:#2e2e38}@media(prefers-color-scheme:dark){#site-footer #footer-menu .links a:hover{color:#e3e3e8}}#site-footer #footer-menu[data-open] .links{display:flex}#site-footer #footer-social-links{display:flex;margin-left:auto;gap:16px}#site-footer #footer-social-links svg{transition:ease .3s}#site-footer #footer-social-links svg:hover{transform:scale(1.1)}#auth-switcher{background:#f4f4f5;display:flex;border-radius:8px;padding:4px;user-select:none;-webkit-user-select:none;border:1px solid #e4e4e7}#auth-switcher>div{flex:1;padding:12px 0;border-radius:8px;text-align:center;background:#000;color:#fff}#auth-switcher a{display:flex;justify-content:center;text-decoration:none;flex:1;text-align:center;border-radius:8px;padding:12px 0}@media(prefers-color-scheme:dark){#auth-switcher{background:#262626;color:#a3a3a3;border:1px solid #404040}#auth-switcher>div{background:#fff;color:#000}#auth-switcher a{color:#d4d4d8}}.checkbox{display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border:1px solid #d4d4d8;border-radius:4px;background:#fff;position:relative;cursor:pointer;vertical-align:middle;box-sizing:border-box;margin:0}.checkbox:after{content:"";position:absolute;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;top:0;bottom:0;left:0;right:0;margin:auto;transform:translateY(-2px) rotate(45deg);opacity:0;pointer-events:none}.checkbox:checked{background-color:#2563eb;border-color:#1d4ed8}.checkbox:checked:after{opacity:1}@media(prefers-color-scheme:dark){.checkbox{background-color:#262626;border-color:#525252}.checkbox:checked{border-color:#3b82f6}}#toast-container .toast-message.toast-error{color:#b91c1c;background:#fecaca;border:1px solid #fca5a5}#toast-container .toast-message.toast-error .icon{color:#dc2626}#toast-container .toast-message.toast-error .close-button{color:#f87171}@media(prefers-color-scheme:dark){#toast-container .toast-message.toast-error{color:#fecaca;background:#991b1b;border:1px solid #b91c1c}#toast-container .toast-message.toast-error .icon,#toast-container .toast-message.toast-error .close-button{color:#f87171}}#toast-container .toast-message.toast-info{color:#404040;background:#e4e4e7;border:1px solid #d4d4d8}#toast-container .toast-message.toast-info .icon{color:#525252}#toast-container .toast-message.toast-info .close-button{color:#a3a3a3}@media(prefers-color-scheme:dark){#toast-container .toast-message.toast-info{color:#e4e4e7;background:#262626;border:1px solid #404040}#toast-container .toast-message.toast-info .icon,#toast-container .toast-message.toast-info .close-button{color:#a3a3a3}}#toast-container .toast-message.toast-success{color:#dcfce7;background:#16a34a;border:1px solid #15803d}#toast-container .toast-message.toast-success .icon{color:#86efac}#toast-container .toast-message.toast-success .close-button{color:#166534}@media(prefers-color-scheme:dark){#toast-container .toast-message.toast-success{color:#bbf7d0;background:#15803d;border:1px solid #16a34a}#toast-container .toast-message.toast-success .icon{color:#86efac}#toast-container .toast-message.toast-success .close-button{color:#4ade80}}#toast-container .toast-message.toast-warning{color:#a16207;background:#fef08a;border:1px solid #fde047}#toast-container .toast-message.toast-warning .icon{color:#ca8a04}#toast-container .toast-message.toast-warning .close-button{color:#facc15}@media(prefers-color-scheme:dark){#toast-container .toast-message.toast-warning{color:#fef08a;background:#854d0e;border:1px solid #a16207}#toast-container .toast-message.toast-warning .icon,#toast-container .toast-message.toast-warning .close-button{color:#facc15}}#toast-container{display:flex;flex-direction:column;position:fixed;left:0;right:0;z-index:100;width:100%;max-width:400px;bottom:64px;margin:0 auto;gap:8px}#toast-container .toast-message-container{display:flex;justify-items:center;align-items:center}#toast-container .toast-message{display:flex;border-radius:6px;padding:4px;align-items:center;gap:4px;margin:0 auto}#toast-container .toast-message svg{flex-shrink:0}#user-menu-skeleton{display:none;width:93px;height:34px;border-radius:8px}@media(prefers-color-scheme:light){#user-menu-skeleton{background:#e4e4e7}}@media(prefers-color-scheme:dark){#user-menu-skeleton{background:#262626}}#user-menu{margin:0;padding:0}#user-menu[data-show=skeleton] #user-menu-skeleton{display:block}#user-menu[data-show=menu] .handle{display:flex}#user-menu .handle{display:none;padding:8px;align-self:center;color:#000}#user-menu .handle svg{align-self:center}@media(prefers-color-scheme:dark){#user-menu .handle{color:#e4e4e7}}#user-menu[data-open] .list{display:flex}#user-menu .list{display:none;position:absolute;top:50px;min-width:200px;right:16px;flex-direction:column;padding:4px;border-radius:6px;background:#f4f4f5;border:1px solid #e4e4e7;z-index:100}@media(prefers-color-scheme:dark){#user-menu .list{background:#262626;border:1px solid #404040}}#user-menu .list .link{display:flex;text-decoration:none;align-items:center;cursor:pointer;padding:8px;color:#262626;border-radius:8px;box-shadow:0 0 32px transparent;transition:box-shadow ease .1s;border:1px solid transparent}#user-menu .list .link:hover{background:#262626;color:#fafafa;box-shadow:0 0 32px #a3a3a3}@media(prefers-color-scheme:dark){#user-menu .list .link{color:#d4d4d8}#user-menu .list .link:hover{background:#fafafa;border:1px solid #737373;color:#262626;box-shadow:0 0 32px #525252}}#user-menu .list .link span{flex-grow:1;padding-right:4px}#user-menu .list .logout-button{display:flex;text-decoration:none;align-items:center;background:transparent;padding:8px;border-radius:6px;border:1px solid transparent;color:#262626;box-shadow:0 0 32px transparent;transition:box-shadow ease .1s}#user-menu .list .logout-button:hover{background:#dc2626;border:1px solid #b91c1c;color:#fff;box-shadow:0 0 32px #fecaca}@media(prefers-color-scheme:dark){#user-menu .list .logout-button{color:#d4d4d8}#user-menu .list .logout-button:hover{background:#dc2626;border:1px solid #ef4444;color:#fff;box-shadow:0 0 32px #7f1d1d}}#user-menu .list .logout-button span{flex-grow:1}#user-menu[data-show=login] .login-button{display:flex}#user-menu .login-button{display:none;gap:4px;padding:8px 12px;color:#fff;background:#2563eb;text-decoration:none;border-radius:8px;cursor:pointer;-webkit-user-select:none;user-select:none}#user-menu .login-button span,#user-menu .login-button svg{align-self:center}#changelog{display:flex;flex-direction:column;margin:0 auto;max-width:800px;width:100%;padding:64px 32px 128px;box-sizing:border-box}#changelog header{margin-bottom:32px}#changelog header h1{margin:0;font-size:32px;font-weight:600;line-height:1.2}#changelog .entries{display:flex;flex-direction:column}#changelog .entries h2{font-size:18px;font-weight:600;margin:32px 0 8px}#changelog .entries h3{font-size:15px;font-weight:500;margin:12px 0 6px}#changelog .entries ul,#changelog .entries ol{margin:0;padding-left:20px}#changelog .entries ul li,#changelog .entries ol li{margin:4px 0;line-height:1.5;color:#5e5e6e}@media(prefers-color-scheme:dark){#changelog .entries ul li,#changelog .entries ol li{color:#a1a1a1}}#changelog .entries p{margin:4px 0;line-height:1.5;color:#464653}@media(prefers-color-scheme:dark){#changelog .entries p{color:#a1a1a1}}#changelog .entries a{color:#3b82f6;text-decoration:none}#changelog .entries a:hover{text-decoration:underline}@media(prefers-color-scheme:dark){#changelog .entries a{color:#60a5fa}}@media(prefers-color-scheme:dark){#changelog .entries strong,#changelog .entries em{color:#fff}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html,body{width:100%;height:100%}body{margin:0;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif}@media(prefers-color-scheme:dark){body{background:#131316;color:#fff}}#detail{display:flex;flex-direction:column;flex-grow:1;max-width:800px;padding:32px;margin:0 auto;width:100%}#detail .modal{position:relative;z-index:1;display:flex;align-items:center;padding:32px;border-radius:12px;flex-wrap:wrap;width:100%;box-sizing:border-box;overflow:hidden;background:#f1f1f4;border:1px solid hsl(240,10%,90%)}@media(prefers-color-scheme:dark){#detail .modal{background:#22222a;border-color:#393946;color:#fff}}#detail .modal .content{max-width:500px}#detail .modal .content #website-title{display:flex;gap:8px}#detail .modal .content #website-title .status-code-badge{font-size:14px;font-weight:500;padding:4px 6px;border-radius:8px;align-self:center;background:#f9f9fa;border:1px solid hsl(240,10%,85%);color:#000}@media(prefers-color-scheme:dark){#detail .modal .content #website-title .status-code-badge{background:#2e2e38;border-color:#393946;color:#ababba}}#detail .modal .splash{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-2;opacity:.1;object-fit:cover}@media(max-width:900px){#detail .description{padding-right:32px}}@media(max-width:400px){#detail .description{padding-right:0}}@media(prefers-color-scheme:dark){#detail .description{color:#a3a3a3}}#detail .website-link-out{display:flex;margin-left:auto;align-items:center;gap:4px;background:#2563eb;border-radius:6px;color:#fff;text-decoration:none;padding:8px;color:#dbeafe}#detail .website-link-out:hover{background:#1d4ed8}#detail .curator-avatars{padding-bottom:16px}@media(prefers-color-scheme:dark){#detail .curator-avatars{border-color:#404040}#detail .curator-avatars h3{color:#fff}}#detail .curator-avatars section{display:flex;flex-wrap:wrap;gap:4px}#detail .curator-avatar{display:flex;align-items:center;justify-content:center;border-radius:100%;background:#e4e4e7;color:#404040;width:32px;height:32px;text-decoration:none}@media(prefers-color-scheme:dark){#detail .curator-avatar{background:#262626;color:#d4d4d8}}#detail .awaiting-review-status{display:flex;left:0;bottom:-128px;flex-direction:column;max-width:500px}#detail .awaiting-review-status .title{display:flex;padding:4px 6px;border-radius:6px;background:#facc15}#detail .awaiting-review-status .desc{color:#525252}@media(prefers-color-scheme:dark){#detail .awaiting-review-status .title{background:#fde047;color:#713f12}#detail .awaiting-review-status .desc{color:#a3a3a3}}#detail .rejected-review-status{display:flex;left:0;bottom:-128px;flex-direction:column;max-width:500px}#detail .rejected-review-status .title{display:flex;padding:4px 6px;border-radius:6px;color:#fff;background:#dc2626}#detail .rejected-review-status .desc{color:#525252}#detail .rejected-review-status .desc a{color:#fff}@media(prefers-color-scheme:dark){#detail .rejected-review-status .desc{color:#a3a3a3}}#home{display:flex;flex-direction:column;padding:64px 32px 128px;max-width:1500px;margin:0 auto;width:100%;box-sizing:border-box;gap:16px}#home .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:-32px;width:calc(100% + 32px);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%)}#home .background-graphic svg{width:100%;height:auto}@media(prefers-color-scheme:dark){#home .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}}#home>search{display:flex;flex-direction:column;align-items:center;gap:24px}#home>search .welcome-block{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}#home>search .welcome-block h2{display:flex;gap:8px;margin:0;font-size:2.25rem;font-weight:700;line-height:1.2}@media(max-width:768px){#home>search .welcome-block h2{font-size:1.75rem}}#home>search .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){#home>search .welcome-block .beta-text{background:#fff;color:#000}}#home>search .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){#home>search .welcome-block p{font-size:1rem}}@media(prefers-color-scheme:dark){#home>search .welcome-block p{color:#a3a3a3}}#home>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;box-sizing:border-box}#home>search form:hover{border-color:#babac4;box-shadow:0 10px 15px -3px #0000001a}#home>search form input{color:#000;border:none;background:transparent;font-size:1rem;flex-grow:1;padding:10px 12px;box-sizing:border-box}#home>search form input:focus{outline:none}#home>search form input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}#home>search form button{display:flex;border:none;background:transparent;padding:10px 12px;cursor:pointer;transition:all .15s ease;box-sizing:border-box}#home>search form button:hover{transform:scale(1.1)}#home>search form button svg{color:#a3a3a3;width:18px;height:18px}#home>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){#home>search form{background:#26262c;border:2px solid hsl(240,8%,30%);box-shadow:0 4px 6px -1px #0000004d}#home>search form:hover{border-color:#5e5e6e;box-shadow:0 10px 15px -3px #0006}#home>search form:focus-within{border-color:#75758a;box-shadow:0 10px 15px -3px #00000080,0 0 0 3px #3b3b45}#home>search form input{color:#fff}}#home>search .website-counter{display:flex;align-items:center;gap:4px;color:#525252}@media(prefers-color-scheme:dark){#home>search .website-counter{color:#a3a3a3}}#home>search .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){#home>search .website-counter .digit{background:#26262c;border-color:#464653;color:#d4d4d8;font-weight:700}}#home>header{display:flex;justify-content:space-between}#home>header .heading{margin:0;align-self:flex-end}#home>header .add-block{align-self:flex-end}#home>header .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){#home>header .add-website-button{background:linear-gradient(to right,#166534,#15803d);border-color:#16a34a}#home>header .add-website-button:hover{background:linear-gradient(to right,#14532d,#166534);border-color:#15803d}}#home>header .add-website-button svg{color:#fff}#home .website-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:32px}#home .website-list .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){#home .website-list .website-card{background:#26262c;border-color:#464653}}#home .website-list .website-card:hover{background:#e9e9ec}@media(prefers-color-scheme:dark){#home .website-list .website-card:hover{background:#2f2f37}}#home .website-list .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}#home .website-list .website-card a{text-decoration:none}#home .website-list .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;box-sizing:border-box}@media(prefers-color-scheme:dark){#home .website-list .website-card-title{color:#fff}}#home .website-list .website-card-title:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;border-radius:12px}#home .website-list .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}#home .website-list .website-link-out:hover{color:#404040}@media(prefers-color-scheme:dark){#home .website-list .website-link-out{color:#737373}#home .website-list .website-link-out:hover{color:#a3a3a3}}#search{display:flex;flex-grow:1;flex-direction:column;padding:64px 32px 128px;max-width:1500px;margin:0 auto;width:100%;box-sizing:border-box;gap:16px}#search .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:-32px;width:calc(100% + 32px);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%)}#search .background-graphic svg{width:100%;height:auto}@media(prefers-color-scheme:dark){#search .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}}#search>search{display:flex;flex-direction:column;align-items:center;gap:24px}#search>search .heading{margin:0;align-self:flex-end}#search>search .welcome-block{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}#search>search .welcome-block h2{display:flex;gap:8px;margin:0;font-size:2.25rem;font-weight:700;line-height:1.2}@media(max-width:768px){#search>search .welcome-block h2{font-size:1.75rem}}#search>search .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){#search>search .welcome-block .beta-text{background:#fff;color:#000}}#search>search .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){#search>search .welcome-block p{font-size:1rem}}@media(prefers-color-scheme:dark){#search>search .welcome-block p{color:#a3a3a3}}#search>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>search form:hover{border-color:#babac4;box-shadow:0 10px 15px -3px #0000001a}#search>search form input{color:#000;border:none;background:transparent;font-size:1rem;flex-grow:1;padding:10px 12px}#search>search form input:focus{outline:none}#search>search form input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}#search>search form button{display:flex;border:none;background:transparent;padding:10px 12px;cursor:pointer;transition:all .15s ease}#search>search form button:hover{transform:scale(1.1)}#search>search form button svg{color:#a3a3a3;width:18px;height:18px}#search>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>search form{background:#26262c;border:2px solid hsl(240,8%,30%);box-shadow:0 4px 6px -1px #0000004d}#search>search form:hover{border-color:#5e5e6e;box-shadow:0 10px 15px -3px #0006}#search>search form:focus-within{border-color:#75758a;box-shadow:0 10px 15px -3px #00000080,0 0 0 3px #3b3b45}#search>search form input{color:#fff}}#search>header{display:flex;justify-content:space-between}#search>header .heading{margin:0;align-self:flex-end}#search>header .add-block{align-self:flex-end}#search>header .add-website-button{display:flex;padding:8px 16px;gap:4px;background:#16a34a;border:1px solid #15803d;border-radius:6px;color:#fff;text-decoration:none}@media(prefers-color-scheme:dark){#search>header .add-website-button{background:linear-gradient(to right,#166534,#15803d);border-color:#16a34a}#search>header .add-website-button:hover{background:linear-gradient(to right,#14532d,#166534);border-color:#15803d}}#search>header .add-website-button svg{color:#fff}#search .website-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:32px}#search .website-list .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){#search .website-list .website-card{background:#26262c;border-color:#464653}}#search .website-list .website-card:hover{background:#e9e9ec}@media(prefers-color-scheme:dark){#search .website-list .website-card:hover{background:#2f2f37}}#search .website-list .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}#search .website-list .website-card a{text-decoration:none}#search .website-list .website-card-title{color:#000;padding:8px;border-radius:6px;z-index:10}@media(prefers-color-scheme:dark){#search .website-list .website-card-title{color:#fff}}#search .website-list .website-card-title:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;border-radius:12px}#search .website-list .website-link-out{position:absolute;bottom:8px;right:8px;padding:8px;display:flex;align-items:center;gap:4px;color:#000;border-radius:6px}#search .website-list .website-link-out:hover{color:#fff;background:#2563eb}@media(prefers-color-scheme:dark){#search .website-list .website-link-out{color:#737373}}@media(prefers-color-scheme:dark){#search .website-list .zero-results-text{color:#d4d4d8}}#submit{display:flex;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;width:100%;padding:0 16px 128px;box-sizing:border-box}#submit>form{display:flex;flex-direction:column;max-width:350px;width:100%;gap:8px;padding:16px;border-radius:8px;background:#f4f4f6;border:1px solid hsl(240,10%,88%);box-sizing:border-box}@media(prefers-color-scheme:dark){#submit>form{background:#22222a;border-color:#5c5c70}}#submit>form>header{display:flex;flex-direction:column;align-items:center}#submit>form>header h1{margin:0}@media(prefers-color-scheme:dark){#submit>form>header h1{color:#fff}}#submit>form>header p{margin:8px 0;color:#67677e}@media(prefers-color-scheme:dark){#submit>form>header p{color:#b9b9c6}}#submit>form>section{display:flex;flex-direction:column}#submit>form .website-field-section{gap:8px}#submit>form .website-field-section .website-field{display:flex;background:#f9f9fa;border:1px solid hsl(240,10%,90%);border-radius:8px;align-items:center;padding-left:8px;transition:ease .1s;transform:scale(1)}@media(prefers-color-scheme:dark){#submit>form .website-field-section .website-field{background:#2e2e38;border-color:#5c5c70}}#submit>form .website-field-section .website-field svg{color:#5555f6;cursor:text}#submit>form .website-field-section .website-field input{padding:8px;background:transparent;border:none;font-size:16px;flex-grow:1}@media(prefers-color-scheme:dark){#submit>form .website-field-section .website-field input{color:#fff}}#submit>form .website-field-section .website-field input::placeholder{color:#ababba}@media(prefers-color-scheme:dark){#submit>form .website-field-section .website-field input::placeholder{color:#8f8fa3}}#submit>form .website-field-section .website-field input:focus{outline:none}#submit>form .website-field-section .website-field:focus-within{outline:auto}#submit>form .submit-button{display:flex;-webkit-user-select:none;user-select:none;justify-content:center;background:#33c;border:1px solid hsl(240,75%,50%);padding:12px;border-radius:8px;color:#fff;font-size:16px;font-weight:500;cursor:pointer;transform:scale(1);transition:ease .1s}@media(prefers-color-scheme:dark){#submit>form .submit-button{background:#33c;border:1px solid hsl(240,75%,60%)}}#submit>form .submit-button:hover{background:#33c}@media(prefers-color-scheme:dark){#submit>form .submit-button:hover{color:#fff;background:#1e40af}}#submit>form .submit-button .loading-indicator{display:none;margin:0 auto;height:18px}#submit>form .submit-button .success-text{display:none}#submit>form[data-submitting] #submit-button .loading-indicator{display:flex;animation:spin 1s linear infinite}#submit>form[data-submitting] #submit-button .submit-text{display:none}#submit>form[data-success] #submit-button .submit-text{display:none}#submit>form[data-success] #submit-button .success-text{display:flex}#submit .contact-section{-webkit-user-select:none;user-select:none;padding:16px}#submit .contact-section a{text-decoration:none;color:#5c5c70}#submit .contact-section a:hover{color:#2e2e38}@media(prefers-color-scheme:dark){#submit .contact-section a:hover{color:#8f8fa3}}#policy-privacy{display:flex;flex-direction:column;color:#0f172a;max-width:800px;margin:0 auto;gap:8px;padding:0 32px 128px}#policy-privacy h1{font-size:26px!important}#policy-privacy h1,#policy-privacy h2,#policy-privacy h3,#policy-privacy p,#policy-privacy ul,#policy-privacy li{font-size:16px;font-weight:400;margin:0;font-family:sans-serif;line-height:1.5}#policy-privacy h1,#policy-privacy h2,#policy-privacy h3{margin-top:32px;font-weight:700}@media(prefers-color-scheme:dark){#policy-privacy h1,#policy-privacy h2,#policy-privacy h3{color:#fff}}#policy-privacy a{color:#3b82f6}@media(prefers-color-scheme:dark){#policy-privacy p,#policy-privacy li{color:#d4d4d8}}#policy-tos{display:flex;flex-direction:column;color:#0f172a;max-width:800px;margin:0 auto;gap:8px;padding:0 32px 128px}#policy-tos h1{font-size:26px!important}#policy-tos h1,#policy-tos h2,#policy-tos h3,#policy-tos p,#policy-tos ul,#policy-tos li{font-size:16px;font-weight:400;margin:0;font-family:sans-serif;line-height:1.5}#policy-tos h1,#policy-tos h2,#policy-tos h3{margin-top:32px;font-weight:700}@media(prefers-color-scheme:dark){#policy-tos h1,#policy-tos h2,#policy-tos h3{color:#fff}}#policy-tos a{color:#3b82f6}@media(prefers-color-scheme:dark){#policy-tos p,#policy-tos li{color:#d4d4d8}}#login{display:flex;flex-grow:1;flex-direction:column;justify-content:center;max-width:350px;width:100%;margin:0 auto}#login>header{text-align:center}#login>header h1{font-size:24px;font-weight:700}@media(prefers-color-scheme:dark){#login>header h1{color:#fff}}#login>header p{margin-top:4px;padding-bottom:16px;color:#737373}#login>form{margin-top:16px;display:flex;flex-direction:column;gap:24px}#login>form>div{display:flex;flex-direction:column;gap:16px}#login>form section label{display:block;font-size:14px;font-weight:500}@media(prefers-color-scheme:dark){#login>form section label{color:#a3a3a3}}#login>form section input{margin-top:4px;display:block;width:100%;padding:8px 12px;border:1px solid;border-radius:8px;box-sizing:border-box;font-size:15px;border:1px solid #d4d4d8}@media(prefers-color-scheme:dark){#login>form section input{background:#262626;border:1px solid #404040;color:#fff}}#login>form .error-container{display:none;padding:12px 16px;border:1px solid;border-radius:8px;display:flex;align-items:center}#login>form .error-container svg{width:24px;height:24px;margin-right:8px}#login>form .submit-button{-webkit-user-select:none;user-select:none;width:100%;display:flex;justify-content:center;padding:12px 16px;border-radius:8px;border:1px solid #3b82f6;background:#2563eb;font-size:16px;font-weight:medium;color:#fff}@media(prefers-color-scheme:dark){#login>form .submit-button{border:1px solid #3b82f6;background:#2563eb}}#login>footer{display:flex;flex-direction:column;gap:16px;margin-top:24px;justify-content:center;padding-bottom:32px}#login>footer a{justify-content:center;display:flex;align-items:center;text-decoration:none;color:#737373}#login>footer a:hover{color:#000}@media(prefers-color-scheme:dark){#login>footer a:hover{color:#fff}}#login>footer a svg{width:20px;height:20px;margin-right:8px}#signup{display:flex;flex-grow:1;flex-direction:column;justify-content:center;max-width:350px;width:100%;margin:0 auto}#signup>header{text-align:center}#signup>header h1{font-size:24px;font-weight:700}@media(prefers-color-scheme:dark){#signup>header h1{color:#fff}}#signup>header p{margin-top:4px;padding-bottom:16px;color:#737373}#signup>form{display:flex;flex-direction:column;gap:24px}#signup>form>div{display:flex;flex-direction:column;gap:16px}#signup>form section label{display:block;font-size:14px;font-weight:500}@media(prefers-color-scheme:dark){#signup>form section label{color:#a3a3a3}}#signup>form section input[type=text],#signup>form section input[type=email],#signup>form section input[type=password]{margin-top:4px;display:block;width:100%;padding:8px 12px;border:1px solid;border-radius:8px;box-sizing:border-box;font-size:16px;border:1px solid #d4d4d8}@media(prefers-color-scheme:dark){#signup>form section input[type=text],#signup>form section input[type=email],#signup>form section input[type=password]{background:#262626;border:1px solid #404040;color:#fff}}#signup>form #consent{display:flex;box-sizing:border-box;gap:12px;align-items:center}#signup>form #consent input[type=checkbox]{flex-shrink:0}#signup>form #consent label{color:var(--zinc-500)}#signup>form #consent label a{color:#000}@media(prefers-color-scheme:dark){#signup>form #consent label a{color:#fff}}#signup>form .error-container{display:none;padding:12px 16px;border:1px solid;border-radius:8px;display:flex;align-items:center}#signup>form .error-container svg{width:24px;height:24px;margin-right:8px}#signup>form .submit-button{-webkit-user-select:none;user-select:none;width:100%;display:flex;justify-content:center;padding:12px 16px;border-radius:8px;border:1px solid #3b82f6;background:#2563eb;font-size:16px;font-weight:medium;color:#fff}@media(prefers-color-scheme:dark){#signup>form .submit-button{border:1px solid #3b82f6;background:#2563eb}}#signup>footer{display:flex;flex-direction:column;gap:16px;margin-top:24px;justify-content:center;padding-bottom:32px}#signup>footer a{justify-content:center;display:flex;align-items:center;text-decoration:none;color:#737373}#signup>footer a:hover{color:#000}@media(prefers-color-scheme:dark){#signup>footer a:hover{color:#fff}}#signup>footer a svg{width:20px;height:20px;margin-right:8px}#reset-password-confirm{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-grow:1}#reset-password-confirm .background-graphic-light,#reset-password-confirm .background-graphic-dark{position:fixed;left:0;right:0;margin:auto;z-index:-1;transform:translateY(-50%);height:200%}#reset-password-confirm .background-graphic-light{display:block}@media(prefers-color-scheme:dark){#reset-password-confirm .background-graphic-light{display:none}}#reset-password-confirm .background-graphic-dark{display:none}@media(prefers-color-scheme:dark){#reset-password-confirm .background-graphic-dark{display:block}}#reset-password-confirm>form{background:#fcfcfd;border:1px solid hsl(240,10%,90%);padding:16px;border-radius:12px;margin-bottom:64px;max-width:480px;width:100%}#reset-password-confirm>form section{display:flex;flex-direction:column;gap:12px}#reset-password-confirm>form label{font-weight:500}@media(prefers-color-scheme:dark){#reset-password-confirm>form label{color:#e3e3e8}}#reset-password-confirm>form .field{padding:16px;background:#fff;border:1px solid hsl(240,10%,90%);border-radius:12px;display:flex;align-items:center;cursor:text}#reset-password-confirm>form .field input{font-size:16px;background:transparent;border:none;outline:none;flex-grow:1;padding-left:8px}#reset-password-confirm>form .field input::placeholder{color:#ababba}@media(prefers-color-scheme:dark){#reset-password-confirm>form .field input::placeholder{color:#73738c}}@media(prefers-color-scheme:dark){#reset-password-confirm>form .field input{color:#fff}}#reset-password-confirm>form .field:focus-within{outline:auto}#reset-password-confirm>form .field svg g{color:#73738c}@media(prefers-color-scheme:dark){#reset-password-confirm>form .field{background:#2e2e38;border:1px solid hsl(240,10%,25%)}}#reset-password-confirm>form button{padding:16px;background:#2e2eb8;border:1px solid hsl(240,60%,55%);color:#fff;border-radius:12px;font-size:16px;cursor:pointer}#reset-password-confirm>form button:hover{background:#2929a3}#reset-password-confirm>form header h1{margin:0;text-align:center}#reset-password-confirm>form header p{text-align:center;color:#73738c}@media(prefers-color-scheme:dark){#reset-password-confirm>form{background:#22222a;border:1px solid hsl(240,10%,25%)}}#reset-password{display:flex;flex-direction:column;flex-grow:1;max-width:1500px;margin:0 auto;justify-content:center;box-sizing:border-box;padding:32px}#reset-password .graphic-light,#reset-password .graphic-dark{position:fixed;left:0;right:0;top:0;bottom:0;margin:auto;z-index:-1}#reset-password .graphic-dark{display:none}@media(prefers-color-scheme:dark){#reset-password .graphic-dark{display:block}}@media(prefers-color-scheme:dark){#reset-password .graphic-light{display:none}}#reset-password>form{background:#fcfcfd;border:1px solid hsl(240,10%,90%);padding:16px;border-radius:12px;margin-bottom:128px;max-width:480px;width:100%;box-sizing:border-box}@media(prefers-color-scheme:dark){#reset-password>form{background:#22222a;border:1px solid hsl(240,10%,25%)}}#reset-password>form>header h1{margin:0}#reset-password>form>header p{padding:0 32px;color:#73738c}@media(prefers-color-scheme:dark){#reset-password>form>header p{color:#8f8fa3}}#reset-password>form>section{display:flex;flex-direction:column;gap:8px}#reset-password>form header{text-align:center}#reset-password>form[data-sent] .help-text,#reset-password>form:not([data-sent]) .sent-text,#reset-password>form[data-sent] .input-group,#reset-password>form[data-sent] .send-button,#reset-password>form:not([data-sent]) .resend-button{display:none}#reset-password .input-group{background:#fff;border:1px solid hsl(240,10%,90%);display:flex;cursor:text;padding:16px;border-radius:12px}@media(prefers-color-scheme:dark){#reset-password .input-group{background:#292932;border-color:#40404f}}#reset-password .input-group:focus-within{outline:auto}#reset-password .input-group svg{align-self:center;color:#d1d1e0}@media(prefers-color-scheme:dark){#reset-password .input-group svg{color:#818198}}#reset-password .input-group input{flex-grow:1;font-size:16px;border:0;outline:none;padding-left:4px;background:transparent}#reset-password .input-group input::placeholder{color:#d1d1e0}@media(prefers-color-scheme:dark){#reset-password .input-group input::placeholder{color:#818198}}@media(prefers-color-scheme:dark){#reset-password .input-group input{color:#fff}}#reset-password .send-button,#reset-password .resend-button{flex-grow:1;padding:16px;font-size:16px;border-radius:12px;color:#fff;cursor:pointer;border:1px solid transparent}#reset-password .send-button{background:#2626d9;border-color:#1f1f7a}@media(prefers-color-scheme:dark){#reset-password .send-button{background:#33c;border-color:#5c5cd6}#reset-password .send-button:hover{background:#2e2eb8}}#reset-password .resend-button{background:#f9f9fa;border-color:#e3e3e8;color:#2e2e38}#reset-password .resend-button:hover{background:#f4f4f6}@media(prefers-color-scheme:dark){#reset-password .resend-button:hover{background:#32323e}}@media(prefers-color-scheme:dark){#reset-password .resend-button{background:#2e2e38;border-color:#454554;color:#e3e3e8}}#profile{display:flex;flex-direction:column;flex-grow:1;justify-content:center;padding:32px 32px 128px;box-sizing:border-box;max-width:1500px;width:100%;margin:0 auto}#profile>header{margin:0 auto 48px;text-align:center}#profile>header h1{margin:0 0 8px;font-size:2rem}@media(prefers-color-scheme:dark){#profile>header h1{color:#fff}}#profile>header p{color:#5c5c70}@media(prefers-color-scheme:dark){#profile>header p{color:#ababba}}#profile>header .username-text{font-size:1.1rem;color:#737373}@media(prefers-color-scheme:dark){#profile>header .username-text{color:#a3a3a3}}#profile>header .username-link{display:inline-flex;align-items:center;gap:6px;text-decoration:none;cursor:pointer;margin-top:4px}#profile>header .username-link .username-text{color:#737373}#profile>header .username-link svg{color:#737373;width:14px;height:14px}#profile>header .username-link:hover .username-text{color:#525252}#profile>header .username-link:hover svg{color:#525252}@media(prefers-color-scheme:dark){#profile>header .username-link .username-text{color:#a3a3a3}#profile>header .username-link svg{color:#a3a3a3}#profile>header .username-link:hover .username-text{color:#d4d4d8}#profile>header .username-link:hover svg{color:#d4d4d8}}#profile .websites-section h2{margin-bottom:24px;font-size:1.5rem;font-weight:500}@media(prefers-color-scheme:dark){#profile .websites-section h2{color:#fff}}#profile .website-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:32px}#profile .website-list .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}#profile .website-list .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}#profile .website-list .website-card:hover{background:#e9e9ec}@media(prefers-color-scheme:dark){#profile .website-list .website-card{background:#26262c;border-color:#464653}#profile .website-list .website-card:hover{background:#2f2f37}}#profile .website-list .website-card a{text-decoration:none}#profile .website-list .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){#profile .website-list .website-card-title{color:#fff}}#profile .website-list .website-card-title:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;border-radius:12px}#profile .website-list .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}#profile .website-list .website-link-out:hover{color:#404040}@media(prefers-color-scheme:dark){#profile .website-list .website-link-out{color:#737373}#profile .website-list .website-link-out:hover{color:#a3a3a3}}#profile .empty-state{text-align:center;padding:64px 32px}#profile .empty-state p{color:#737373;font-size:1.1rem}@media(prefers-color-scheme:dark){#profile .empty-state p{color:#a3a3a3}}#edit-your-username-bg-graphic{position:fixed;left:0;top:0;width:100%;height:100%;z-index:-1;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#e3e3e8;object-fit:cover}@media(prefers-color-scheme:dark){#edit-your-username-bg-graphic{color:#22222a}}#edit-your-username-bg-graphic svg{width:100%;height:auto;min-height:100%}#edit-your-username-form{display:flex;flex-direction:column;background:#f4f4f6;border:1px solid hsl(240,10%,88%);max-width:400px;width:100%;margin:auto;transform:translateY(-80px);border-radius:12px;padding:16px;gap:12px;box-sizing:border-box}@media(prefers-color-scheme:dark){#edit-your-username-form{background:#22222a;border-color:#5c5c70}}@media(max-width:500px){#edit-your-username-form{width:100%}}#edit-your-username-form header h1,#edit-your-username-form header p{margin:0;text-align:center}#edit-your-username-form header p{color:#67677e}@media(prefers-color-scheme:dark){#edit-your-username-form header p{color:#b9b9c6}}#edit-your-username-form section{display:flex;flex-direction:column}#edit-your-username-form .input-field{display:flex;padding:8px;border-radius:12px;background:#fcfcfd;border:1px solid hsl(240,10%,90%);cursor:text;gap:2px}@media(prefers-color-scheme:dark){#edit-your-username-form .input-field{background:#2e2e38;border-color:#5c5c70}}#edit-your-username-form .input-field:focus-within{outline:auto}#edit-your-username-form .input-field input{background:transparent;border:none;font-size:16px;flex-grow:1}@media(prefers-color-scheme:dark){#edit-your-username-form .input-field input{color:#e3e3e8}}#edit-your-username-form .input-field input:focus{outline:none}#edit-your-username-form .input-field input::placeholder{color:gray;opacity:1}#edit-your-username-form .input-field input::placeholder{color:#ababba}@media(prefers-color-scheme:dark){#edit-your-username-form .input-field input::placeholder{color:#8f8fa3}}#edit-your-username-form .input-field span{color:#ababba}@media(prefers-color-scheme:dark){#edit-your-username-form .input-field span{color:#8f8fa3}}#edit-your-username-form .helper-text{font-size:14px;color:#8f8fa3;margin-top:6px}@media(prefers-color-scheme:dark){#edit-your-username-form .helper-text{color:#ababba}}#edit-your-username-form .input-field:has(input:invalid:not(:focus):not(:placeholder-shown)){border-color:#c33}#edit-your-username-form #save-button{padding:12px;border-radius:6px;font-size:16px;background:#33c;border:1px solid hsl(240,60%,40%);color:#fff;cursor:pointer;transition:background .2s ease,opacity .2s ease}@media(prefers-color-scheme:dark){#edit-your-username-form #save-button{border-color:#8585e0}}#edit-your-username-form #save-button:hover:not(:disabled){background:#2929a3}#edit-your-username-form #save-button:disabled{opacity:.6;cursor:not-allowed}#edit-your-username-form[data-submitting]{pointer-events:none}#edit-your-username-form[data-submitting] #save-button:after{content:"...";animation:dots 1.5s steps(4,end) infinite}@keyframes dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}