html,body{margin:0;padding:0;height:100%}*{box-sizing:border-box}body{--bg:#f2f4f8;--panel:#e9edf4;--card:#ffffff;--ink:#171a21;--ink2:#4b5262;--ink3:#6d7590;--line:#dde3ec;--line2:#eaeef4;--acc:oklch(.52 .14 255);--acc2:oklch(.6 .14 50);--ok:oklch(.56 .12 152);--danger:oklch(.53 .18 27);--acc-ink:#ffffff;--halo:rgba(70,105,220,.09);--shadow:0 1px 2px rgba(20,26,40,.04), 0 10px 30px -14px rgba(20,26,40,.16);--shadow-hover:0 2px 4px rgba(20,26,40,.06), 0 14px 34px -14px rgba(20,26,40,.22);--shadow-pop:0 4px 12px rgba(20,26,40,.08), 0 24px 60px -20px rgba(20,26,40,.3);--scrim:rgba(10,14,24,.4);--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;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-xl:16px;--track-label:.08em;--track-tag:.12em;background:var(--bg);color:var(--ink);font-family:var(--font-sans)}#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}:is(input,textarea,button):focus{outline:none}:is(button,a,[tabindex],[role=button]):focus-visible{outline:2px solid var(--acc);outline-offset:2px;border-radius:var(--r-sm)}input:focus-visible,textarea:focus-visible{outline:none;box-shadow:inset 0 -1.5px 0 var(--acc)}.strip:focus-visible{opacity:1}.lib-card :focus-visible{outline-offset:-2px}::placeholder{color:var(--ink3);opacity:1}a{color:var(--acc);text-decoration:none}a:hover{color:var(--acc2)}::selection{background:color-mix(in oklab,var(--acc) 22%,transparent)}html{scrollbar-width:thin;scrollbar-color:color-mix(in oklab,var(--ink3) 45%,transparent) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:color-mix(in oklab,var(--ink3) 35%,transparent);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:color-mix(in oklab,var(--ink3) 55%,transparent)}::-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}}.hit{position:relative}.hit:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px}.mono-btn,.ghost-btn,.crumb-btn,.delete-btn,.x-btn,.dim-x,.menu-item,.open-btn,.act-btn{transition:color .12s ease,background-color .12s ease,opacity .12s ease}.nav-row{transition:background .12s ease}.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)}.act-btn{color:var(--ink2)}.act-btn:hover{color:var(--acc)}.act-sidebar{color:var(--p-ink2)}.act-sidebar:hover{color:var(--p-ink)}.menu-item:hover{background:var(--halo)}.delete-btn{color:var(--ink2)}.delete-btn:hover{color:var(--danger)}.title-input{border-bottom:1px solid transparent}.title-input:focus{border-bottom-color:var(--line)}.dim-x{color:var(--ink3);opacity:.5}.dim-x:hover{opacity:1;color:var(--danger)}.x-btn{color:var(--ink3);opacity:.55}.x-btn:hover{opacity:1;background:var(--halo);color:var(--danger)}.strip{opacity:0;transition:opacity .12s ease}.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:border-color .12s ease,color .12s ease,background-color .12s ease}.add-end:hover{border-color:var(--acc);color:var(--acc);background:var(--halo)}.lib-card{transition:box-shadow .15s ease,transform .15s ease}.lib-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-hover)}.lib-card .x-btn,.lib-card .pencil-btn{opacity:0}.lib-card:hover .x-btn,.lib-card:focus-within .x-btn{opacity:.55}.lib-card:hover .pencil-btn,.lib-card:focus-within .pencil-btn{opacity:.55}.lib-card .x-btn:hover,.lib-card .pencil-btn:hover{opacity:1}.ed-aside{flex:0 0 292px;min-width:0;background:var(--panel);border-right:1px solid var(--p-line);display:flex;flex-direction:column}.ed-main{flex:1;min-width:0;overflow-y:auto}.ed-col{max-width:780px;margin:0 auto;padding:42px 52px 140px}.ed-topbar{display:none}@media (hover: none){.strip{opacity:.35}.lib-card .x-btn,.lib-card .pencil-btn{opacity:.5}}@media (max-width: 768px){.ed-aside{position:fixed;inset:0 auto 0 0;width:292px;z-index:60;transform:translate(-100%);transition:transform .2s ease}.ed-aside.open{transform:none}.ed-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);z-index:59}.ed-topbar{display:flex}.ed-col{padding:24px 16px 120px}}@media (max-width: 480px){.lib-head{flex-wrap:wrap}}@media (prefers-reduced-motion: reduce){*,:before,:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}