:root{--bg:#0e0e0b;--card:#14140f;--fg:#f5f4ec;--muted:#b8b7ab;--dim:#6a6a5c;--accent:#c8f542;--accent-fg:#0e0e0b;--accent-ink:#c8f542;--border:#2a2a22;--border-strong:#3a3a30;--danger:#ff5c2b;--danger-bg:#ff5c2b14;--ok:#c8f542;--ok-bg:#c8f54214;--sans:"Archivo", Helvetica, system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--bg:#f6f5ee;--card:#fff;--fg:#17170f;--muted:#4b4a3f;--dim:#7a7768;--accent-ink:#4d6600;--border:#e4e2d4;--border-strong:#d1cdb8;--danger:#b33110;--danger-bg:#b3311014;--ok:#4d6600;--ok-bg:#4d660014;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}:root[data-theme=light]{--bg:#f6f5ee;--card:#fff;--fg:#17170f;--muted:#4b4a3f;--dim:#7a7768;--accent-ink:#4d6600;--border:#e4e2d4;--border-strong:#d1cdb8;--danger:#b33110;--danger-bg:#b3311014;--ok:#4d6600;--ok-bg:#4d660014;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{font:15px/1.6 var(--sans);color:var(--fg);margin:0;background:var(--bg)!important}::selection{background:var(--accent);color:var(--accent-fg)}summary{list-style:none}summary::-webkit-details-marker{display:none}#app{max-width:760px;margin:0 auto;padding:24px 20px 48px}header.bar{border-bottom:1px solid var(--border);align-items:center;gap:12px;margin-bottom:24px;padding-bottom:20px;display:flex}header.bar .mark{width:20px;height:24px;display:block;position:relative}header.bar .mark img{width:auto;height:24px;display:block;position:absolute;inset:0}header.bar .mark .on-light{display:none}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) header.bar .mark .on-dark{display:none}:root:not([data-theme=dark]) header.bar .mark .on-light{display:block}}:root[data-theme=light] header.bar .mark .on-dark{display:none}:root[data-theme=light] header.bar .mark .on-light{display:block}header.bar .mark+h1{margin-left:-3px}header.bar h1{letter-spacing:-.02em;flex:1;margin:0;font-size:20px;font-weight:900}header.bar .status{font-family:var(--mono);color:var(--dim);font-size:12px}header.bar .version{font-family:var(--mono);color:var(--dim);font-size:11px}header.bar .theme-toggle{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;padding:6px 10px;font-size:11px}.card{background:var(--card);border:1px solid var(--border);margin-bottom:20px;padding:24px}.card h2{letter-spacing:-.01em;margin:0 0 4px;font-size:18px;font-weight:800}label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.18em;color:var(--dim);margin:16px 0 6px;font-size:11px;font-weight:600;display:block}input[type=text],input[type=password],input[type=url],input[type=search],textarea{border:1px solid var(--border-strong);width:100%;font:15px/1.4 var(--sans);background:var(--bg);color:var(--fg);border-radius:0;padding:11px 14px}textarea{resize:vertical;min-height:62px;display:block}input::placeholder,textarea::placeholder{color:var(--dim)}input:focus,textarea:focus{outline:1px solid var(--accent-ink);outline-offset:-2px;border-color:var(--accent-ink)}.hint{font-family:var(--mono);letter-spacing:.04em;color:var(--dim);min-height:1em;margin-top:6px;font-size:11px}button{font-family:var(--sans);letter-spacing:.01em;border:1px solid var(--accent);background:var(--accent);color:var(--accent-fg);cursor:pointer;border-radius:0;padding:11px 20px;font-size:14px;font-weight:800}button:hover{background:#d4ff5c;border-color:#d4ff5c}button.secondary{color:var(--fg);border-color:var(--border-strong);background:0 0}button.secondary:hover{color:var(--accent-ink);border-color:var(--accent-ink)}button:disabled{opacity:.45;cursor:progress}button:disabled:hover{background:var(--accent);border-color:var(--accent)}button.secondary:disabled:hover{border-color:var(--border-strong);background:0 0}.row{align-items:flex-end;gap:10px;display:flex}.row>*{flex:1}.row>button{flex:none}.msg{font-family:var(--mono);border:1px solid;margin-top:14px;padding:10px 14px;font-size:12px}.msg.error{border-color:var(--danger);color:var(--danger);background:var(--danger-bg)}.msg.ok{border-color:var(--ok);color:var(--ok);background:var(--ok-bg)}ul.bookmarks,ul.tree{margin:0;padding:0;list-style:none}ul.tree ul.tree{border-left:1px solid var(--border);margin-left:7px;padding-left:15px}ul.tree>li+li,ul.bookmarks>li+li{border-top:1px solid var(--border)}li.bookmark{padding:12px 0}ul.bookmarks>li{padding:14px 0}.bookmark a,.bookmark .blocked,.bookmark .unopenable,.bookmark .url{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.bookmark a,.bookmark .blocked,.bookmark .unopenable{color:var(--fg);font-weight:700;text-decoration:none}.bookmark a:hover{color:var(--accent-ink)}.bookmark .blocked{color:var(--muted);cursor:not-allowed;text-decoration:line-through}.bookmark .unopenable{color:var(--muted);cursor:default}.bookmark .url{font-family:var(--mono);color:var(--dim);margin-top:2px;font-size:12px}.bookmark .crumb{font-family:var(--mono);color:var(--dim);margin-bottom:4px;font-size:11px}.bookmark .description{color:var(--muted);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:13px;display:-webkit-box;overflow:hidden}.bookmark .tags{font-family:var(--mono);color:var(--muted);margin-top:4px;font-size:12px}li.folder>details>summary{cursor:pointer;align-items:center;gap:10px;padding:12px 0;display:flex}li.folder>details>summary:focus-visible{outline:1px solid var(--accent-ink);outline-offset:2px}li.folder .twist{font-family:var(--mono);color:var(--accent-ink);font-size:16px;line-height:1;transition:transform .15s}li.folder>details[open]>summary .twist{transform:rotate(45deg)}li.folder .name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}li.folder .n{font-family:var(--mono);color:var(--dim);margin-left:auto;font-size:11px}li.folder>details>ul.tree{padding-bottom:6px}.empty{color:var(--dim);text-align:center;padding:24px 0}ul.tree ul.tree>li.empty{text-align:left;padding:10px 0;font-size:13px}.count{font-family:var(--mono);text-transform:uppercase;letter-spacing:.18em;color:var(--dim);margin:12px 0;font-size:11px}@media (width<=560px){#app{padding:20px 16px 40px}header.bar{flex-wrap:wrap;row-gap:8px}header.bar h1{flex:1 0 auto}header.bar .status{flex-basis:100%;order:10}header.bar button{padding:9px 14px;font-size:13px}.row{flex-wrap:wrap}.row>*{flex-basis:100%}.row>button{flex:1 0 100%;margin-top:4px}}.card.setting label.checkbox{align-items:center;gap:8px;font-weight:700;display:flex}.card.setting label.checkbox input{width:auto;margin:0}.card.setting .hint{margin-top:6px}