html,body{margin:0;padding:0;height:100%}*{box-sizing:border-box}body{--bg:#f2f4f8;--panel:#e9edf4;--card:#ffffff;--ink:#171a21;--ink2:#4b5262;--ink3:#8a92a4;--line:#dde3ec;--line2:#eaeef4;--acc:oklch(.52 .14 255);--acc2:oklch(.6 .14 50);--ok:oklch(.56 .12 152);--halo:rgba(70,105,220,.09);--shadow:0 1px 2px rgba(20,26,40,.04), 0 10px 30px -14px rgba(20,26,40,.16);--p-ink:#232838;--p-ink2:#6d7590;--p-line:#dbe1eb;--p-sel:#ffffff;--p-hov:rgba(20,30,60,.05);--font-sans:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif;--font-title:"Source Serif 4",Georgia,serif;--font-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;--pad-card:18px 22px;--strip:20px;background:var(--bg);color:var(--ink);font-family:var(--font-sans);transition:background-color .3s ease}#root{height:100%}button{border:0;background:none;padding:0;margin:0;color:inherit;font:inherit;cursor:pointer;text-align:left}input,textarea{border:0;background:transparent;padding:0;margin:0;color:inherit;font:inherit}textarea{resize:none}input:focus,textarea:focus,button:focus{outline:none}::placeholder{color:var(--ink3);opacity:.75}a{color:var(--acc);text-decoration:none}a:hover{color:var(--acc2)}::selection{background:color-mix(in oklab,var(--acc) 22%,transparent)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px}::-webkit-scrollbar-track{background:transparent}@keyframes fadeUp{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes popIn{0%{opacity:0;transform:scale(.97) translateY(3px)}to{opacity:1;transform:none}}.nav-row{transition:background .12s}.nav-row:hover{background:var(--p-hov)}.ghost-btn{color:var(--p-ink2)}.ghost-btn:hover{background:var(--p-hov);color:var(--p-ink)}.crumb-btn:hover{color:var(--acc)!important}.mono-btn{color:var(--ink3)}.mono-btn:hover{color:var(--acc)}.menu-item:hover{background:var(--halo)}.delete-btn{color:var(--ink3);opacity:.55}.delete-btn:hover{opacity:1;color:var(--acc2)}.title-input{border-bottom:1px solid transparent}.title-input:focus{border-bottom-color:var(--line)}.dim-x{color:var(--ink3);opacity:.35}.dim-x:hover{opacity:1}.x-btn{color:var(--ink3);opacity:.4}.x-btn:hover{opacity:1;background:var(--halo);color:var(--acc2)}.strip{opacity:0;transition:opacity .15s}.strip:hover{opacity:1}.open-btn{border:1px solid var(--line);color:var(--ink2)}.open-btn:hover{border-color:var(--acc);color:var(--acc)}.add-end{border:1.5px dashed var(--line);color:var(--ink3);transition:all .15s}.add-end:hover{border-color:var(--acc);color:var(--acc);background:var(--halo)}.lib-card{transition:box-shadow .15s,transform .15s}.lib-card:hover{transform:translateY(-1px);box-shadow:0 2px 4px #141a280f,0 14px 34px -14px #141a2838}.lib-card .x-btn{opacity:0}.lib-card:hover .x-btn{opacity:.5}.lib-card .x-btn:hover{opacity:1}