.app-shell{--app-navigation-size:var(--sidebar-size);min-block-size:100svh}.app-sidebar{z-index:80;inset:var(--shell-gutter) auto var(--shell-gutter) var(--shell-gutter);inline-size:var(--app-navigation-size);min-block-size:calc(100svh - (var(--shell-gutter) * 2));color:var(--text);background:var(--sidebar-bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;position:fixed;overflow:hidden}.brand-lockup{min-block-size:var(--header-size);color:var(--text);font-family:var(--font-display);font-size:1.05rem;font-weight:var(--font-weight-semibold);letter-spacing:-.025em;border-block-end:1px solid #0000;align-items:center;gap:.7rem;padding-inline:1.1rem;text-decoration:none;display:flex}.brand-lockup svg{flex:none;block-size:1.8rem;inline-size:1.8rem}.app-navigation{gap:.15rem;margin-block-start:.55rem;padding-inline:.55rem;display:grid}.app-navigation__link{min-block-size:var(--control-min-size);color:var(--text-muted);border-radius:var(--radius-md);transition:color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);align-items:center;gap:.72rem;padding-inline:.75rem;font-size:.87rem;font-weight:500;text-decoration:none;display:flex}.app-navigation__icon{color:currentColor;flex:none;block-size:1.15rem;inline-size:1.15rem}.app-navigation__link:hover,.app-navigation__link:focus-visible{color:var(--text);background:color-mix(in srgb, var(--text) 5%, transparent)}.app-navigation__link--active{color:var(--text);background:var(--surface);box-shadow:var(--shadow-xs);font-weight:var(--font-weight-semibold)}.app-navigation__link--active .app-navigation__icon g{stroke-width:1.95px}.app-sidebar__settings{margin:auto .55rem 0}.app-sidebar__account{min-block-size:4.7rem;color:var(--text);border-radius:var(--radius-md);grid-template-columns:2rem minmax(0,1fr);align-items:center;gap:.65rem;margin:.35rem .65rem .55rem;padding-inline:.65rem;text-decoration:none;display:grid}.app-sidebar__account:hover,.app-sidebar__account:focus-visible{background:var(--surface);box-shadow:var(--shadow-xs)}.app-sidebar__account-copy{min-inline-size:0;display:grid}.app-sidebar__account strong,.app-sidebar__account small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-sidebar__account strong{font-size:.82rem;font-weight:var(--font-weight-semibold)}.app-sidebar__account small{color:var(--text-faint);font-size:.68rem}.account-avatar{block-size:2rem;inline-size:2rem;color:var(--action-primary-text);background:var(--action-primary);font-size:.76rem;font-weight:var(--font-weight-semibold);border-radius:50%;place-items:center;display:grid}.app-main{min-block-size:100svh;background:var(--app-bg);margin-inline-start:calc(var(--app-navigation-size) + (var(--shell-gutter) * 2))}.mobile-navigation{display:none}@media (max-width:72rem){.app-shell{--app-navigation-size:var(--sidebar-rail-size)}.brand-lockup{justify-content:center;padding-inline:0}.brand-lockup>span,.app-sidebar__account{display:none}.brand-lockup svg{block-size:2rem;inline-size:2rem}.app-navigation{gap:.25rem;padding-inline:.4rem}.app-navigation__link{flex-direction:column;justify-content:center;gap:.2rem;min-block-size:4.4rem;padding:.4rem .15rem;font-size:.68rem;line-height:1.1}.app-navigation__icon{block-size:1.35rem;inline-size:1.35rem}.app-sidebar__settings{margin:auto .4rem .55rem}}@media (max-width:43rem){.app-shell{--app-navigation-size:0rem}.app-sidebar{display:none}.app-main{margin-inline-start:0;padding-block-end:calc(var(--mobile-nav-size) + env(safe-area-inset-bottom))}.mobile-navigation{z-index:100;inset:auto var(--shell-gutter) var(--shell-gutter);min-block-size:calc(var(--mobile-nav-size) + env(safe-area-inset-bottom));padding:.25rem 0 env(safe-area-inset-bottom);color:var(--text-muted);background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-float);grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed}.mobile-navigation .app-navigation__link{min-block-size:4rem;min-inline-size:0;color:var(--text-muted);border-radius:var(--radius-md);background:0 0;flex-direction:column;justify-content:center;gap:.16rem;padding:.35rem .1rem;font-size:clamp(.64rem,2.7vw,.7rem);font-weight:500}.mobile-navigation .app-navigation__icon{block-size:1.35rem;inline-size:1.35rem}.mobile-navigation .app-navigation__link--active{color:var(--text);background:var(--surface-muted);box-shadow:none;font-weight:var(--font-weight-semibold)}}.toast-viewport{z-index:2000;inset:auto var(--space-5) var(--space-5) auto;gap:var(--space-3);inline-size:min(24rem,100vw - 2rem);margin:0;list-style:none;display:grid;position:fixed}.toast-root{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);color:var(--text-inverse);background:var(--surface-inverse);border-radius:var(--radius-lg);box-shadow:var(--shadow-float);display:flex}.toast-root>div:first-child{gap:.15rem;display:grid}.toast-root [data-radix-toast-title]{font-size:var(--text-sm);font-weight:var(--font-weight-bold)}.toast-root [data-radix-toast-description]{color:var(--text-inverse-muted);font-size:var(--text-xs)}.toast-root .icon-button{inline-size:var(--control-min-size);block-size:var(--control-min-size);min-inline-size:var(--control-min-size);min-block-size:var(--control-min-size)}@media (max-width:43rem){.toast-viewport{inset:auto 1rem calc(var(--mobile-nav-size) + env(safe-area-inset-bottom) + 1rem);inline-size:auto}}.book-cover{color:#fff;box-shadow:var(--shadow-book);background:#343a35;border:0;border-radius:.5rem .8rem .8rem .5rem;flex:none;margin:0;position:relative;overflow:hidden}.book-cover:before{z-index:2;content:"";pointer-events:none;background:#0c0f0d21;border-inline-end:1px solid #ffffff1f;inline-size:.26rem;position:absolute;inset:0 auto 0 0}.book-cover--small{aspect-ratio:2/3;inline-size:3.5rem}.book-cover--medium{aspect-ratio:2/3;inline-size:clamp(6rem,8vw,8rem)}.book-cover--large{aspect-ratio:2/3;inline-size:clamp(8rem,12vw,11.75rem)}.book-cover img{object-fit:cover;block-size:100%;inline-size:100%}.book-cover__fallback{flex-direction:column;block-size:100%;padding:15% 12% 12% 16%;display:flex;position:relative}.book-cover__title{font-family:var(--font-reading);font-size:clamp(.78rem,1.3vw,1.12rem);font-weight:var(--font-weight-bold);line-height:var(--leading-compact)}.book-cover__author{opacity:.76;margin-block-start:auto;font-size:clamp(.48rem,.7vw,.66rem)}.book-cover__vein{opacity:.28;background:currentColor;block-size:1px;position:absolute;inset:50% 14% auto;rotate:-8deg}.book-cover--paper{color:#202421;background:#e5e6e1}.book-cover--ink{background:#252c28}.book-cover--oxblood{background:#555e55}.book-cover--celadon{color:#1d211e;background:#aab6a8}.book-cover--walnut{background:#555b55}.book-cover--slate{background:#46524b}.book-spine{color:#fff;border-radius:var(--radius-md);block-size:13rem;box-shadow:var(--shadow-book);background:#343a35;border:0;flex:0 0 3rem;justify-content:space-between;align-items:center;padding:.85rem .55rem;display:flex;position:relative;overflow:hidden}.book-spine strong,.book-spine small{writing-mode:vertical-rl}.book-spine strong{font-family:var(--font-reading);font-size:.82rem}.book-spine small{opacity:.7;max-block-size:4.5rem;font-size:.52rem;overflow:hidden}.book-spine--paper,.book-spine--celadon{color:#202421}.book-spine--paper{background:#dedfd9}.book-spine--celadon{background:#9eaa9b}.book-spine--oxblood{background:#566156}.book-spine--walnut{background:#515751}.book-spine--slate{background:#3f4b44}.page-header{justify-content:space-between;align-items:center;gap:var(--space-6);min-block-size:var(--header-size);padding:0 clamp(var(--space-5), 3.2vw, var(--space-10));background:0 0;display:flex}.page-header h1{font-size:var(--text-2xl)}.page-header p{max-inline-size:52rem;color:var(--text-muted);margin-block-start:.15rem;font-size:.8rem}.page-header__actions{align-items:center;gap:var(--space-2);display:flex}@media (max-width:43rem){.page-header{min-block-size:4.65rem;padding:max(var(--space-3), env(safe-area-inset-top)) var(--space-4) var(--space-3)}.page-header h1{font-size:1.55rem}.page-header p{display:none}}.search-field{align-items:center;gap:var(--space-3);min-block-size:3rem;padding-inline:var(--space-4);color:var(--text-muted);background:var(--surface-muted);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);border:0;display:flex}.search-field:focus-within{outline:.18rem solid var(--focus);outline-offset:.18rem}.search-field input{appearance:textfield;inline-size:100%;min-inline-size:0;color:var(--text);background:0 0;border:0;outline:0}.search-field input::placeholder{color:var(--text-faint)}.search-field input::-webkit-search-cancel-button{appearance:none;display:none}.search-field input::-webkit-search-decoration{appearance:none;display:none}.search-field input::-webkit-search-results-button{appearance:none;display:none}.search-field input::-webkit-search-results-decoration{appearance:none;display:none}[data-theme=dark] .search-field{background:var(--surface-muted)}.dialog-overlay{z-index:1000;background:var(--overlay-scrim);position:fixed;inset:0}.dialog-content{z-index:1001;inline-size:min(calc(100vw - 2rem), var(--dialog-content-max));overscroll-behavior:contain;max-block-size:min(88svh,52rem);color:var(--text);background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-float);border:0;position:fixed;inset-block-start:50%;inset-inline-start:50%;overflow:hidden auto;translate:-50% -50%}.dialog-content:focus{outline:none}.dialog-header{z-index:2;justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-5) var(--space-6);background:var(--surface);border-block-end:0;display:flex;position:sticky;inset-block-start:0}.dialog-header h2{font-size:1.3rem;font-weight:var(--font-weight-semibold)}.dialog-header p{max-inline-size:50ch;color:var(--text-muted);margin-block-start:.25rem;font-size:.8rem;line-height:1.5}.dialog-header .icon-button{color:var(--text-muted);background:0 0;flex:none}.dialog-body{padding:var(--space-6)}@media (max-width:43rem){.dialog-content{border-radius:var(--radius-xl);max-block-size:min(91svh,48rem);inline-size:calc(100% - 1.5rem);inset:auto .75rem .75rem;translate:0}.dialog-content:before{z-index:4;background:var(--control-off);border-radius:var(--radius-full);content:"";block-size:.22rem;inline-size:2rem;margin:.5rem auto -.7rem;display:block;position:sticky;inset-block-start:0}.dialog-header{padding:1.25rem var(--space-4) var(--space-3);align-items:center}.dialog-header h2{font-size:1.2rem}.dialog-header p{max-inline-size:34ch;font-size:.76rem}.dialog-body{padding:var(--space-4)}}@media (prefers-reduced-motion:no-preference){.dialog-overlay[data-state=open]{animation:overlay-in var(--duration-fast) var(--ease-out)}.dialog-content[data-state=open]{animation:dialog-in var(--duration-slow) var(--ease-out)}}@keyframes overlay-in{0%{background:var(--overlay-scrim-clear)}}@keyframes dialog-in{0%{translate:-50% calc(.6rem - 50%)}}@media (max-width:43rem){@keyframes dialog-in{0%{translate:0 .75rem}}}.barcode-start{justify-items:center;gap:var(--space-4);min-block-size:18rem;padding:var(--space-10) var(--space-6);text-align:center;background:var(--surface-muted);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);border:0;display:grid}.barcode-start>svg{color:var(--accent)}.barcode-start>p{max-inline-size:30ch;color:var(--text-muted)}.barcode-camera{gap:var(--space-4);justify-items:center;display:grid;position:relative}.barcode-camera video{aspect-ratio:4/3;object-fit:cover;background:var(--ink-950);border-radius:var(--radius-xl);max-block-size:25rem;inline-size:100%;box-shadow:var(--shadow-sm)}.barcode-camera__guide{border:.16rem solid var(--scanner-guide);border-radius:var(--radius-lg);block-size:32%;box-shadow:0 0 0 100vmax var(--overlay-camera);clip-path:inset(-100vmax);pointer-events:none;position:absolute;inset-block-start:28%;inset-inline:12%}.add-book-tabs{gap:var(--space-6);display:grid}.add-book-tabs__list{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.add-book-tabs__list button{min-block-size:2.9rem;color:var(--text-muted);border-radius:var(--radius-md);background:0 0}.add-book-tabs__list button[data-state=active]{color:var(--text);background:var(--surface-muted);box-shadow:var(--shadow-xs);font-weight:var(--font-weight-bold)}.book-search-form{align-items:end;gap:var(--space-3);grid-template-columns:1fr auto;display:grid}.book-search-form__input{align-items:center;gap:var(--space-3);min-block-size:2.9rem;padding-inline:var(--space-3);background:var(--surface-muted);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);border:0;display:flex}.book-search-form__input:focus-within{outline:.18rem solid var(--focus);outline-offset:.18rem}.book-search-form__input input{background:0 0;border:0;outline:0;inline-size:100%;min-inline-size:0;padding:0}.book-provider-group{margin-block-start:var(--space-5)}.book-provider-group+.book-provider-group{border-block-start:0;padding-block-start:var(--space-4)}.book-provider-group>header{align-items:baseline;gap:var(--space-3);padding-block-end:var(--space-2);display:flex}.book-provider-group>header>span,.book-provider-group>header>a{color:var(--text-faint);font-size:var(--text-xs)}.book-provider-group>header>.book-provider-attribution{color:var(--text-muted);font-weight:var(--font-weight-bold)}.book-provider-group>header>a{text-underline-offset:.18em;margin-inline-start:auto}.book-search-results{gap:var(--space-2);list-style:none;display:grid}.book-search-results li{align-items:center;gap:var(--space-4);padding:var(--space-3);background:var(--surface-muted);border-radius:var(--radius-lg);grid-template-columns:auto 1fr auto;display:grid}.book-search-results li+li{border-block-start:0}.book-search-results li>span{min-inline-size:0;display:grid}.book-search-results strong,.book-search-results small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.book-search-results small{color:var(--text-muted)}.book-result-source{color:var(--text-faint);font-size:var(--text-xs);text-underline-offset:.18em}.add-book-empty{min-block-size:12rem;color:var(--text-muted);text-align:center;place-items:center;display:grid}.add-book-empty p{max-inline-size:38ch}.isbn-fallback{gap:var(--space-3);margin-block-start:var(--space-5);display:grid}.isbn-fallback>span{color:var(--text-muted);font-size:var(--text-sm)}.isbn-fallback>div{gap:var(--space-3);grid-template-columns:1fr auto;display:grid}.isbn-fallback input{min-block-size:2.8rem;padding-inline:var(--space-3);background:var(--surface-muted);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);border:0}.barcode-image-upload{inline-size:max-content}.manual-book-form{gap:var(--space-5);max-inline-size:32rem;margin-inline:auto;display:grid}.manual-book-form .button{justify-self:end}.dialog-status{min-block-size:1.5rem;color:var(--text-muted);font-size:var(--text-sm);margin-block-start:var(--space-4)}.dialog-status [role=alert]{color:var(--status-danger)}@media (max-width:36rem){.book-search-form,.isbn-fallback>div{grid-template-columns:1fr}.book-search-form>.button,.isbn-fallback .button{inline-size:100%}.book-search-results li{grid-template-columns:auto 1fr}.book-search-results li>.button{grid-column:1/-1}}.reading-shelf{padding:var(--space-8) clamp(var(--space-5), 3.2vw, var(--space-10)) var(--space-6);color:var(--text);background:0 0}.reading-shelf__header{justify-content:space-between;align-items:baseline;gap:var(--space-4);margin-block-end:var(--space-4);display:flex}.reading-shelf__header h2{font-size:1.12rem}.reading-shelf__header span{color:var(--text-faint);font-size:var(--text-xs)}.reading-desk{align-items:center;gap:clamp(var(--space-5), 3vw, var(--space-10));min-block-size:20rem;padding:clamp(var(--space-5), 2.5vw, var(--space-8));background:var(--surface-raised);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:0;grid-template-columns:auto minmax(14rem,1fr) 3rem minmax(17rem,.95fr);display:grid}.reading-desk__cover{text-decoration:none;display:block}.reading-desk__cover:hover .book-cover,.reading-desk__cover:focus-visible .book-cover{filter:contrast(1.025)}.reading-desk__summary{min-inline-size:0}.reading-desk__summary h3{max-inline-size:18ch;font-size:clamp(1.75rem,2.5vw,2.65rem)}.reading-desk__summary>p{color:var(--text-muted);margin-block-start:var(--space-2);font-size:1.03rem}.reading-desk__summary>strong{font-size:1.05rem;font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums;margin-block-start:clamp(var(--space-5), 3vw, var(--space-8));display:block}.reading-desk__summary>strong b{color:var(--accent);font-size:1.35rem;font-weight:var(--font-weight-semibold)}.reading-progress{block-size:.28rem;max-inline-size:17rem;background:var(--progress-track);border-radius:var(--radius-full);margin-block-start:var(--space-3);overflow:hidden}.reading-progress>span{background:var(--accent);block-size:100%;display:block}.reading-desk__summary>small{align-items:center;gap:var(--space-2);color:var(--text-muted);margin-block-start:var(--space-4);display:flex}.reading-trace{grid-template-rows:auto 1fr auto;align-self:stretch;justify-items:center;min-block-size:11rem;padding-block:1.2rem;display:grid}.reading-trace i{background:var(--accent);block-size:100%;inline-size:1px}.reading-trace span{background:var(--surface);border:1px solid var(--accent);border-radius:50%;block-size:.8rem;inline-size:.8rem}.reading-trace span:first-child{background:var(--accent)}.reading-desk__actions{align-content:center;align-self:stretch;display:grid}.reading-desk__actions>a{align-items:center;gap:var(--space-3);min-block-size:4.35rem;padding:var(--space-3) var(--space-2);color:var(--text);border-radius:var(--radius-md);border:0;grid-template-columns:1.6rem 1fr 1.2rem;text-decoration:none;display:grid}.reading-desk__actions>a:last-child{border-block-end:0}.reading-desk__actions>a:hover,.reading-desk__actions>a:focus-visible{background:var(--surface-muted);box-shadow:var(--shadow-xs)}.reading-desk__actions>a:nth-child(2)>svg:first-child{color:var(--accent)}.reading-desk__actions span{display:grid}.reading-desk__actions strong{font-size:.96rem;font-weight:var(--font-weight-semibold)}.reading-desk__actions small{color:var(--text-muted);font-size:var(--text-xs)}@media (max-width:68rem){.reading-desk{grid-template-columns:auto minmax(12rem,1fr) minmax(15rem,.9fr)}.reading-trace{display:none}}@media (max-width:52rem){.reading-desk{grid-template-columns:auto minmax(0,1fr)}.reading-desk__actions{gap:var(--space-2);grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}.reading-desk__actions>a{justify-items:center;gap:var(--space-2);text-align:center;border-block-end:0;border-inline-end:0;grid-template-columns:1fr;min-block-size:5rem}.reading-desk__actions>a:last-child{border-inline-end:0}.reading-desk__actions>a>svg:last-child,.reading-desk__actions small{display:none}}@media (max-width:43rem){.reading-shelf{padding:var(--space-5) var(--space-4) var(--space-4)}.reading-desk{gap:var(--space-4);min-block-size:0;padding:var(--space-4)}.reading-desk__cover .book-cover--large{inline-size:clamp(7.2rem,34vw,8.6rem)}.reading-desk__summary h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(1.35rem,6.3vw,1.8rem);display:-webkit-box;overflow:hidden}.reading-desk__summary>p{font-size:var(--text-sm)}.reading-desk__summary>strong{font-size:var(--text-sm);margin-block-start:var(--space-4)}.reading-desk__summary>strong b{font-size:1rem}.reading-desk__summary>small{font-size:var(--text-xs);margin-block-start:var(--space-3)}.reading-desk__actions{margin-block-start:var(--space-2)}.reading-desk__actions>a{min-block-size:4.8rem;padding-inline:var(--space-2)}.reading-desk__actions>a:nth-child(2){color:var(--action-primary-text);background:var(--action-primary);box-shadow:var(--shadow-sm)}.reading-desk__actions>a:nth-child(2)>svg:first-child{color:var(--action-primary-text)}.reading-desk__actions strong{font-size:.85rem}}.bookshelf-page{background:var(--app-bg);min-block-size:100svh;position:relative}.bookshelf-search{z-index:3;inline-size:min(27rem,38vw);position:absolute;inset-block-start:.75rem;inset-inline-end:clamp(10.5rem,15vw,12rem)}.bookshelf-add{align-items:center;gap:var(--space-2);display:inline-flex}.page-header .bookshelf-search-toggle{display:none}.all-books{margin:0 clamp(var(--space-5), 3.2vw, var(--space-10)) var(--space-8);padding:var(--space-6) clamp(var(--space-5), 3.2vw, var(--space-10)) var(--space-16);color:var(--text);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border-block-start:0}.all-books>header{justify-content:space-between;align-items:baseline;gap:var(--space-4);margin-block-end:var(--space-5);display:flex}.all-books>header h2{font-size:1.25rem}.all-books>header span{color:var(--text-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.all-books ul{gap:clamp(var(--space-5), 2.6vw, var(--space-8));grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));list-style:none;display:grid}.all-books li{min-inline-size:0}.all-books li>a{justify-items:start;gap:var(--space-3);min-inline-size:0;color:var(--text);text-decoration:none;display:grid}.all-books li>a:hover .book-cover,.all-books li>a:focus-visible .book-cover{filter:contrast(1.03)}.all-books__meta{inline-size:100%;min-inline-size:0;display:grid}.all-books__meta strong,.all-books__meta small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.all-books__meta strong{font-size:var(--text-sm);font-weight:var(--font-weight-semibold)}.all-books__meta small{color:var(--text-muted);font-size:var(--text-xs)}.all-books__meta>span{color:var(--accent);font-size:.68rem;font-weight:var(--font-weight-semibold);margin-block-start:var(--space-1)}.all-books__empty,.empty-library{place-content:center;justify-items:center;gap:var(--space-3);color:var(--text-muted);text-align:center;display:grid}.all-books__empty{min-block-size:16rem}.empty-library{min-block-size:100svh;padding:var(--space-6)}@media (max-width:60rem){.bookshelf-search{inline-size:min(22rem,36vw);inset-inline-end:10.25rem}}@media (max-width:52rem){.bookshelf-search{inline-size:auto;padding:var(--space-3) var(--space-5) 0;position:relative;inset:auto}}@media (max-width:43rem){.page-header .bookshelf-search-toggle{color:var(--text);background:0 0;display:inline-grid}.bookshelf-search{padding:var(--space-3) var(--space-4) 0;display:none}.bookshelf-search--open{display:block}.bookshelf-add{min-inline-size:var(--control-min-size);padding-inline:.72rem}.bookshelf-add__label{display:none}.all-books.paper-surface{padding:var(--space-5) var(--space-4) var(--space-10);box-shadow:none;background:0 0;border-radius:0;margin:0}.all-books ul{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr))}.all-books li>a{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:0;gap:0;overflow:hidden}.all-books .book-cover--medium{inline-size:100%;box-shadow:none;border:0;border-block-end:0;border-radius:0}.all-books__meta{padding:.68rem .72rem .75rem}}.capture-form,.voice-capture,.photo-capture{gap:var(--space-4);display:grid}.capture-form__actions{justify-content:flex-end;align-items:center;gap:var(--space-3);margin-block-start:var(--space-3);display:flex}.voice-capture{align-items:start}.voice-capture__recorder{align-items:center;gap:var(--space-4);inline-size:100%;padding:var(--space-4);background:var(--surface-muted);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:background-color var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out);border:0;grid-template-columns:auto minmax(0,1fr);display:grid}.voice-capture__recorder--active{background:var(--accent-soft);box-shadow:var(--shadow-sm)}.voice-record-button{block-size:4.25rem;inline-size:4.25rem;color:var(--action-primary-text);background:var(--action-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:background-color var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out);border:0;place-items:center;display:grid}.voice-record-button:hover,.voice-record-button:focus-visible{background:var(--action-primary-hover)}.voice-record-button--active{color:var(--accent);background:var(--surface);box-shadow:var(--shadow-sm)}.voice-capture__state{min-inline-size:0;color:var(--text);gap:.2rem;display:grid}.voice-capture__state strong{font-size:var(--text-base);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums}.voice-capture__state span{color:var(--text-muted);font-size:var(--text-xs);line-height:var(--leading-ui)}.voice-capture audio{inline-size:min(100%,28rem)}.voice-transcript,.voice-capture>.field{justify-self:stretch;inline-size:100%}.voice-transcript textarea{min-block-size:6.5rem}.voice-page-field{padding:var(--space-3);background:var(--surface-muted);border-radius:var(--radius-md);border:0;grid-template-columns:minmax(0,1fr) auto;align-items:center}.voice-page-field__control{color:var(--text-muted);font-size:var(--text-sm);align-items:center;gap:.45rem;display:inline-flex}.field .voice-page-field__control input{inline-size:5.25rem;min-block-size:var(--control-min-size);text-align:center;font-variant-numeric:tabular-nums;padding:.45rem .65rem}.voice-capture .field-error,.photo-capture .field-error,.capture-form .field-error{padding:var(--space-3);background:var(--status-danger-soft);border-radius:var(--radius-md);margin:0}.photo-dropzone{place-items:center;gap:var(--space-3);min-block-size:15rem;color:var(--text-muted);text-align:center;background:var(--surface-muted);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);cursor:pointer;border:0;display:grid;position:relative;overflow:hidden}.photo-dropzone:hover,.photo-dropzone:focus-within{background:var(--surface-tint-hover)}.photo-dropzone img{object-fit:contain;max-block-size:22rem;inline-size:100%}.photo-dropzone strong{color:var(--text)}.photo-dropzone span{max-inline-size:36ch;font-size:var(--text-sm)}.ocr-progress{align-items:center;gap:var(--space-2) var(--space-4);color:var(--text-muted);font-size:var(--text-sm);grid-template-columns:1fr auto;display:grid}.ocr-progress progress{background:var(--progress-track);border-radius:var(--radius-full);border:0;grid-column:1/-1;block-size:.4rem;inline-size:100%;overflow:hidden}.ocr-progress progress::-webkit-progress-bar{background:var(--progress-track)}.ocr-progress progress::-webkit-progress-value{background:var(--accent)}.ocr-progress progress::-moz-progress-bar{background:var(--accent)}.ocr-progress b{color:var(--text);font-variant-numeric:tabular-nums;grid-area:1/2}@media (max-width:43rem){.voice-capture,.capture-form,.photo-capture{gap:var(--space-4)}.voice-capture__recorder{padding:.9rem}.voice-record-button{block-size:4rem;inline-size:4rem}.voice-transcript textarea{min-block-size:6rem}.photo-dropzone{min-block-size:11rem}.capture-form__actions{inline-size:calc(100% + (var(--space-4) * 2));margin:var(--space-2) calc(var(--space-4) * -1) calc(var(--space-4) * -1);padding:var(--space-3) var(--space-4) max(var(--space-4), env(safe-area-inset-bottom));background:var(--surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-up);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);display:grid;position:sticky;inset-block-end:0}.capture-form__actions .button{inline-size:100%;min-inline-size:0}.capture-form__actions .button--text{color:var(--text-muted);background:var(--surface-muted);border:0;padding-inline:.6rem}.capture-form__actions .button--primary{inline-size:100%}}.reading-page{min-block-size:100svh;background:var(--app-bg);padding-block-end:var(--space-16)}.reading-hero{padding:0 clamp(var(--space-5), 4vw, var(--space-12)) var(--space-5);color:var(--text);background:0 0}.reading-hero__back{align-items:center;gap:var(--space-2);min-block-size:3rem;color:var(--text-muted);font-size:var(--text-sm);margin-block:.5rem;text-decoration:none;display:inline-flex}.reading-hero__back:hover,.reading-hero__back:focus-visible{color:var(--text)}.reading-hero__book{justify-content:center;align-items:center;gap:clamp(var(--space-8), 6vw, var(--space-16));min-block-size:22rem;max-inline-size:var(--reading-content-max);padding:var(--space-8);background:var(--surface-muted);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:0;margin-inline:auto;display:flex}.reading-hero__book>.book-cover{z-index:2}.reading-hero__details{inline-size:min(29rem,48vw)}.reading-hero__details h1{max-inline-size:16ch;font-size:var(--text-3xl)}.reading-hero__details>p{color:var(--text-muted);margin-block-start:var(--space-2);font-size:1.08rem}.reading-hero__source{color:var(--text-faint);font-size:var(--text-xs);text-underline-offset:.18em;margin-block-start:var(--space-3);display:inline-block}.reading-hero__details>strong{font-size:1.06rem;font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums;margin-block-start:var(--space-8);display:block}.reading-hero__progress{block-size:.28rem;background:var(--progress-track);border-radius:var(--radius-full);margin-block-start:var(--space-4);position:relative}.reading-hero__progress span{background:var(--accent);block-size:100%;display:block}.reading-hero__progress i{background:var(--surface);border:1px solid var(--accent);border-radius:50%;block-size:.65rem;inline-size:.65rem;position:absolute;inset-block-start:50%;translate:-50% -50%}.reading-hero__details>small{color:var(--text-faint);margin-block-start:var(--space-4);display:block}.capture-dock{max-inline-size:var(--reading-content-max);margin:var(--space-4) auto 0;padding:var(--space-4) var(--space-8);color:var(--text);background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:0;grid-template-columns:repeat(3,minmax(8rem,1fr));display:grid;position:relative}.capture-dock>button{place-items:center start;gap:0 var(--space-3);min-block-size:4.8rem;padding:var(--space-3) var(--space-5);color:var(--text);text-align:start;background:0 0;grid-template-columns:auto 1fr;display:grid}.capture-dock>button+button{border-inline-start:0}.capture-dock>button:hover,.capture-dock>button:focus-visible{background:var(--surface-muted);border-radius:var(--radius-md)}.capture-dock>button strong{font-size:.96rem;font-weight:var(--font-weight-semibold)}.capture-dock>button small{color:var(--text-muted);font-size:var(--text-xs);grid-column:2}.capture-dock__voice{border-radius:var(--radius-md);box-shadow:var(--shadow-xs);color:var(--action-primary-text)!important;background:var(--action-primary)!important}.capture-dock__voice>svg{block-size:1.7rem;inline-size:1.7rem;color:var(--action-primary-text);box-shadow:none;background:0 0;border-radius:0;padding:0}.capture-dock__voice small{color:var(--action-primary-muted)!important}.reading-trail{max-inline-size:var(--reading-content-max);margin:var(--space-10) auto 0;padding:0 var(--space-8);color:var(--text)}.reading-trail>header{justify-content:space-between;align-items:baseline;gap:var(--space-4);border-block-end:0;padding-block-end:var(--space-4);display:flex}.reading-trail>header h2{font-size:1.35rem}.reading-trail>header span{color:var(--text-muted);font-size:var(--text-sm)}.reading-trail ol{gap:var(--space-4);list-style:none;display:grid}.reading-trail li{grid-template-columns:2rem minmax(0, 1fr) var(--control-min-size);gap:var(--space-4);min-block-size:7.5rem;padding:var(--space-5);background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);border:0;display:grid}.reading-trail__marker{color:var(--accent);place-items:start center;padding-block-start:.2rem;display:grid}.reading-trail article{min-inline-size:0}.reading-trail article>p{max-inline-size:42ch;font-family:var(--font-reading);font-size:clamp(1.08rem,1rem + .35vw,1.28rem);line-height:var(--leading-reading)}.reading-trail article footer{gap:var(--space-2) var(--space-4);color:var(--text-muted);font-size:var(--text-sm);flex-wrap:wrap;margin-block-start:var(--space-3);display:flex}.reading-trail article footer strong{color:var(--accent)}.reading-trail__empty{min-block-size:12rem;color:var(--text-muted);text-align:center;place-content:center;display:grid}.reading-not-found{justify-items:center;gap:var(--space-5);place-content:center;min-block-size:100svh;display:grid}@media (max-width:43rem){.reading-page{padding-block-end:var(--space-8)}.reading-hero{padding:0 var(--space-4)}.reading-hero__back{margin-inline:0}.reading-hero__book{align-items:center;gap:var(--space-5);min-block-size:0;padding:var(--space-5) var(--space-4)}.reading-hero__book .book-cover--large{inline-size:clamp(7.5rem,34vw,9rem)}.reading-hero__details{inline-size:min(48vw,14rem)}.reading-hero__details h1{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(1.6rem,8vw,2.2rem);display:-webkit-box;overflow:hidden}.reading-hero__details>p{font-size:var(--text-sm)}.reading-hero__source{display:none}.reading-hero__details>strong{font-size:var(--text-sm);margin-block-start:var(--space-5)}.reading-hero__details>small{font-size:var(--text-xs)}.capture-dock{inline-size:calc(100% - (var(--space-4) * 2));grid-template-columns:repeat(3,minmax(0,1fr));max-inline-size:none;padding:0}.capture-dock>button{justify-items:center;gap:var(--space-2);min-block-size:4.8rem;padding:var(--space-3) var(--space-2);text-align:center;grid-template-columns:1fr}.capture-dock>button small{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.capture-dock>button strong{font-size:.82rem}.reading-trail{padding-inline:var(--space-4);margin-block-start:var(--space-8)}.reading-trail li{gap:var(--space-3);grid-template-columns:1.5rem minmax(0,1fr) 2rem}}.app-loading,.app-fatal{align-content:center;place-items:center;gap:var(--space-4);min-block-size:100svh;padding:var(--space-8);color:var(--text);text-align:center;display:grid}.app-loading svg,.app-fatal svg{color:var(--accent-muted)}.app-loading span{color:var(--text-muted);font-family:var(--font-display)}.app-loading--compact{min-block-size:55svh}.app-fatal p{max-inline-size:42rem;color:var(--text-muted)}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink-1000:#101311;--ink-950:#171a18;--ink-900:#202421;--ink-850:#2a2e2b;--ink-800:#343a35;--ink-700:#4b514c;--ink-500:#707671;--ink-300:#a8ada8;--ink-200:#c8ccc8;--paper-25:#fff;--paper-50:#fafbfa;--paper-100:#f1f3f0;--paper-150:#e9ece8;--paper-200:#dfe3de;--paper-300:#cbd0cb;--app-bg:#ecefeb;--sidebar-bg:#e5e9e4;--surface:#fff;--surface-raised:#fff;--surface-muted:#f4f6f3;--surface-hover:#ecefeb;--surface-selected:#e6ece5;--surface-tint:color-mix(in srgb, var(--accent) 4%, var(--surface));--surface-tint-hover:color-mix(in srgb, var(--accent) 6%, var(--surface));--surface-inverse:#242724;--surface-inverse-hover:#343834;--text:var(--ink-950);--text-muted:#4f5650;--text-faint:#5e655f;--text-inverse:#fff;--text-inverse-muted:#ffffffb3;--text-inverse-faint:#ffffff94;--line:#171a181c;--line-strong:#171a1838;--focus:#315ee7;--accent:#536f54;--accent-soft:#e6ece5;--accent-line:#668166;--accent-muted:#6f796e;--scanner-guide:#8b9589;--action-primary:var(--surface-inverse);--action-primary-hover:var(--surface-inverse-hover);--action-primary-text:var(--text-inverse);--action-primary-muted:#ffffffa8;--overlay-scrim:#0d0f0e6b;--overlay-scrim-clear:#0d0f0e00;--overlay-camera:#050e0b61;--status-danger:#a33a36;--status-danger-soft:color-mix(in srgb, var(--status-danger) 8%, var(--surface));--status-success:#3e6b4b;--status-success-soft:color-mix(in srgb, var(--status-success) 10%, transparent);--status-warning:#8a641f;--status-warning-soft:color-mix(in srgb, var(--status-warning) 11%, transparent);--progress-track:#dfe3de;--control-off:#858c86;--control-knob:#fff;--walnut-900:var(--ink-950);--walnut-800:#242825;--walnut-700:#303531;--walnut-600:#424843;--oxblood-700:#3f5740;--oxblood-600:var(--accent);--oxblood-500:var(--accent-line);--brass-500:var(--accent-muted);--brass-400:var(--scanner-guide);--danger:var(--status-danger);--success:var(--status-success);--warning:var(--status-warning);--font-ui:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI Variable Text", "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;--font-display:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI Variable Display", "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", sans-serif;--font-reading:"Iowan Old Style", "Songti SC", "STSong", "Noto Serif CJK SC", "Source Han Serif SC", serif;--font-body:var(--font-ui);--font-data:var(--font-ui);--font-mono:"SFMono-Regular", "Cascadia Code", "Cascadia Mono", ui-monospace, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:clamp(1.5rem, 1.35rem + .55vw, 1.9rem);--text-3xl:clamp(2rem, 1.55rem + 1.5vw, 3rem);--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:620;--font-weight-bold:700;--leading-tight:1.22;--leading-compact:1.3;--leading-ui:1.45;--leading-body:1.55;--leading-reading:1.75;--leading-longform:2;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:.75rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-xl:2rem;--radius-full:999px;--shadow-xs:0 .125rem .35rem #1419150f, 0 .4rem 1rem #1419150d;--shadow-sm:0 .25rem .75rem #1419150f, 0 .9rem 2.2rem #14191512;--shadow-md:0 .6rem 1.4rem #14191514, 0 1.5rem 3.8rem #1419151a;--shadow-float:0 1rem 2.4rem #0c0f0d1f, 0 2.2rem 5rem #0c0f0d24;--shadow-paper:var(--shadow-sm);--shadow-book:0 .3rem .8rem #14191524, 0 1rem 2rem #1419151a;--shadow-up:0 -.75rem 2rem #14191512;--shadow-inset:inset 0 .12rem .3rem #1419152e;--control-min-size:2.75rem;--control-input-size:2.9rem;--shell-gutter:.75rem;--sidebar-size:15rem;--sidebar-rail-size:5.75rem;--mobile-nav-size:4.55rem;--header-size:4.75rem;--content-max:82rem;--reading-content-max:62rem;--dialog-content-max:40rem;--duration-fast:.14s;--duration-base:.16s;--duration-slow:.17s;--ease-out:cubic-bezier(.2, .8, .2, 1)}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--app-bg:#161916;--sidebar-bg:#1c201c;--surface:#202420;--surface-raised:#252a25;--surface-muted:#292e29;--surface-hover:#303630;--surface-selected:#2b372b;--surface-tint:color-mix(in srgb, var(--accent) 7%, var(--surface));--surface-tint-hover:color-mix(in srgb, var(--accent) 10%, var(--surface));--surface-inverse:#f1f3f0;--surface-inverse-hover:#dfe3de;--text:#f1f3f0;--text-muted:#c2c8c2;--text-faint:#aab1aa;--text-inverse:#171a18;--text-inverse-muted:#171a18b3;--text-inverse-faint:#171a1894;--line:#f2f5f11c;--line-strong:#f2f5f13b;--focus:#86a5ff;--accent:#91ab90;--accent-soft:#2b372b;--accent-line:#7f997e;--accent-muted:#a9b5a8;--scanner-guide:#b9c5b7;--action-primary:var(--surface-inverse);--action-primary-hover:var(--surface-inverse-hover);--action-primary-text:var(--text-inverse);--action-primary-muted:#171a18a8;--overlay-scrim:#0507069e;--overlay-scrim-clear:#05070600;--overlay-camera:#02040394;--status-danger:#ff9b94;--status-danger-soft:color-mix(in srgb, var(--status-danger) 13%, var(--surface));--status-success:#83cf98;--status-success-soft:color-mix(in srgb, var(--status-success) 13%, transparent);--status-warning:#e7bd68;--status-warning-soft:color-mix(in srgb, var(--status-warning) 14%, transparent);--progress-track:#3b413b;--control-off:#727b72;--control-knob:#f1f3f0}@media (prefers-contrast:more){:root{--text-muted:var(--ink-900);--text-faint:var(--ink-800);--line:#10131173;--line-strong:#101311b8}[data-theme=dark]{--text-muted:#fff;--text-faint:#fff;--line:#ffffff73;--line-strong:#ffffffc7}}*,:before,:after{box-sizing:border-box}html{background:var(--app-bg);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;min-inline-size:20rem;font-size:100%}body{min-block-size:100svh;color:var(--text);background:var(--app-bg);font-family:var(--font-body);font-size:var(--text-base);font-synthesis:none;line-height:var(--leading-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;overflow-x:hidden}button,input,textarea,select{color:inherit;font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.56}a{color:inherit}img,svg,video,canvas{max-inline-size:100%;display:block}h1,h2,h3,p{margin-block:0}h1,h2,h3{font-family:var(--font-display);font-weight:var(--font-weight-semibold);line-height:var(--leading-tight);letter-spacing:-.025em}ul,ol{margin:0;padding:0}::selection{color:var(--action-primary-text);background:var(--action-primary)}:focus-visible{outline:.16rem solid var(--focus);outline-offset:.16rem}:focus:not(:focus-visible){outline:none}.skip-link{z-index:5000;color:var(--action-primary-text);background:var(--action-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:.7rem 1rem;text-decoration:none;position:fixed;inset-block-start:var(--space-3);inset-inline-start:var(--space-3);translate:0 -160%}.skip-link:focus{translate:0}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;block-size:1px!important;inline-size:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.button{min-block-size:var(--control-min-size);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);padding:.62rem 1rem}.button--primary{color:var(--action-primary-text);background:var(--action-primary);box-shadow:var(--shadow-xs);border:0}.button--primary:hover,.button--primary:focus-visible{background:var(--action-primary-hover);box-shadow:var(--shadow-sm)}.button--primary:active:not(:disabled){background:var(--action-primary);box-shadow:none}.button--quiet{color:var(--text);background:var(--surface-muted);box-shadow:var(--shadow-xs);border:0}.button--quiet:hover,.button--quiet:focus-visible{background:var(--surface-hover)}.button--quiet:active:not(:disabled){background:var(--surface-selected);box-shadow:none}.button--text{color:var(--text-muted);background:0 0;padding-inline:.35rem}.button--text:hover,.button--text:focus-visible{color:var(--text);background:0 0}.icon-button{inline-size:var(--control-min-size);block-size:var(--control-min-size);color:inherit;border-radius:var(--radius-md);background:0 0;place-items:center;padding:0;display:inline-grid}.icon-button:hover,.icon-button:focus-visible{background:var(--surface-hover);box-shadow:var(--shadow-xs)}.icon-button:active:not(:disabled){background:var(--surface-selected);box-shadow:none}.field{gap:var(--space-2);display:grid}.field>label,.field-label{color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--font-weight-semibold)}.field input,.field textarea,.field select{min-block-size:var(--control-input-size);inline-size:100%;color:var(--text);background:var(--surface-muted);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);border:0;padding:.72rem .85rem}.field textarea{resize:vertical;min-block-size:7rem}.field-hint{color:var(--text-faint);font-size:var(--text-xs)}.field-error{color:var(--status-danger);font-size:var(--text-sm)}.paper-surface{isolation:isolate;background:var(--surface);position:relative}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:forced){:root{--text:CanvasText;--text-muted:CanvasText;--app-bg:Canvas;--surface:Canvas;--line:ButtonBorder;--line-strong:ButtonBorder}button,input,textarea,select{border:2px solid buttonborder}}