:root{--bg:#f6f5f2;--card:#fff;--text:#1d1d1f;--muted:#6b6b70;--line:#e4e2dc;--accent:#c2410c;--accent-text:#fff;--toast-accent:#ff9a66;--error:#c92a2a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#161616;--card:#1f1f1f;--text:#ededed;--muted:#9a9a9e;--line:#2f2f2f;--accent:#ff7a3d;--accent-text:#161616;--toast-accent:#b93b06;--error:#ff6b6b}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;margin:0;font:16px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}main{max-width:560px;padding:max(28px, env(safe-area-inset-top)) 16px 120px;margin:0 auto}header{align-items:center;gap:12px;min-height:40px;margin-bottom:20px;display:flex}h1{letter-spacing:-.02em;margin:0;font-size:28px}.logout{white-space:nowrap;color:var(--text);background:var(--card);border:1px solid var(--line);flex:none;margin-left:auto;padding:7px 14px;font-size:14px;font-weight:500}.logout:hover{border-color:var(--muted)}.muted{color:var(--muted)}.error{color:var(--error)}.row{gap:8px;display:flex}.chip{white-space:nowrap;color:var(--text);background:var(--card);border:1px solid var(--line);border-radius:999px;padding:7px 13px;font-size:14px;font-weight:500}.chip:hover{border-color:var(--muted)}.chip[aria-pressed=true]{color:var(--bg);background:var(--text);border-color:var(--text)}.chip .n{opacity:.65;margin-left:6px;font-size:12px}.filters{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}input[type=text],input[type=url],input[type=password]{min-width:0;font:inherit;color:var(--text);background:var(--card);border:1px solid var(--line);border-radius:10px;flex:1;padding:12px 14px}input:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:1px}button{font:inherit;color:var(--accent-text);background:var(--accent);cursor:pointer;border:0;border-radius:10px;padding:0 18px;font-weight:600}.key-form label{margin-bottom:8px;font-weight:600;display:block}.key-form button{padding:12px 18px}.hint{margin:10px 0 0;font-size:14px}ul{background:var(--card);border:1px solid var(--line);border-radius:12px;margin:16px 0 0;padding:0;list-style:none;overflow:hidden}li{background:var(--card);border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;display:flex}li:first-child{border-top:0}li.dragging{z-index:1;position:relative;box-shadow:0 8px 24px #0000002e}.tick{cursor:pointer;flex:none;place-content:center;align-self:stretch;padding:0 12px 0 14px;display:grid}.handle+.tick{padding-left:4px}.body{flex:1;min-width:0;padding:13px 0}.handle{color:var(--muted);cursor:grab;touch-action:none;background:0 0;place-content:center;align-self:stretch;padding:0 4px 0 12px;display:grid}.handle:active{cursor:grabbing}.thumb{object-fit:cover;background:var(--line);border-radius:6px;flex:none;width:auto;max-width:96px;height:54px}.watched .thumb{opacity:.5;filter:grayscale()}.title{overflow-wrap:anywhere;min-width:0}a.title{max-width:100%;color:inherit;align-items:center;gap:12px;text-decoration:none;display:inline-flex}.text{min-width:0}a.title .name{text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:3px}a.title:hover .name{text-decoration-color:currentColor}.title small{color:var(--muted);margin-top:2px;font-size:13px;display:block}.host{white-space:nowrap}.watched .title{color:var(--muted)}.watched .name,.watched a.title .name{text-decoration:line-through}input[type=checkbox]{appearance:none;border:2px solid var(--muted);cursor:pointer;border-radius:50%;flex:none;place-content:center;width:22px;height:22px;margin:0;display:grid}input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}input[type=checkbox]:checked:after{content:"";border:solid var(--accent-text);border-width:0 2px 2px 0;width:5px;height:10px;transform:translateY(-1px)rotate(45deg)}.action{color:var(--muted);background:0 0;flex:none;place-content:center;align-self:stretch;padding:0 10px;font-size:22px;font-weight:400;display:grid}.action:hover{color:var(--text)}.action.remove{padding-right:16px}.action.remove:hover{color:var(--error)}@media (hover:hover){li .action{opacity:0}li:hover .action,.action:focus-visible{opacity:1}}.tags{color:inherit;background:0 0;border-radius:6px;flex-wrap:wrap;gap:4px;margin-top:6px;padding:0;font-weight:400;display:flex}.tag{color:var(--muted);background:color-mix(in srgb, var(--text) 7%, transparent);border-radius:999px;padding:2px 8px;font-size:12px}.tag.none{border:1px dashed var(--line);background:0 0}.tags:hover .tag{color:var(--text)}.picker{flex-wrap:wrap;flex-basis:100%;align-items:center;gap:6px;padding:0 12px 12px;display:flex}.picker .chip{padding:5px 11px;font-size:13px}.picker form{display:flex}.picker input[type=text]{border-radius:999px;flex:none;width:110px;padding:5px 11px;font-size:13px}.picker .done{color:var(--accent-text);background:var(--accent);border-color:var(--accent);margin-left:auto}.edit{flex:1;gap:8px;padding:12px;display:grid}.edit input{padding:10px 12px}.edit .buttons{justify-content:flex-end}.edit button{padding:10px 16px}button.secondary{color:var(--text);border:1px solid var(--line);background:0 0}.add{position:relative}.suggestions{z-index:2;margin-top:6px;position:absolute;top:100%;left:0;right:0;box-shadow:0 10px 30px #00000029}.suggestions li{cursor:pointer;gap:12px;padding:8px 12px}.suggestions li[aria-selected=true],.suggestions li:hover{background:color-mix(in srgb, var(--accent) 10%, var(--card))}.suggestions .thumb{width:32px;height:48px}.suggestions small{color:var(--muted);margin-top:2px;font-size:13px;display:block}.empty{text-align:center;margin:36px 0}details{margin-top:28px}summary{color:var(--muted);cursor:pointer;font-size:14px;font-weight:600}.toast{left:50%;bottom:max(16px, env(safe-area-inset-bottom));width:max-content;max-width:calc(100% - 32px);color:var(--bg);background:var(--text);border-radius:10px;align-items:center;gap:8px;padding:8px 8px 8px 16px;animation:.2s ease-out toast-in;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 6px 24px #0000002e}.toast span{padding:4px 0}.toast button{color:var(--toast-accent);background:0 0;padding:6px 10px}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,16px)}}