:root{color-scheme:light dark;--bg: #ffffff;--fg: #18181b;--muted: #71717a;--border: #e4e4e7;--accent: #2563eb;--danger: #dc2626;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}@media(prefers-color-scheme:dark){:root{--bg: #09090b;--fg: #fafafa;--muted: #a1a1aa;--border: #27272a;--accent: #60a5fa;--danger: #f87171}}body{margin:0;background:var(--bg);color:var(--fg)}.app{max-width:44rem;margin:0 auto;padding:2rem 1rem}.header{display:flex;align-items:center;justify-content:space-between;gap:1rem}h1{font-size:1.5rem;margin:0}button{font:inherit;padding:.4rem .75rem;border:1px solid var(--border);border-radius:.375rem;background:transparent;color:var(--fg);cursor:pointer}button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}.create{display:flex;gap:.5rem;margin:1.5rem 0 1rem}.create input{font:inherit;flex:1;padding:.4rem .6rem;border:1px solid var(--border);border-radius:.375rem;background:transparent;color:var(--fg)}.filters{display:flex;gap:.4rem;margin-bottom:1rem}.filters button{text-transform:capitalize;font-size:.85rem;padding:.25rem .6rem}.filters button.active{border-color:var(--accent);color:var(--accent)}.counts{font-size:.85rem;color:var(--muted)}.error{color:var(--danger);border:1px solid currentColor;border-radius:.375rem;padding:.6rem .75rem}.empty{color:var(--muted)}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.row{display:flex;align-items:center;gap:.6rem;padding:.6rem .75rem;border:1px solid var(--border);border-radius:.5rem}.row input[type=checkbox]{width:1.05rem;height:1.05rem;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.title{flex:1;text-align:left;border:none;background:transparent;padding:.15rem .25rem;color:inherit;font:inherit;border-radius:.25rem;cursor:text}.title:hover{background:color-mix(in srgb,var(--fg) 7%,transparent);border-color:transparent;color:inherit}.row.done .title{text-decoration:line-through;color:var(--muted)}.edit{flex:1;font:inherit;padding:.15rem .25rem;border:1px solid var(--accent);border-radius:.25rem;background:transparent;color:var(--fg)}.delete{border:none;background:transparent;color:var(--muted);font-size:1.3rem;line-height:1;padding:0 .35rem;flex-shrink:0}.delete:hover{color:var(--danger);border-color:transparent}.signin{position:relative;box-sizing:border-box;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:2rem 1rem 1.25rem;overflow:hidden}.signin:before{content:"";position:absolute;top:50%;left:50%;width:44rem;height:30rem;transform:translate(-50%,-78%);background:radial-gradient(closest-side,color-mix(in srgb,#1684fc 22%,transparent),color-mix(in srgb,#9985ff 10%,transparent) 55%,transparent);filter:blur(24px);pointer-events:none;animation:signin-glow 1.2s ease-out both}.signin-body{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:21rem;text-align:center}.signin-body>*{animation:signin-rise .5s cubic-bezier(.2,.7,.2,1) both}.signin-body>:nth-child(1){animation-delay:.05s}.signin-body>:nth-child(2){animation-delay:.12s}.signin-body>:nth-child(3){animation-delay:.19s}.signin-body>:nth-child(n+4){animation-delay:.28s}@keyframes signin-rise{0%{opacity:0;transform:translateY(10px)}}@keyframes signin-glow{0%{opacity:0}}.signin-logo{display:block;width:4.5rem;height:4.5rem}.signin-brand{margin:1.1rem 0 0;font-size:clamp(2.5rem,9vw,3.25rem);font-weight:650;line-height:1;letter-spacing:-.04em}.signin-tagline{margin:.75rem 0 0;font-size:1.05rem;color:var(--muted);letter-spacing:-.005em}.signin .error{width:100%;box-sizing:border-box;margin:1.75rem 0 0;font-size:.875rem;line-height:1.45;text-align:left;border-radius:.75rem;border-color:color-mix(in srgb,var(--danger) 35%,transparent);background:color-mix(in srgb,var(--danger) 7%,transparent)}.muted{color:var(--muted)}.providers{display:flex;flex-direction:column;gap:.625rem;width:100%;margin-top:2.25rem}.signin .error+.providers{margin-top:1rem}.provider{display:grid;grid-template-columns:1.25rem 1fr 1.25rem;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;border-radius:.75rem;font-weight:500;font-size:.95rem;background:color-mix(in srgb,var(--bg) 70%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .15s ease,border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.provider:hover:not(:disabled){color:var(--fg);border-color:color-mix(in srgb,var(--fg) 30%,var(--border));background:color-mix(in srgb,var(--fg) 4%,var(--bg));transform:translateY(-1px);box-shadow:0 4px 14px -6px color-mix(in srgb,var(--fg) 25%,transparent)}.provider:active:not(:disabled){transform:translateY(0);box-shadow:none}.provider:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.provider:disabled{opacity:.55;cursor:default}.provider-icon{display:grid;place-items:center;width:1.25rem;height:1.25rem}.provider-icon svg{width:100%;height:100%}.spinner{width:1rem;height:1rem;box-sizing:border-box;border:2px solid color-mix(in srgb,var(--fg) 25%,transparent);border-top-color:var(--fg);border-radius:50%;animation:signin-spin .7s linear infinite}@keyframes signin-spin{to{transform:rotate(360deg)}}.signin .build{position:relative;justify-content:center;margin-top:1.5rem;padding-top:0;border-top:none}@media(prefers-reduced-motion:reduce){.signin:before,.signin-body>*{animation:none}.provider{transition:none}.provider:hover:not(:disabled){transform:none}.spinner{animation-duration:2s}}.session{display:flex;align-items:center;gap:.75rem}.panel{margin-top:2rem}.panel h2{font-size:1rem;margin:0 0 .25rem}.small{font-size:.85rem}.panel .muted{margin-top:0}.badge{font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--border);border-radius:.25rem;padding:.05rem .3rem;margin-left:.5rem;color:var(--muted);vertical-align:middle}.linklike{border:none;background:transparent;color:var(--muted);padding:0;text-decoration:underline;text-underline-offset:2px}.linklike:hover{color:var(--fg)}.idline{margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border)}.idline code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;background:var(--border);padding:.1rem .3rem;border-radius:.2rem}.subhead{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:1.75rem 0 .5rem;font-weight:600}.ghost{border-color:transparent;color:var(--muted);font-size:.85rem}.ghost:disabled{opacity:.5}.email{border:1px solid var(--border);border-radius:.5rem;padding:.75rem .9rem;margin-bottom:.6rem;list-style:none}.email-head{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.email-head .title{flex:1;min-width:0;overflow-wrap:anywhere}.providers-list{list-style:none;margin:.5rem 0 0;padding:0;border-top:1px solid var(--border)}.provider-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.35rem 0 0;border:none}.provider-row .title{text-transform:capitalize}.ghost{border-color:transparent;color:var(--muted)}.ghost:hover:not(:disabled){border-color:var(--border);color:var(--fg)}.build{margin-top:2.5rem;padding-top:.75rem;border-top:1px solid var(--border);display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.75rem;color:var(--muted);font-variant-numeric:tabular-nums}.build a{color:inherit;text-decoration:none}.build a:hover{color:var(--fg);text-decoration:underline}.build-release:before{content:"·";margin-right:.5rem;text-decoration:none;display:inline-block}.build-mismatch:before{content:"·";margin-right:.5rem}