:root{--bg:#f7f5f2;--surface:#fff;--surface-2:#f0ece6;--border:#e0d9d0;--text:#23201d;--muted:#6d655c;--accent:#7a5c3e;--accent-text:#fff;--danger:#a33a2a;--radius:10px;--shadow:0 1px 2px #23201d14, 0 4px 12px #23201d0a;--sheet-shadow:0 -8px 30px #23201d29;--scrim:#23201d61;--pill-active-bg:color-mix(in srgb, var(--accent) 16%, var(--surface-2));--pill-active-fg:color-mix(in srgb, var(--accent) 55%, var(--text));--pill-active-bd:color-mix(in srgb, var(--accent) 32%, var(--border));--series-book:#2a78d6;--series-audio:#eb6834}@media (prefers-color-scheme:dark){:root{--bg:#17161a;--surface:#201f24;--surface-2:#2a282f;--border:#37343d;--text:#eae7e2;--muted:#a09a93;--accent:#c9a227;--accent-text:#1a1813;--danger:#e0705c;--shadow:0 1px 2px #0000004d, 0 4px 14px #0003;--sheet-shadow:0 -8px 30px #00000073;--scrim:#0000008c;--pill-active-bg:color-mix(in srgb, var(--accent) 22%, var(--surface-2));--pill-active-fg:color-mix(in srgb, var(--accent) 70%, var(--text));--pill-active-bd:color-mix(in srgb, var(--accent) 40%, var(--border));--series-book:#3987e5;--series-audio:#d95926}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}a{color:inherit}.wrap{max-width:1100px;margin:0 auto;padding:0 1rem 4rem}header.top{z-index:10;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);margin-bottom:1.5rem;position:sticky;top:0}header.top .inner{flex-wrap:wrap;align-items:center;gap:1.25rem;max-width:1100px;margin:0 auto;padding:.75rem 1rem;display:flex}.brand{letter-spacing:-.01em;font-size:1.15rem;font-weight:700;text-decoration:none}.brand span{color:var(--accent)}nav.main{gap:1rem;margin-left:auto;font-size:.95rem;display:flex}nav.main.mobile{display:none}nav.main a{color:var(--muted);border-bottom:2px solid #0000;align-items:center;gap:.4rem;padding:.25rem 0;text-decoration:none;display:inline-flex}nav.main svg{stroke-linejoin:round;width:24px;height:24px}nav.main.desktop svg{display:none}nav.main a:hover{color:var(--text)}nav.main a[aria-current=page]{color:var(--text);border-bottom-color:var(--accent)}h1{letter-spacing:-.02em;margin:0 0 .25rem;font-size:1.6rem}h2{letter-spacing:-.01em;margin:0 0 .75rem;font-size:1.05rem}.sub{color:var(--muted);margin:0 0 1.5rem;font-size:.9rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card.pad{margin-bottom:1.25rem;padding:1.25rem}.form-card{margin-top:1rem;padding:1.25rem}button,.btn{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.4rem;min-height:42px;padding:.5rem .9rem;text-decoration:none;display:inline-flex}button:hover,.btn:hover{background:var(--surface-2)}button.primary,.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}button.primary:hover,.btn.primary:hover{filter:brightness(1.08)}button.danger{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 40%, var(--border))}button.link{min-height:0;color:var(--muted);background:0 0;border:none;padding:0;text-decoration:underline}input,select,textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;width:100%;min-height:42px;padding:.5rem .6rem;font-size:16px}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 70%, transparent);outline-offset:2px}label{color:var(--muted);margin-bottom:.25rem;font-size:.85rem;display:block}.field{margin-bottom:.9rem}.row{flex-wrap:wrap;gap:.75rem;display:flex}.row>*{flex:12rem}.head-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.shelf-layout{grid-template-columns:196px 1fr;align-items:start;gap:1.75rem;display:grid}.shelf-main{min-width:0}.shelf-side{flex-direction:column;gap:1.25rem;display:flex;position:sticky;top:5rem}.side-head{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 .5rem;font-size:.72rem}.side-list{flex-direction:column;gap:2px;display:flex}.side-link{color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.5rem;min-height:0;padding:.45rem .6rem;font-size:.9rem;text-decoration:none;transition:background .15s,color .15s;display:flex}.side-link>span:first-child,.side-link .seg-label-long{overflow-wrap:anywhere;flex:1;min-width:0}.side-link:hover{background:var(--surface-2);color:var(--text)}.side-link[aria-current=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}.side-link .seg-label{display:none}.side-link.add{color:var(--accent)}.side-link.add svg{flex:none;width:15px;height:15px}.shelf-bar{margin-bottom:1.25rem}.bar-row{align-items:flex-start;gap:.75rem;display:flex}.bar-title{flex:1;min-width:0}.bar-title .sub{margin-bottom:0}.bar-tools{flex:none;gap:.4rem;display:flex}.icon-btn{width:42px;color:var(--muted);padding:0}.icon-btn.wide{width:auto;color:var(--text);gap:.35rem;padding:0 .7rem;font-size:.85rem}.icon-btn svg{width:19px;height:19px;display:block}.icon-btn[aria-expanded=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.segment{gap:.25rem;margin-top:.6rem;display:flex}.seg{border:1px solid var(--border);background:var(--surface);min-height:40px;color:var(--muted);white-space:nowrap;cursor:pointer;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:.35rem;padding:.3rem .4rem;font-size:.82rem;text-decoration:none;transition:background .18s,color .18s,border-color .18s;display:inline-flex}.seg svg{width:17px;height:17px}.seg[aria-current=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}.seg .seg-label-long{display:none}.seg-count{font-variant-numeric:tabular-nums;opacity:.75;font-size:.92em}.chips{flex-wrap:wrap;gap:.4rem;display:flex}.chip{border:1px solid var(--border);background:var(--surface);min-height:40px;color:var(--muted);white-space:nowrap;cursor:pointer;border-radius:999px;align-items:center;gap:.35rem;padding:.3rem .85rem;font-size:.85rem;text-decoration:none;transition:background .18s,color .18s,border-color .18s;display:inline-flex}.chip[aria-current=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}.chip .seg-label,.chip .seg-label-long{display:inline}.chip.add{background:0 0;border-style:dashed}.chip.add svg{width:15px;height:15px}.filter-crumb{border:1px solid var(--border);background:var(--surface-2);color:var(--muted);border-radius:999px;align-items:center;gap:.4rem;margin-bottom:1rem;padding:.35rem .7rem;font-size:.78rem;text-decoration:none;display:inline-flex}.add-form{gap:.5rem;margin-bottom:.75rem;display:flex}.add-form button{flex:none}.panel-msg{margin:0 0 .75rem}.category-list{margin:0;padding:0;font-size:.9rem;list-style:none}.category-list li{border-bottom:1px solid var(--border);align-items:center;gap:.6rem;padding:.45rem 0;display:flex}.category-list li:last-child{border-bottom:none}.category-list li>span:first-child{overflow-wrap:anywhere;flex:1;min-width:0}.danger-link{color:var(--danger)}.stack{flex-direction:column;gap:.9rem;margin-top:1rem;display:flex}.stack .field,.stack .row{margin-bottom:0}.stack .row>*{flex:7rem}.seg-field{border:none;min-width:0;margin:0;padding:0}.seg-field legend{color:var(--muted);margin-bottom:.35rem;padding:0;font-size:.85rem}.seg-field .segment{margin-top:0}.field-hint{color:var(--muted);margin:.3rem 0 0;font-size:.75rem}.new-cat{margin-top:.75rem}.seg input,.chip input{opacity:0;pointer-events:none;width:1px;height:1px;min-height:0;margin:0;position:absolute}:is(.seg:has(input:checked),.chip:has(input:checked)){background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}:is(.seg:has(input:focus-visible),.chip:has(input:focus-visible)){outline:2px solid color-mix(in srgb, var(--accent) 70%, transparent);outline-offset:2px}.more-fields>summary{align-items:center;min-height:44px;display:flex}.more-fields .stack{margin-top:.6rem}.action-bar{z-index:15;background:color-mix(in srgb, var(--bg) 94%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border);gap:.6rem;margin-top:1.25rem;padding:.7rem 0;display:flex;position:sticky;bottom:0}.action-bar .btn,.action-bar button{min-height:50px}.action-bar .grow,.action-bar form.grow{flex:1}.action-bar form.grow .btn{width:100%}.delete-row{margin-top:1.25rem}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.search-form{flex:16rem;gap:.5rem;min-width:12rem;display:flex}.search-form button{flex:none}.shelf-bar .search-form{flex:none;width:100%;margin-top:.6rem;display:none}.shelf-bar .search-form.open{animation:.18s ease-out popIn;display:flex}@keyframes popIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.shelf{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.25rem;display:grid}.item{flex-direction:column;gap:.5rem;display:flex}.cover{aspect-ratio:2/3;background:var(--surface-2);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:6px;display:block;position:relative;overflow:hidden}.cover img{object-fit:cover;width:100%;height:100%;display:block}.cover .tint{position:absolute;inset:0}.cover .placeholder{text-align:center;color:#fffffff0;text-shadow:0 1px 2px #00000040;place-items:center;padding:.6rem;font-size:.8rem;font-weight:600;line-height:1.25;display:grid;position:absolute;inset:0}.cover .type-badge{background:color-mix(in srgb, var(--surface) 85%, transparent);border:1px solid var(--border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:999px;padding:.1rem .45rem;font-size:.7rem;position:absolute;top:.4rem;right:.4rem}.progress{background:color-mix(in srgb, var(--text) 20%, transparent);height:4px;position:absolute;bottom:0;left:0;right:0}.progress>div{background:var(--accent);height:100%}.item .title{font-size:.92rem;font-weight:600;line-height:1.25;text-decoration:none}.item .author{color:var(--muted);font-size:.82rem}.pill{border:1px solid var(--border);background:var(--surface-2);min-height:32px;color:var(--muted);cursor:pointer;border-radius:999px;align-self:flex-start;padding:.3rem .65rem;font-size:.76rem;font-weight:600;transition:background .2s,color .2s,border-color .2s}.pill[data-status=active]{background:var(--pill-active-bg);border-color:var(--pill-active-bd);color:var(--pill-active-fg)}.pill[data-status=done]{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.shelf-rows{flex-direction:column;gap:.5rem;display:flex}.row-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);align-items:center;gap:.75rem;padding:.55rem .7rem;display:flex}.row-thumb{background:var(--surface-2);border-radius:4px;flex:none;width:38px;height:57px;position:relative;overflow:hidden}.row-thumb img{object-fit:cover;width:100%;height:100%;display:block}.row-thumb .tint{position:absolute;inset:0}.row-text{flex-direction:column;flex:1;min-width:0;text-decoration:none;display:flex}.row-title{text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;font-weight:600;line-height:1.25;overflow:hidden}.row-author,.row-extent{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.row-extent{margin-top:.15rem;font-size:.72rem}.row-item .pill{flex:none;align-self:center;min-height:34px}.empty{text-align:center;color:var(--muted);padding:3rem 1rem}.empty p{margin:0 0 .35rem;font-size:.9rem}.empty-lead{color:var(--text);font-size:1rem!important}.empty-actions{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:1.25rem;display:flex}.empty-actions .btn{min-height:48px;padding:0 1.25rem}.detail-head{align-items:center;gap:.6rem;margin-bottom:1.25rem;display:flex}.detail-head .head-hint{flex:1;margin:0}.detail-head .head-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.detail{grid-template-columns:220px 1fr;align-items:start;gap:2rem;display:grid}.detail>.cover{aspect-ratio:2/3}.detail-intro{margin-bottom:1.25rem}.detail-intro .sub{margin-bottom:.6rem}.detail .pill{cursor:default;align-items:center;min-height:34px;padding:.35rem .8rem;font-size:.8rem;display:inline-flex}.meta-chips{flex-wrap:wrap;gap:.3rem;display:flex}.notes{white-space:pre-wrap;margin-bottom:0}.meta{margin:0 0 1.5rem;padding:0;font-size:.9rem;list-style:none}.meta li{border-bottom:1px solid var(--border);gap:.75rem;padding:.4rem 0;display:flex}.meta li span:first-child{color:var(--muted);flex:0 0 8rem}.meta li span,code{overflow-wrap:anywhere;min-width:0}.meta li:last-child{border-bottom:none}.results{gap:.75rem;margin-top:1rem;display:grid}.result{align-items:center;gap:.9rem;padding:.75rem;display:flex}.result img,.result .thumb{object-fit:cover;background:var(--surface-2);border-radius:4px;flex:none;width:52px;height:78px}.result .grow{flex:1;min-width:0}.result .grow strong{font-size:.95rem;display:block}.result form{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.result form select{width:auto}.badges{flex-wrap:wrap;gap:.35rem;margin-top:.25rem;display:flex}.badge{color:var(--muted);border:1px solid var(--border);white-space:nowrap;border-radius:999px;padding:.1rem .5rem;font-size:.72rem}.notice{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);margin-bottom:1rem;padding:.75rem 1rem;font-size:.9rem}.notice.error{border-color:color-mix(in srgb, var(--danger) 45%, var(--border));color:var(--danger)}.stats-row.hidden{display:none}.year-segment{flex-wrap:wrap;margin-bottom:1.5rem}.year-segment .seg{font-variant-numeric:tabular-nums;flex:4.5rem}.stats-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin-bottom:1.5rem;display:grid}.tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:.9rem 1rem}.tile strong{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:1.9rem;font-weight:700;line-height:1.1;display:block}.tile span{color:var(--muted);font-size:.82rem}.chart-card h2{margin-bottom:.5rem}.chart-pair{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.25rem;display:grid}.legend{color:var(--muted);gap:1rem;margin-bottom:.75rem;font-size:.82rem;display:flex}.legend span{align-items:center;gap:.35rem;display:inline-flex}.swatch{border-radius:3px;width:10px;height:10px;display:inline-block}.swatch.book,.fill.book{background:var(--series-book)}.swatch.audio,.fill.audio{background:var(--series-audio)}.readout{color:var(--muted);font-variant-numeric:tabular-nums;min-height:1.4em;margin:0 0 .75rem;font-size:.85rem}.chart{border-bottom:1px solid var(--border);align-items:flex-end;gap:2px;padding-bottom:.35rem;display:flex}.chart .col{cursor:pointer;background:0 0;border:none;border-radius:6px;flex-direction:column;flex:1;align-items:center;gap:.25rem;min-width:0;min-height:0;padding:.15rem 0;display:flex}.chart .col:hover,.chart .col.is-active{background:var(--surface-2)}.chart .value{color:var(--muted);font-variant-numeric:tabular-nums;min-height:1em;font-size:.7rem}.chart .track{width:100%;max-width:30px;height:var(--chart-height);flex-direction:column;justify-content:flex-end;display:flex}.chart .stack{flex-direction:column;gap:2px;width:100%;display:flex}.chart .fill{border-radius:4px 4px 0 0;width:100%}.chart .stack .fill:not(:first-child){border-radius:0}.chart .xlabel{color:var(--muted);font-size:.7rem}.table-scroll{margin-top:.75rem;overflow-x:auto}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.88rem}th,td{text-align:right;border-bottom:1px solid var(--border);white-space:nowrap;padding:.4rem .6rem}th[scope=col],th[scope=row]{text-align:left;color:var(--muted);font-weight:600}tfoot th,tfoot td{border-bottom:none;font-weight:700}summary{cursor:pointer;color:var(--muted);font-size:.9rem}.sheet-layer{z-index:80;position:fixed;inset:0}.sheet-scrim{background:var(--scrim);cursor:default;border:none;border-radius:0;width:100%;min-height:0;padding:0;animation:.18s fadeIn;position:absolute;inset:0}.sheet-scrim:hover{background:var(--scrim)}.sheet{background:var(--surface);border-top:1px solid var(--border);max-height:88vh;padding:.5rem 1rem calc(1.25rem + env(safe-area-inset-bottom));box-shadow:var(--sheet-shadow);border-radius:16px 16px 0 0;animation:.24s cubic-bezier(.2,.8,.2,1) sheetUp;position:absolute;bottom:0;left:0;right:0;overflow-y:auto}@keyframes sheetUp{0%{transform:translateY(102%)}to{transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sheet-grip{background:var(--border);border-radius:2px;width:38px;height:4px;margin:0 auto .75rem}.sheet-title{margin:0 0 .15rem;font-size:.95rem;font-weight:600;line-height:1.3}.sheet-sub{color:var(--muted);margin:0 0 .9rem;font-size:.8rem}.sheet-group{color:var(--muted);margin:1.1rem 0 .5rem;font-size:.75rem}.sheet-group:first-of-type{margin-top:.9rem}.sheet-note{color:var(--muted);margin:.85rem 0 0;font-size:.75rem;line-height:1.5}.sheet .segment{margin-top:0}.sheet .seg{min-height:44px;font-size:.85rem}.sheet-chips .chip{min-height:40px}.sheet-options{flex-direction:column;gap:.5rem;display:flex}.sheet-option{border-radius:var(--radius);justify-content:flex-start;gap:.75rem;width:100%;min-height:54px;padding:.6rem .9rem;font-size:.95rem}.sheet-option .mark{text-align:center;flex:none;width:1.1rem}.sheet-option[aria-current=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}.sheet-actions{gap:.6rem;margin-top:1.25rem;display:flex}.sheet-actions .btn{flex:1;min-height:48px}.sheet-actions .btn.primary{flex:2}.swatches{grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:.4rem;display:grid}.swatch-btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-height:46px;color:var(--text);align-items:center;gap:.55rem;padding:0 .75rem;font-size:.85rem;text-decoration:none;display:flex}.swatch-btn[aria-current=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);font-weight:600}.swatch-dot{background:var(--sw-light);border:1px solid #0000001f;border-radius:999px;flex:none;width:18px;height:18px}@media (prefers-color-scheme:dark){.swatch-dot{background:var(--sw-dark);border-color:#ffffff1f}}.toast{left:1rem;right:1rem;bottom:calc(6rem + env(safe-area-inset-bottom));z-index:75;border-radius:var(--radius);background:var(--text);max-width:32rem;color:var(--bg);align-items:center;gap:.75rem;margin:0 auto;padding:.7rem .9rem;font-size:.85rem;animation:.2s ease-out popIn;display:flex;position:fixed;box-shadow:0 8px 24px #00000047}.toast>span{overflow-wrap:anywhere;flex:1;min-width:0}.toast .link{color:inherit;white-space:nowrap;font-weight:600}@media (width<=1024px){.wrap{padding-bottom:calc(6.5rem + env(safe-area-inset-bottom))}nav.main.desktop{display:none}nav.main.mobile{z-index:20;padding:.4rem .5rem calc(.4rem + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--bg) 94%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border);justify-content:space-around;gap:0;margin:0;display:flex;position:fixed;bottom:0;left:0;right:0}nav.main.mobile a{text-align:center;border-bottom:none;border-radius:10px;flex-direction:column;flex:1;justify-content:center;gap:.15rem;max-width:7rem;min-height:56px;padding:.4rem .25rem;font-size:.72rem;line-height:1.2}nav.main.mobile a[aria-current=page]{background:var(--surface);color:var(--accent);font-weight:600}}@media (width<=640px){header.top{margin-bottom:1rem}header.top .inner{padding:.6rem 1rem}h1{font-size:1.35rem}.chips{gap:.35rem}.chip{padding:.3rem .7rem;font-size:.8rem}.shelf{grid-template-columns:repeat(auto-fill,minmax(115px,1fr));gap:.9rem}.item .title{font-size:.86rem}.search-form{flex:none;width:100%}.detail{grid-template-columns:104px 1fr;gap:.9rem}.detail-body{display:contents}.detail-intro{margin-bottom:0}.detail-intro h1{font-size:1.25rem}.detail .meta,.detail .notes{grid-column:1/-1}.meta li{flex-direction:column;gap:.1rem}.meta li span:first-child{flex:none;font-size:.78rem}.result{flex-wrap:wrap}.result form{width:100%}.result form select{flex:1}.stats-row{grid-template-columns:repeat(2,1fr)}.tile strong{font-size:1.5rem}.card.pad{padding:1rem}.chart .track{max-width:22px}.chart .xlabel,.chart .value{font-size:.62rem}}@media (width<=1024px){.shelf-layout{display:block}.shelf-side,.wide-only,.wide-only-inline{display:none}.toast{bottom:calc(6.5rem + env(safe-area-inset-bottom))}.action-bar{bottom:calc(4.6rem + env(safe-area-inset-bottom))}}@media (width>=1025px){.compact-only{display:none}.shelf-bar .search-form{max-width:24rem;display:flex}.shelf-bar .chips{margin-top:.6rem}.action-bar{max-width:30rem}}.login{max-width:22rem;margin:2rem auto 0}.login .card{margin-top:1rem}.login-submit{width:100%;margin-top:.5rem}.login-error{color:var(--danger);margin:0 0 .9rem;font-size:.85rem}.logout-row{justify-content:space-between;align-items:center;gap:.75rem;font-size:.9rem;display:flex}.logout-all{margin-top:.5rem}.logout-all button{font-size:.75rem}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}