html{height:100%}body{background:var(--zinc-50);color:var(--zinc-900);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;height:100%;margin:0;display:flex;flex-direction:column}@media (prefers-color-scheme: dark){body{background:var(--zinc-900)}}#site-nav{display:flex;justify-content:space-between;align-items:center}#site-nav section{display:flex;padding:16px}#site-nav:not([data-include~=logo]) #logo,#site-nav:not([data-include~=add-website-button]) #add-website-button,#site-nav:not([data-include~=user-menu]) #user-menu-container{display:none!important}#add-website-link{display:flex;align-items:center;padding:0 12px;color:var(--zinc-800)}@media (prefers-color-scheme: dark){#add-website-link{color:var(--zinc-50)}}#logo{color:#000;display:flex;font-weight:600;font-size:16px;user-select:none;padding:8px 16px;text-decoration:none;align-self:center;margin:0;align-items:center}#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{color:#fff}#logo .logo-beta-text{background:#fff;color:#000}}#add-website-button{display:flex;text-decoration:none;padding:8px;margin-right:8px}#add-website-button svg{align-self:center;color:#000}@media (prefers-color-scheme: dark){#add-website-button svg{color:var(--zinc-200)}}main{display:flex;flex-direction:column;flex-grow:1}#site-footer{background:#000;padding:8px;width:100%;align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap}#site-footer>a{color:#fff;padding-right:4px;text-decoration:none;font-weight:600}#site-footer>section{gap:4px;padding-left:4px;display:flex;text-decoration:none;flex-wrap:wrap}#site-footer>section>a{color:var(--zinc-400);text-decoration:none;font-size:14px}#site-footer>section>a:hover{color:#fff}#site-footer .separator{width:2px;height:2px;align-self:center;background:var(--zinc-600);border-radius:100%}#user-menu{display:none}#user-menu-container[data-show=skeleton] #user-menu-skeleton{display:block}#user-menu-container[data-show=menu] #user-menu{display:flex}#user-menu{user-select:none;cursor:pointer}#user-menu-handle{padding:8px;display:flex;align-self:center;color:#000}#user-menu-handle svg{align-self:center}@media (prefers-color-scheme: dark){#user-menu-handle{color:var(--zinc-200)}}#user-menu-list{display:flex;position:absolute;top:32px;min-width:200px;right:16px;flex-direction:column;padding:4px;gap:2px;border-radius:6px;background:var(--zinc-100);border:1px solid var(--zinc-200)}@media (prefers-color-scheme: dark){#user-menu-list{background:var(--zinc-800);border:1px solid var(--zinc-700)}}#user-menu-container:not([data-open]) #user-menu-list{display:none}#user-menu-list .websites-button{display:flex;text-decoration:none;align-items:center;cursor:pointer;padding:8px;color:var(--zinc-800);border-radius:8px;box-shadow:0 0 32px transparent;transition:box-shadow ease .1s;border:1px solid transparent}#user-menu-list .websites-button:hover{background:var(--zinc-800);color:var(--zinc-50);box-shadow:0 0 32px var(--zinc-400)}@media (prefers-color-scheme: dark){#user-menu-list .websites-button{color:var(--zinc-300)}#user-menu-list .websites-button:hover{background:var(--zinc-50);border:1px solid var(--zinc-500);color:var(--zinc-800);box-shadow:0 0 32px var(--zinc-600)}}#user-menu-list .websites-button 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:var(--zinc-800);box-shadow:0 0 32px transparent;transition:box-shadow ease .1s}#user-menu-list .logout-button:hover{background:var(--red-600);border:1px solid var(--red-700);color:#fff;box-shadow:0 0 32px var(--red-200)}@media (prefers-color-scheme: dark){#user-menu-list .logout-button{color:var(--zinc-300)}#user-menu-list .logout-button:hover{background:var(--red-600);border:1px solid var(--red-500);color:#fff;box-shadow:0 0 32px var(--red-900)}}#user-menu-list .logout-button span{flex-grow:1}#login-button{display:none;gap:4px;padding:8px 12px;color:#fff;background:var(--blue-600);text-decoration:none;border-radius:8px;cursor:pointer;user-select:none}#login-button span,#login-button svg{align-self:center}#user-menu-container[data-show=login] #login-button{display:flex}@media (prefers-color-scheme: light){#user-menu-skeleton{background:var(--zinc-200)}}@media (prefers-color-scheme: dark){#user-menu-skeleton{background:var(--zinc-800)}}#user-menu-skeleton{display:none;width:93px;height:34px;border-radius:8px}#toast-container .toast-message.toast-error .icon{color:var(--red-600)}#toast-container .toast-message.toast-error{color:var(--red-700);background:var(--red-200);border:1px solid var(--red-300)}#toast-container .toast-message.toast-error .close-button{color:var(--red-400)}@media (prefers-color-scheme: dark){#toast-container .toast-message.toast-error .icon{color:var(--red-400)}#toast-container .toast-message.toast-error{color:var(--red-200);background:var(--red-800);border:1px solid var(--red-700)}#toast-container .toast-message.toast-error .close-button{color:var(--red-400)}}#toast-container .toast-message.toast-info .icon{color:var(--zinc-600)}#toast-container .toast-message.toast-info{color:var(--zinc-700);background:var(--zinc-200);border:1px solid var(--zinc-300)}#toast-container .toast-message.toast-info .close-button{color:var(--zinc-400)}@media (prefers-color-scheme: dark){#toast-container .toast-message.toast-info .icon{color:var(--zinc-400)}#toast-container .toast-message.toast-info{color:var(--zinc-200);background:var(--zinc-800);border:1px solid var(--zinc-700)}#toast-container .toast-message.toast-info .close-button{color:var(--zinc-400)}}#toast-container .toast-message.toast-success .icon{color:var(--green-300)}#toast-container .toast-message.toast-success{color:var(--green-100);background:var(--green-600);border:1px solid var(--green-700)}#toast-container .toast-message.toast-success .close-button{color:var(--green-800)}@media (prefers-color-scheme: dark){#toast-container .toast-message.toast-success .icon{color:var(--green-300)}#toast-container .toast-message.toast-success{color:var(--green-200);background:var(--green-700);border:1px solid var(--green-600)}#toast-container .toast-message.toast-success .close-button{color:var(--green-400)}}#toast-container .toast-message.toast-warning .icon{color:var(--yellow-600)}#toast-container .toast-message.toast-warning{color:var(--yellow-700);background:var(--yellow-200);border:1px solid var(--yellow-300)}#toast-container .toast-message.toast-warning .close-button{color:var(--yellow-400)}@media (prefers-color-scheme: dark){#toast-container .toast-message.toast-warning .icon{color:var(--yellow-400)}#toast-container .toast-message.toast-warning{color:var(--yellow-200);background:var(--yellow-800);border:1px solid var(--yellow-700)}#toast-container .toast-message.toast-warning .close-button{color:var(--yellow-400)}}#toast-container{display:flex;flex-direction:column;position:fixed;left:0;right:0;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}#auth-switcher{background:var(--zinc-100);display:flex;border-radius:8px;padding:4px;user-select:none;-webkit-user-select:none;border:1px solid var(--zinc-200)}#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:var(--zinc-800);color:var(--zinc-400);border:1px solid var(--zinc-700)}#auth-switcher>div{background:#fff;color:#000}#auth-switcher a{color:var(--zinc-300)}}.checkbox{display:inline-block;appearance:none;width:24px;height:24px;border:1px solid var(--zinc-300);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;inset:0;margin:auto;transform:translateY(-2px) rotate(45deg);opacity:0;pointer-events:none}.checkbox:checked:after{opacity:1}.checkbox:checked{background-color:var(--blue-600);border-color:var(--blue-700)}@media (prefers-color-scheme: dark){.checkbox{background-color:var(--zinc-800);border-color:var(--zinc-600)}.checkbox:checked{border-color:var(--blue-500)}}:root{--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--zinc-50: #fafafa;--zinc-100: #f4f4f5;--zinc-200: #e4e4e7;--zinc-300: #d4d4d8;--zinc-400: #a3a3a3;--zinc-500: #737373;--zinc-600: #525252;--zinc-700: #404040;--zinc-800: #262626;--zinc-900: #171717;--neutral-50: #fafafa;--neutral-100: #f5f5f5;--neutral-200: #e5e5e5;--neutral-300: #d4d4d4;--neutral-400: #a3a3a3;--neutral-500: #737373;--neutral-600: #525252;--neutral-700: #404040;--neutral-800: #262626;--neutral-900: #171717;--stone-50: #fafaf9;--stone-100: #f5f5f4;--stone-200: #e7e5e4;--stone-300: #d6d3d1;--stone-400: #a8a29e;--stone-500: #78716c;--stone-600: #57534e;--stone-700: #44403c;--stone-800: #292524;--stone-900: #1c1917;--red-50: #fef2f2;--red-100: #fee2e2;--red-200: #fecaca;--red-300: #fca5a5;--red-400: #f87171;--red-500: #ef4444;--red-600: #dc2626;--red-700: #b91c1c;--red-800: #991b1b;--red-900: #7f1d1d;--orange-50: #fff7ed;--orange-100: #ffedd5;--orange-200: #fed7aa;--orange-300: #fdba74;--orange-400: #fb923c;--orange-500: #f97316;--orange-600: #ea580c;--orange-700: #c2410c;--orange-800: #9a3412;--orange-900: #7c2d12;--amber-50: #fffbeb;--amber-100: #fef3c7;--amber-200: #fde68a;--amber-300: #fcd34d;--amber-400: #fbbf24;--amber-500: #f59e0b;--amber-600: #d97706;--amber-700: #b45309;--amber-800: #92400e;--amber-900: #78350f;--yellow-50: #fefce8;--yellow-100: #fef9c3;--yellow-200: #fef08a;--yellow-300: #fde047;--yellow-400: #facc15;--yellow-500: #eab308;--yellow-600: #ca8a04;--yellow-700: #a16207;--yellow-800: #854d0e;--yellow-900: #713f12;--lime-50: #f7fee7;--lime-100: #ecfccb;--lime-200: #d9f99d;--lime-300: #bef264;--lime-400: #a3e635;--lime-500: #84cc16;--lime-600: #65a30d;--lime-700: #4d7c0f;--lime-800: #3f6212;--lime-900: #365314;--green-50: #f0fdf4;--green-100: #dcfce7;--green-200: #bbf7d0;--green-300: #86efac;--green-400: #4ade80;--green-500: #22c55e;--green-600: #16a34a;--green-700: #15803d;--green-800: #166534;--green-900: #14532d;--emerald-50: #ecfdf5;--emerald-100: #d1fae5;--emerald-200: #a7f3d0;--emerald-300: #6ee7b7;--emerald-400: #34d399;--emerald-500: #10b981;--emerald-600: #059669;--emerald-700: #047857;--emerald-800: #065f46;--emerald-900: #064e3b;--teal-50: #f0fdfa;--teal-100: #ccfbf1;--teal-200: #99f6e4;--teal-300: #5eead4;--teal-400: #2dd4bf;--teal-500: #14b8a6;--teal-600: #0d9488;--teal-700: #0f766e;--teal-800: #115e59;--teal-900: #134e4a;--cyan-50: #ecfeff;--cyan-100: #cffafe;--cyan-200: #a5f3fc;--cyan-300: #67e8f9;--cyan-400: #22d3ee;--cyan-500: #06b6d4;--cyan-600: #0891b2;--cyan-700: #0e7490;--cyan-800: #155e75;--cyan-900: #164e63;--sky-50: #f0f9ff;--sky-100: #e0f2fe;--sky-200: #bae6fd;--sky-300: #7dd3fc;--sky-400: #38bdf8;--sky-500: #0ea5e9;--sky-600: #0284c7;--sky-700: #0369a1;--sky-800: #075985;--sky-900: #0c4a6e;--blue-50: #eff6ff;--blue-100: #dbeafe;--blue-200: #bfdbfe;--blue-300: #93c5fd;--blue-400: #60a5fa;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-700: #1d4ed8;--blue-800: #1e40af;--blue-900: #1e3a8a;--indigo-50: #eef2ff;--indigo-100: #e0e7ff;--indigo-200: #c7d2fe;--indigo-300: #a5b4fc;--indigo-400: #818cf8;--indigo-500: #6366f1;--indigo-600: #4f46e5;--indigo-700: #4338ca;--indigo-800: #3730a3;--indigo-900: #312e81;--violet-50: #f5f3ff;--violet-100: #ede9fe;--violet-200: #ddd6fe;--violet-300: #c4b5fd;--violet-400: #a78bfa;--violet-500: #8b5cf6;--violet-600: #7c3aed;--violet-700: #6d28d9;--violet-800: #5b21b6;--violet-900: #4c1d95;--purple-50: #faf5ff;--purple-100: #f3e8ff;--purple-200: #e9d5ff;--purple-300: #d8b4fe;--purple-400: #c084fc;--purple-500: #a855f7;--purple-600: #9333ea;--purple-700: #7e22ce;--purple-800: #6b21a8;--purple-900: #581c87;--fuchsia-50: #fdf4ff;--fuchsia-100: #fae8ff;--fuchsia-200: #f5d0fe;--fuchsia-300: #f0abfc;--fuchsia-400: #e879f9;--fuchsia-500: #d946ef;--fuchsia-600: #c026d3;--fuchsia-700: #a21caf;--fuchsia-800: #86198f;--fuchsia-900: #701a75;--pink-50: #fdf2f8;--pink-100: #fce7f3;--pink-200: #fbcfe8;--pink-300: #f9a8d4;--pink-400: #f472b6;--pink-500: #ec4899;--pink-600: #db2777;--pink-700: #be185d;--pink-800: #9d174d;--pink-900: #831843;--rose-50: #fff1f2;--rose-100: #ffe4e6;--rose-200: #fecdd3;--rose-300: #fda4af;--rose-400: #fb7185;--rose-500: #f43f5e;--rose-600: #e11d48;--rose-700: #be123c;--rose-800: #9f1239;--rose-900: #881337}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-color-scheme: dark){body{color:#fff}}