:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--line:color-mix(in srgb, currentColor 15%, transparent);--muted:color-mix(in srgb, currentColor 60%, transparent);font-family:system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{justify-content:center;margin:0;display:flex}main{width:min(32rem,100% - 2rem);padding:3rem 0}h1{margin:0}.subtitle,.count,footer{color:var(--muted);font-size:.875rem}form{gap:.5rem;margin:1.5rem 0 1rem;display:flex}input[type=text],form input{font:inherit;border:1px solid var(--line);background:0 0;border-radius:.5rem;flex:1;padding:.6rem .75rem}button{font:inherit;border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:.5rem;padding:.6rem 1rem}ul{margin:0;padding:0;list-style:none}li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:2.75rem;display:flex}li label{cursor:pointer;flex:1;align-items:center;gap:.75rem;display:flex}li.done span{color:var(--muted);text-decoration:line-through}.remove{border:none;padding:.25rem .75rem;font-size:1.25rem}.error{color:#d33}header{justify-content:space-between;align-items:center;display:flex}.status{border:1px solid var(--line);border-radius:1rem;padding:.2rem .6rem;font-size:.75rem}.status.live{color:#1a7f37;border-color:#1a7f37}.status.reconnecting{color:#b35900;border-color:#b35900}.activity{margin-top:2.5rem}.activity h2{margin:0 0 .75rem;font-size:1rem}.hint{color:var(--muted);font-size:.875rem}.event{border-bottom:1px solid var(--line);padding:.6rem 0;font-size:.875rem}.who{font-weight:600}.who.mine{color:var(--muted)}.numbers{color:var(--muted);gap:1rem;margin-top:.2rem;display:flex}.numbers strong{color:canvastext}.path{color:var(--muted);margin-top:.2rem;font-size:.75rem}