:root{color-scheme:light;--sidebar-item: transparent;--muted-base: var(--muted);--r-full: 999px;--sidebar-w: 14rem;--main-w: 1180px}:root[data-theme=dark]{color-scheme:dark;--lift: linear-gradient(180deg, rgba(255, 238, 221, .045), rgba(255, 238, 221, 0) 42%);--sink: linear-gradient(180deg, rgba(0, 0, 0, .16), rgba(0, 0, 0, 0) 30%)}body::before{content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;background:var(--ground)}:root[data-bg=on] body::before{display:none}:root[data-theme=dark] .card,:root[data-theme=dark] .book:not(.add-tile),:root[data-theme=dark] .menu,:root[data-theme=dark] .nav-box{background-image:var(--lift)}:root[data-theme=dark] .sidebar{background-image:var(--sink)}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--text);font:var(--type-body)/1.6 var(--font-ui);-webkit-tap-highlight-color:transparent}h1,h2,h3{margin:0 0 .5rem;line-height:1.16;letter-spacing:normal;font-weight:600}p{margin:0 0 .75rem}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}:is(p:not(.crumb,.auth-back),.notice,.empty-state) a:not([class]){text-decoration:underline}.small{font-size:var(--type-body)}.sub{margin:0;max-width:62ch}:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:var(--r-sm)}html,.nav{scroll-behavior:smooth;scroll-padding-top:1rem}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important;animation-delay:0ms!important;transition-delay:0ms!important}}::view-transition-old(root),::view-transition-new(root){mix-blend-mode:normal}::view-transition-old(root){animation:none;z-index:0}::view-transition-new(root){animation:theme-fade 360ms var(--ease-out);z-index:1}@keyframes theme-fade{from{opacity:0}}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none!important}}.app{display:flex;align-items:flex-start;min-height:100vh}.sidebar{flex:none;width:var(--sidebar-w);align-self:stretch;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:1rem;padding:1rem .75rem;background:var(--sidebar);border-right:1px solid var(--border)}.brand{align-items:center;gap:.5rem;padding:.25rem .5rem;border-radius:var(--r-sm);transition:background var(--t-fast) var(--ease-out),transform var(--t-fast) var(--ease-spring)}.brand:hover{background:var(--accent-soft);text-decoration:none}.brand:active{transform:scale(.94)}@supports selector(:has(*)){@media(min-width:901px){.sidebar{position:fixed;top:0;left:0}.app:has(>.sidebar:not([hidden])){padding-left:var(--sidebar-w)}}}.nav{display:flex;flex-direction:column;gap:1rem;flex:1;min-height:0;overflow-y:auto}.nav-group{display:flex;flex-direction:column;gap:.125rem}.nav-box{display:flex;flex-direction:column;gap:.125rem;padding:.25rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--r)}.nav-list{display:flex;flex-direction:column;gap:.125rem;margin-top:.25rem}.nav-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem;border:0;border-radius:var(--r-sm);background:var(--sidebar-item);color:var(--muted);font:inherit;font-size:var(--type-body);font-weight:600;text-align:left;cursor:pointer;position:relative;transition:background var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out),transform var(--t-fast) var(--ease-out)}.nav-item:hover{background:var(--accent-soft);color:var(--text);text-decoration:none}.nav-item:active{transform:scale(.985)}.nav-item .nav-text{flex:1;min-width:0}.nav-item.active{background:var(--accent);color:var(--on-accent)}.nav-item.active .ico{opacity:1}.nav-item.active .count{background:color-mix(in srgb,var(--on-accent) 22%,transparent);color:var(--on-accent)}.nav-item.active::before{content:"";position:absolute;left:-.3rem;top:50%;width:3px;height:60%;border-radius:var(--r-full);background:var(--accent);transform:translateY(-50%) scaleY(0);animation:bar-in var(--t) var(--ease-spring) forwards}@keyframes bar-in{to{transform:translateY(-50%) scaleY(1)}}.ico{flex:none;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.85}.count{flex:none;min-width:1.5rem;padding:.05rem .25rem;border-radius:var(--r-full);background:var(--accent-soft);color:var(--muted);font-family:var(--font-ui);font-variant-numeric:tabular-nums;font-size:var(--type-body);font-weight:600;text-align:center;transition:background var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out)}.count:empty{display:none}.new-library{margin-top:.25rem;background:none;font-size:var(--type-body);color:var(--muted)}.new-library .ico{width:16px;height:16px}.new-library[aria-disabled=true]{opacity:.55;cursor:default}.nav-error{margin:.5rem 0 0;padding:.5rem;font-size:var(--type-body)}.nav-live:has(>.hidden){position:absolute}.sidebar-foot{display:flex;flex-direction:column;gap:.25rem}.account-wrap{position:relative;border-top:1px solid var(--border);margin-top:.25rem;padding-top:.5rem}.account{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem;border:0;border-radius:var(--r-sm);background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background var(--t-fast) var(--ease-out)}.account:hover{background:var(--accent-soft)}.account:hover .who,.account.active .who{color:var(--text)}.account .chev{opacity:.6;transition:transform var(--t) var(--ease-out)}.account[aria-expanded=true]{background:var(--accent-soft)}.account[aria-expanded=true] .chev{transform:rotate(180deg)}.account.active .avatar{box-shadow:0 0 0 2px var(--sidebar),0 0 0 4px var(--accent)}.menu{position:absolute;z-index:40;bottom:calc(100% - .2rem);left:0;right:0;display:flex;flex-direction:column;gap:.1rem;padding:.25rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-lift);animation:menu-in var(--t) var(--ease-out);transform-origin:bottom center}@keyframes menu-in{from{opacity:0;transform:translateY(.35rem)}}.menu-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem;border:0;border-radius:var(--r-sm);background:transparent;color:var(--muted);font:inherit;font-size:var(--type-body);font-weight:600;text-align:left;cursor:pointer;transition:background var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out)}.menu-item:hover{background:var(--accent-soft);color:var(--text);text-decoration:none}.menu-item.active{color:var(--accent)}.menu-item.danger:hover{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger)}.menu-sep{height:1px;margin:.25rem;border:0;background:var(--border)}.avatar{position:relative;flex:none;display:grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:var(--r-full);background:var(--accent);color:var(--on-accent);font-size:var(--type-body);font-weight:600;text-transform:none;overflow:hidden}#avatar-initial{font-style:normal}.avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.who{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--type-body);color:var(--muted)}:root[data-theme=dark] .ico-moon{display:none}:root:not([data-theme=dark]) .ico-sun{display:none}main{flex:1;min-width:0;max-width:var(--main-w);margin-inline:auto;padding:1.75rem 1.5rem 5rem}main:focus{outline:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}@media(max-width:900px){.app{display:block;padding-bottom:4.5rem}.app:has(.auth-wrap){padding-bottom:0}.sidebar,.sidebar-top{display:contents}.brand,.sidebar-foot{background:var(--sidebar);padding:.5rem 1rem;border-bottom:1px solid var(--border)}.brand{position:sticky;top:0;z-index:20}@media(max-height:30rem){.brand{position:static}}.brand{display:flex;border-bottom:0;padding-bottom:0}.brand:hover{background:var(--sidebar)}.sidebar-foot{flex-direction:row;align-items:center;justify-content:flex-end;gap:.5rem}.sidebar-foot .account-wrap{border-top:0;margin:0;padding:0;flex:0 1 auto}.sidebar-foot #theme,.sidebar-foot #ambient-control{width:auto;flex:0 0 auto}.sidebar-foot #theme .nav-text,.sidebar-foot #ambient-control .nav-text{display:none}.menu{top:calc(100% + .4rem);bottom:auto;left:auto;min-width:12rem;transform-origin:top right}@keyframes menu-in{from{opacity:0;transform:translateY(-.35rem)}}.nav{position:fixed;inset:auto 0 0 0;z-index:30;flex-direction:row;gap:0;padding:.25rem .5rem calc(.25rem + env(safe-area-inset-bottom,0px));background:var(--sidebar);border-top:1px solid var(--border);overflow:visible}.nav-group,.nav-head{display:contents}.nav-group[hidden]{display:none}.nav-toggle{display:none}.nav-groups{display:flex;flex:1;flex-direction:row;align-items:center;gap:0;min-width:0;overflow-x:auto;scrollbar-width:none}.nav-groups::-webkit-scrollbar{display:none}.nav-error{position:absolute;inset:auto .75rem calc(100% + .5rem)}.nav-box,.nav-list{display:contents}.nav-item{flex-direction:column;gap:.125rem;padding:.25rem;font-size:var(--type-body);text-align:center}.nav-box .nav-item,.nav-list .nav-item{flex:0 0 4.6rem}.nav-item .nav-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.new-library{flex:none;margin:0 0 0 .25rem;width:auto;padding:.25rem .5rem}.sidebar .count{position:absolute;top:.1rem;right:50%;margin-right:-1.35rem}main{padding:1rem 1rem 2rem}}@media(max-width:900px){@media not all and (max-width:820px){html:has(#nav-error:not(.hidden)){scroll-padding-bottom:calc(var(--nav-notice, 0px) + .5rem)}.app:has(#nav-error:not(.hidden)){padding-bottom:calc(var(--nav-notice, 0px) + .5rem)}}}