@import"https://fonts.googleapis.com/css2?family=Literata:opsz,wght@7..72,400;7..72,600&family=Inter:wght@400;500&display=swap";:root{--paper: #f3f4f0;--card: #fbfbf9;--ink: #191b18;--ink-soft: #5c605a;--line: #dcded7;--accent: #2e5e4e;--alarm: #8f3a2c;--radius: 10px;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--paper: #16181a;--card: #1e2124;--ink: #e7e6e1;--ink-soft: #9a9d99;--line: #2e3236;--accent: #6fae94;--alarm: #d98374}}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.6 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,.serif{font-family:Literata,Georgia,serif;font-weight:600}h1{font-size:1.6rem;margin:0;letter-spacing:-.01em}h2{font-size:1.15rem;margin:0}.muted{color:var(--ink-soft)}.error{color:var(--alarm)}.small{font-size:.85rem}.screen-centered{min-height:100dvh;display:grid;place-items:center;padding:24px}.shell{max-width:880px;margin:0 auto;padding:32px 20px 64px}.topbar{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:28px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.stack{display:grid;gap:12px}label{display:grid;gap:6px;font-size:.875rem;color:var(--ink-soft)}input[type=email],input[type=password],input[type=text]{font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:10px 12px;width:100%}input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button{font:500 .95rem/1 Inter,system-ui,sans-serif;padding:11px 16px;border-radius:8px;border:1px solid transparent;background:var(--accent);color:var(--card);cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button.quiet{background:transparent;color:var(--ink-soft);border-color:var(--line)}.shelf{display:grid;gap:10px;list-style:none;margin:24px 0 0;padding:0}.shelf li{display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.grow{flex:1;min-width:0}.shelf .title{font-family:Literata,Georgia,serif;font-weight:600}.shelf .meta{font-size:.8rem;color:var(--ink-soft)}.cover-thumb{flex:0 0 auto;width:40px;height:56px;border-radius:4px;border:1px solid var(--line);object-fit:cover;background:var(--paper)}.cover-placeholder{display:flex;align-items:center;justify-content:center;font-family:Literata,Georgia,serif;font-weight:600;font-size:1.1rem;color:var(--ink-soft)}.badge{font-size:.72rem;letter-spacing:.04em;padding:3px 8px;border-radius:999px;border:1px solid var(--line);color:var(--ink-soft);white-space:nowrap}.dropzone{border:1px dashed var(--line);border-radius:var(--radius);padding:28px;text-align:center;color:var(--ink-soft);cursor:pointer;background:var(--card)}.dropzone.hot{border-color:var(--accent);color:var(--accent)}.reader{display:flex;flex-direction:column;height:100dvh;background:var(--paper);color:var(--ink)}.reader[data-theme=light]{--paper: #f3f4f0;--card: #fbfbf9;--ink: #191b18;--ink-soft: #5c605a;--line: #dcded7}.reader[data-theme=dark]{--paper: #16181a;--card: #1e2124;--ink: #e7e6e1;--ink-soft: #9a9d99;--line: #2e3236}.reader[data-theme=sepia]{--paper: #f2e8d5;--card: #ece0c8;--ink: #4b3a2c;--ink-soft: #7a6a52;--line: #ddcda8}.reader-settings,.reader-ambient,.reader-notes,.reader-bookmarks,.reader-search{display:grid;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line);background:var(--card)}.reader-notes-item{display:grid;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--line)}.reader-notes-item:last-child{border-bottom:none;padding-bottom:0}.reader-bookmarks-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:10px;border-bottom:1px solid var(--line)}.reader-bookmarks-item:last-child{border-bottom:none;padding-bottom:0}.reader-bookmarks-jump{text-align:start;color:var(--ink-soft);font-size:.9rem}.reader-notes-quote{color:var(--ink-soft);font-size:.9rem;font-style:italic;margin:0}.reader-notes-item textarea{font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:8px 10px;min-height:3.5em;resize:vertical}.reader-search-result{display:block;width:100%;text-align:start;font-size:.85rem;color:var(--ink-soft);padding:8px 0;border-bottom:1px solid var(--line)}.reader-search-result:last-child{border-bottom:none}.reader-settings-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.reader-settings-label{flex:0 0 70px;font-size:.8rem;color:var(--ink-soft)}.segmented{display:flex;gap:6px;flex-wrap:wrap}.segmented button{background:transparent;color:var(--ink-soft);border:1px solid var(--line);padding:6px 12px;font-size:.85rem}.segmented button.active{background:var(--accent);color:var(--card);border-color:var(--accent)}.stepper{display:flex;align-items:center;gap:10px;font-size:.85rem;color:var(--ink-soft)}.stepper button{padding:6px 12px}.reader-chrome{--paper: #19191b;--card: #232326;--ink: #f2f2f3;--ink-soft: #a5a5aa;--line: rgba(255, 255, 255, .09);--accent: #dba968;position:fixed;top:0;left:0;bottom:0;width:min(320px,88vw);z-index:120;overflow-y:auto;background:var(--paper);color:var(--ink);transform:translate(-100%);transition:transform .2s ease;box-shadow:0 6px 20px rgba(0,0,0,.25)}.reader-chrome.open{transform:translate(0)}.reader-bar{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:16px;border-bottom:1px solid var(--line);background:var(--card)}.reader-bar button{text-align:start}.reader-stage{flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center}.reader-stage>*{height:100%;width:100%}.reader-stage .pdf-canvas{width:auto;height:auto;max-width:100%;max-height:100%;box-shadow:0 1px 6px rgba(0,0,0,.25)}.image-viewer{height:100%;width:100%;overflow:hidden;touch-action:none;cursor:grab;background:var(--paper)}.image-viewer img{max-width:100%;max-height:100%;width:auto;height:auto;user-select:none;transform-origin:center center;will-change:transform}.audio-player{height:100%;width:100%;max-width:420px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px 16px;overflow-y:auto}.audio-player-cover{width:min(220px,60vw);aspect-ratio:1;border-radius:var(--radius);overflow:hidden;background:var(--card);border:1px solid var(--line);box-shadow:0 1px 6px rgba(0,0,0,.2);flex:0 0 auto}.audio-player-cover img{width:100%;height:100%;object-fit:cover;display:block}.audio-player-cover-placeholder{width:100%;height:100%;display:grid;place-items:center;color:var(--ink-faint, var(--ink-soft))}.audio-player-cover-placeholder svg{width:40%;height:40%}.audio-player-title{font-size:1.05rem;font-weight:600;text-align:center;color:var(--ink)}.audio-player-seek{width:100%;display:grid;gap:4px}.audio-player-seek input[type=range]{width:100%}.audio-player-times{display:flex;justify-content:space-between;font-size:.78rem;color:var(--ink-soft);font-variant-numeric:tabular-nums}.audio-player-controls{display:flex;align-items:center;gap:14px}.audio-player-controls button:not(.quiet){min-width:84px}.audio-player-chapters-block{width:100%;display:grid;gap:8px}.audio-player-chapters{display:grid;gap:4px;max-height:200px;overflow-y:auto}.audio-player-chapter{text-align:left}.overlay-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 16px;border-top:1px solid var(--line);background:var(--card)}.reader-foot{position:relative;z-index:130;display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 16px;border-top:1px solid var(--line);font-size:.8rem;color:var(--ink-soft);background:var(--card)}.reader-foot-corner-start,.reader-foot-corner-end{position:absolute;top:50%;transform:translateY(-50%)}.reader-foot-corner-start{left:12px}.reader-foot-corner-end{right:12px}.reader-foot-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;flex:0 0 auto}.reader-foot-icon svg{width:20px;height:20px}.notice{border:1px solid var(--line);border-inline-start:3px solid var(--accent);border-radius:0;background:var(--card);padding:14px 16px;display:grid;gap:10px}.notice .row{display:flex;gap:8px;flex-wrap:wrap}.confirm-banner-wrap{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:1000;width:min(420px,calc(100vw - 32px))}.confirm-banner-wrap .notice{box-shadow:0 8px 24px rgba(0,0,0,.22)}.translation-popup{position:fixed;z-index:20;max-width:320px;background:var(--card);border:1px solid var(--line);border-inline-start:3px solid var(--accent);border-radius:var(--radius);box-shadow:0 4px 16px rgba(0,0,0,.2);padding:12px 14px;display:grid;gap:8px;font-size:.9rem}.translation-popup-text{color:var(--ink-soft);font-size:.8rem}.translation-popup-result{color:var(--ink)}.translation-popup-error{color:var(--ink-soft)}.shelf-app{--shelf-bg: #efe9df;--shelf-bg-soft: #e5ddcc;--shelf-surface: #fffaf2;--shelf-surface-raised: #ffffff;--shelf-ink: #2b241c;--shelf-ink-soft: #79705f;--shelf-ink-faint: #a49a86;--shelf-line: rgba(43, 36, 28, .09);--shelf-line-strong: rgba(43, 36, 28, .16);--shelf-accent: #9c6b32;--shelf-accent-ink: #fffaf2;--shelf-accent-soft: #f1e3ca;--shelf-accent-soft-line: rgba(156, 107, 50, .25);--shelf-alarm: #a4402c;--shelf-grp-books-bg: #e2ede4;--shelf-grp-books-ink: #3d7a62;--shelf-grp-docs-bg: #f2e9d7;--shelf-grp-docs-ink: #9c7530;--shelf-grp-comics-bg: #f5e2da;--shelf-grp-comics-ink: #b0593f;--shelf-grp-images-bg: #dfe6f3;--shelf-grp-images-ink: #4a68a4;--shelf-grp-audio-bg: #f3e0e6;--shelf-grp-audio-ink: #a3496a;--shelf-grp-archive-bg: #e7e1f0;--shelf-grp-archive-ink: #6c5a99;--shelf-shadow-card: 0 1px 2px rgba(30, 30, 20, .04), 0 12px 28px -14px rgba(30, 30, 20, .18);--shelf-shadow-hero: 0 1px 2px rgba(30, 30, 20, .03), 0 30px 60px -30px rgba(30, 30, 20, .22);--shelf-shadow-pop: 0 10px 24px -10px rgba(30, 30, 20, .24);--shelf-radius-xs: 10px;--shelf-radius-sm: 14px;--shelf-radius-md: 20px;--shelf-radius-lg: 30px;--paper: var(--shelf-bg);--card: var(--shelf-surface);--ink: var(--shelf-ink);--ink-soft: var(--shelf-ink-soft);--line: var(--shelf-line);--accent: var(--shelf-accent);--alarm: var(--shelf-alarm);--radius: var(--shelf-radius-xs);display:grid;grid-template-columns:264px 1fr;height:100dvh;background:var(--shelf-bg);color:var(--shelf-ink)}.shelf-app.shelf-standalone{display:block;height:auto;min-height:100dvh}.shelf-standalone-inner{max-width:900px;margin:0 auto;padding:32px 40px 56px}.shelf-standalone-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.shelf-standalone-head h1{margin:0;color:var(--shelf-ink)}.shelf-standalone .shelf-privacy-screen{margin:0 auto}@media(prefers-color-scheme:dark){.shelf-app:not([data-theme=light]){--shelf-bg: #1c1c1e;--shelf-bg-soft: #232326;--shelf-surface: #2c2c2e;--shelf-surface-raised: #38383a;--shelf-ink: #f2f2f3;--shelf-ink-soft: #c7c7cc;--shelf-ink-faint: #8e8e93;--shelf-line: rgba(255, 255, 255, .08);--shelf-line-strong: rgba(255, 255, 255, .15);--shelf-accent: #dba968;--shelf-accent-ink: #241b10;--shelf-accent-soft: #3a352c;--shelf-accent-soft-line: rgba(219, 169, 104, .3);--shelf-alarm: #e29c86;--shelf-grp-books-bg: #3a4a3d;--shelf-grp-books-ink: #a3ddc0;--shelf-grp-docs-bg: #4a4130;--shelf-grp-docs-ink: #e0c586;--shelf-grp-comics-bg: #4d3931;--shelf-grp-comics-ink: #e8ae97;--shelf-grp-images-bg: #353c4d;--shelf-grp-images-ink: #a6bce6;--shelf-grp-audio-bg: #4a343d;--shelf-grp-audio-ink: #e8a8c2;--shelf-grp-archive-bg: #3c364d;--shelf-grp-archive-ink: #c3b3e6;--shelf-shadow-card: 0 1px 2px rgba(0, 0, 0, .2), 0 14px 30px -16px rgba(0, 0, 0, .55);--shelf-shadow-hero: 0 1px 2px rgba(0, 0, 0, .2), 0 34px 64px -28px rgba(0, 0, 0, .6);--shelf-shadow-pop: 0 12px 26px -10px rgba(0, 0, 0, .5)}}.shelf-app[data-theme=dark]{--shelf-bg: #1c1c1e;--shelf-bg-soft: #232326;--shelf-surface: #2c2c2e;--shelf-surface-raised: #38383a;--shelf-ink: #f2f2f3;--shelf-ink-soft: #c7c7cc;--shelf-ink-faint: #8e8e93;--shelf-line: rgba(255, 255, 255, .08);--shelf-line-strong: rgba(255, 255, 255, .15);--shelf-accent: #dba968;--shelf-accent-ink: #241b10;--shelf-accent-soft: #3a352c;--shelf-accent-soft-line: rgba(219, 169, 104, .3);--shelf-alarm: #e29c86;--shelf-grp-books-bg: #3a4a3d;--shelf-grp-books-ink: #a3ddc0;--shelf-grp-docs-bg: #4a4130;--shelf-grp-docs-ink: #e0c586;--shelf-grp-comics-bg: #4d3931;--shelf-grp-comics-ink: #e8ae97;--shelf-grp-images-bg: #353c4d;--shelf-grp-images-ink: #a6bce6;--shelf-grp-audio-bg: #4a343d;--shelf-grp-audio-ink: #e8a8c2;--shelf-grp-archive-bg: #3c364d;--shelf-grp-archive-ink: #c3b3e6;--shelf-shadow-card: 0 1px 2px rgba(0, 0, 0, .2), 0 14px 30px -16px rgba(0, 0, 0, .55);--shelf-shadow-hero: 0 1px 2px rgba(0, 0, 0, .2), 0 34px 64px -28px rgba(0, 0, 0, .6);--shelf-shadow-pop: 0 12px 26px -10px rgba(0, 0, 0, .5)}.shelf-sidebar-toggle,.shelf-sidebar-backdrop{display:none}@media(max-width:760px){.shelf-app{grid-template-columns:1fr;height:auto;min-height:100dvh}.shelf-sidebar-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-bottom:12px;border:1px solid var(--shelf-line);border-radius:var(--shelf-radius-sm);background:var(--shelf-surface);color:var(--shelf-ink);cursor:pointer;position:sticky;top:0;z-index:50}.shelf-sidebar-toggle svg{width:20px;height:20px}.shelf-sidebar{position:fixed;top:0;bottom:0;left:0;width:min(280px,84vw);height:100dvh;z-index:220;border-right:none;box-shadow:var(--shelf-shadow-pop);transform:translate(-100%);transition:transform .2s ease}.shelf-sidebar.open{transform:translate(0)}.shelf-sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.45);z-index:210}}.shelf-sidebar{--shelf-bg: #19191b;--shelf-bg-soft: #1f1f21;--shelf-surface: #232326;--shelf-surface-raised: #2c2c2e;--shelf-ink: #f2f2f3;--shelf-ink-soft: #a5a5aa;--shelf-ink-faint: #6e6e73;--shelf-line: rgba(255, 255, 255, .09);--shelf-line-strong: rgba(255, 255, 255, .17);--shelf-accent: #dba968;--shelf-accent-ink: #241b10;--shelf-accent-soft: #332c22;--shelf-accent-soft-line: rgba(219, 169, 104, .34);--shelf-alarm: #e5877a;--shelf-grp-images-bg: #2c3540;--shelf-grp-images-ink: #a6bce6;--shelf-shadow-card: 0 1px 2px rgba(0, 0, 0, .3), 0 12px 26px -14px rgba(0, 0, 0, .5);--shelf-shadow-pop: 0 10px 22px -8px rgba(0, 0, 0, .55);--paper: var(--shelf-bg);--card: var(--shelf-surface);--ink: var(--shelf-ink);--ink-soft: var(--shelf-ink-soft);--line: var(--shelf-line);--accent: var(--shelf-accent);--alarm: var(--shelf-alarm);background:var(--shelf-bg);border-right:1px solid #2c2c2e;display:flex;flex-direction:column;padding:20px 14px 32px;gap:4px;min-width:0;overflow-y:auto}.shelf-brand-row{display:flex;align-items:center;gap:6px;margin-bottom:16px}.shelf-brand-row .shelf-brand{margin-bottom:0;flex:1;min-width:0}.shelf-brand{display:flex;align-items:center;gap:10px;padding:6px 10px;margin-bottom:16px;border:none;background:transparent;width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer;border-radius:var(--shelf-radius-xs)}.shelf-brand:hover{background:var(--shelf-line)}.shelf-brand-mark{width:34px;height:34px;border-radius:var(--shelf-radius-xs);background:var(--shelf-accent-soft);color:var(--shelf-accent);display:grid;place-items:center;flex:0 0 auto;box-shadow:var(--shelf-shadow-pop),inset 0 0 0 1.5px var(--shelf-accent-soft-line)}.shelf-brand-mark svg{width:22px;height:22px}.shelf-brand-name{font-family:Literata,Georgia,serif;font-weight:600;font-size:1.2rem;letter-spacing:-.01em;color:var(--shelf-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.shelf-nav-label{font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--shelf-ink-faint);padding:14px 12px 6px}.shelf-nav-label:first-of-type{padding-top:4px}.shelf-nav-item{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:var(--shelf-radius-xs);color:var(--shelf-ink-soft);font-size:.92rem;font-weight:500;cursor:pointer;border:none;background:transparent;text-align:left;font-family:inherit;width:100%;text-decoration:none;transition:background-color .12s ease,color .12s ease}.shelf-nav-item svg{width:18px;height:18px;flex:0 0 auto;opacity:.85}.shelf-nav-item:hover{background:var(--shelf-line);color:var(--shelf-ink)}.shelf-nav-item.active{background:var(--shelf-accent-soft);color:var(--shelf-accent);box-shadow:inset 0 0 0 1px var(--shelf-accent-soft-line)}.shelf-nav-item.active svg{opacity:1}.shelf-nav-item:disabled{opacity:.5;cursor:not-allowed}.shelf-sidebar-spacer{flex:1}.shelf-storage-card{background:var(--shelf-surface);border:1px solid var(--shelf-line);border-radius:var(--shelf-radius-sm);padding:13px 14px;margin:6px 2px;box-shadow:var(--shelf-shadow-card)}.shelf-storage-top{display:flex;justify-content:space-between;align-items:baseline;font-size:.78rem;color:var(--shelf-ink-soft);margin-bottom:8px}.shelf-storage-bar{height:6px;border-radius:999px;background:var(--shelf-line);overflow:hidden}.shelf-storage-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--shelf-accent),var(--shelf-grp-images-ink))}.shelf-lang{margin:6px 2px}.shelf-lang select{width:100%}.shelf-account{display:flex;align-items:center;gap:10px;padding:10px;border-radius:var(--shelf-radius-xs);cursor:pointer;border:none;background:transparent;width:100%;text-align:left;font-family:inherit;color:var(--shelf-ink);text-decoration:none}.shelf-account:hover{background:var(--shelf-line)}.shelf-avatar{width:30px;height:30px;border-radius:50%;background:var(--shelf-grp-images-bg);color:var(--shelf-grp-images-ink);display:grid;place-items:center;font-family:Literata,serif;font-weight:600;font-size:.85rem;flex:0 0 auto;text-transform:uppercase}.shelf-account-name{font-size:.85rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.shelf-account-sub{font-size:.72rem;color:var(--shelf-ink-faint);line-height:1.45}.shelf-main{overflow-y:auto;padding:28px 40px 56px}.shelf-main-top{display:flex;align-items:center;margin-bottom:18px}.shelf-library-header-row{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:26px}.shelf-library-header-left{flex:0 1 700px;min-width:260px}.shelf-library-header-left>*:last-child{margin-bottom:0}.shelf-library-dropzone{flex:1 1 200px;min-width:160px;display:flex;align-items:center;justify-content:center;text-align:center;border:1.5px dashed var(--shelf-line-strong);border-radius:var(--shelf-radius-lg);background:var(--shelf-surface);color:var(--shelf-ink-soft);font-size:.95rem;cursor:pointer;padding:12px 16px;transition:border-color .15s ease,background-color .15s ease}.shelf-library-dropzone:hover,.shelf-library-dropzone.hot{border-color:var(--shelf-accent-soft-line);background:var(--shelf-surface-raised);color:var(--shelf-ink)}.shelf-topline{display:flex;align-items:center;gap:16px;margin-bottom:26px;flex-wrap:wrap}.shelf-search{flex:1;min-width:200px;max-width:420px;font:inherit;color:var(--shelf-ink);background:var(--shelf-surface);border:1px solid var(--shelf-line);border-radius:var(--shelf-radius-sm);padding:9px 14px}.shelf-search::placeholder{color:var(--shelf-ink-faint)}.shelf-format-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}.shelf-format-chip{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border:1px solid var(--shelf-line);background:var(--shelf-surface);border-radius:var(--shelf-radius-sm);font:inherit;font-size:.82rem;font-weight:600;color:var(--shelf-ink-soft);cursor:pointer}.shelf-format-chip:hover{border-color:var(--shelf-line-strong);color:var(--shelf-ink)}.shelf-format-chip .fg-icon{width:24px;height:24px;border-radius:var(--shelf-radius-xs);display:grid;place-items:center;flex:0 0 auto}.shelf-format-chip .fg-icon svg{width:13px;height:13px}.shelf-format-chip.books .fg-icon{background:var(--shelf-grp-books-bg);color:var(--shelf-grp-books-ink)}.shelf-format-chip.docs .fg-icon{background:var(--shelf-grp-docs-bg);color:var(--shelf-grp-docs-ink)}.shelf-format-chip.comics .fg-icon{background:var(--shelf-grp-comics-bg);color:var(--shelf-grp-comics-ink)}.shelf-format-chip.images .fg-icon{background:var(--shelf-grp-images-bg);color:var(--shelf-grp-images-ink)}.shelf-format-chip.audio .fg-icon{background:var(--shelf-grp-audio-bg);color:var(--shelf-grp-audio-ink)}.shelf-format-chip.active{border-color:transparent}.shelf-format-chip.active.books{background:var(--shelf-grp-books-bg);color:var(--shelf-grp-books-ink)}.shelf-format-chip.active.docs{background:var(--shelf-grp-docs-bg);color:var(--shelf-grp-docs-ink)}.shelf-format-chip.active.comics{background:var(--shelf-grp-comics-bg);color:var(--shelf-grp-comics-ink)}.shelf-format-chip.active.images{background:var(--shelf-grp-images-bg);color:var(--shelf-grp-images-ink)}.shelf-format-chip.active.audio{background:var(--shelf-grp-audio-bg);color:var(--shelf-grp-audio-ink)}.shelf-start-screen{min-height:calc(100dvh - 84px);display:flex;flex-direction:column;justify-content:center}.shelf-privacy-screen{max-width:640px;display:grid;gap:20px}.shelf-privacy-screen h1{margin:0;color:var(--shelf-ink)}.shelf-privacy-screen section{display:grid;gap:6px}.shelf-privacy-screen p{margin:0;color:var(--shelf-ink-soft)}.shelf-privacy-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.shelf-privacy-list li{position:relative;padding-left:18px;color:var(--shelf-ink-soft);line-height:1.5}.shelf-privacy-list li:before{content:"";position:absolute;left:2px;top:.55em;width:5px;height:5px;border-radius:999px;background:var(--shelf-accent)}.shelf-notes-screen h1,.shelf-library-title{margin:0 0 20px;color:var(--shelf-ink)}.shelf-notes-book-group{margin-top:28px}.shelf-notes-book-group:first-child{margin-top:0}.shelf-subheading{font-family:Literata,Georgia,serif;font-weight:600;font-size:1.05rem;color:var(--shelf-ink);margin:0 0 12px}.shelf-notes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.shelf-notes-grid.list{grid-template-columns:1fr}.shelf-note-card{background:var(--shelf-surface);border:1px solid var(--shelf-line);border-radius:var(--shelf-radius-md);box-shadow:var(--shelf-shadow-card);padding:14px;display:flex;flex-direction:column;gap:10px}.shelf-note-quote{font-style:italic;color:var(--shelf-ink-soft);margin:0;font-size:.9rem}.shelf-note-card textarea{font:inherit;color:var(--shelf-ink);background:var(--shelf-bg-soft);border:1px solid var(--shelf-line);border-radius:var(--shelf-radius-sm);padding:8px 10px;min-height:3.4em;resize:vertical}.shelf-note-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.shelf-note-actions button{font-size:.8rem;padding:7px 12px;border-radius:var(--shelf-radius-xs)}.shelf-main-transition{transition:opacity .26s ease,transform .26s ease}.shelf-main-transition.exiting{opacity:0;transform:translateY(-8px);transition-duration:.3s}.shelf-main-transition.enter-start{opacity:0;transform:translateY(8px);transition:none}@media(prefers-reduced-motion:reduce){.shelf-main-transition,.shelf-main-transition.exiting,.shelf-main-transition.enter-start{transition:none;opacity:1;transform:none}}.shelf-notice{background:var(--shelf-surface);border:1px solid var(--shelf-line);border-radius:var(--shelf-radius-md);box-shadow:var(--shelf-shadow-card);padding:16px 18px;display:grid;gap:10px;margin-bottom:20px}.shelf-notice .row{display:flex;gap:8px;flex-wrap:wrap}.shelf-dropzone{position:relative;background:var(--shelf-surface);border:1.5px dashed var(--shelf-line-strong);border-radius:var(--shelf-radius-lg);box-shadow:var(--shelf-shadow-hero);padding:40px;text-align:center;margin:0 auto 34px;cursor:pointer;transition:border-color .15s ease,background-color .15s ease;width:min(720px,100%);aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.shelf-dropzone:hover,.shelf-dropzone.hot{border-color:var(--shelf-accent-soft-line);background:var(--shelf-surface-raised)}.shelf-dropzone-icon{width:62px;height:62px;margin:0 auto 18px;border-radius:var(--shelf-radius-md);background:var(--shelf-accent-soft);box-shadow:inset 0 0 0 1px var(--shelf-accent-soft-line);display:grid;place-items:center;color:var(--shelf-accent)}.shelf-dropzone-icon svg{width:28px;height:28px}.shelf-dropzone h2{font-family:Literata,Georgia,serif;font-weight:600;font-size:1.32rem;margin:0;color:var(--shelf-ink)}.shelf-dropzone p.shelf-dropzone-sub{margin:0 0 26px;color:var(--shelf-ink-soft);font-size:.9rem}.shelf-format-groups{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:720px;margin:32px auto 0}.shelf-dropzone-hint{margin:14px 0 0}.shelf-format-group{display:flex;align-items:center;gap:10px;background:var(--shelf-bg-soft);border:1px solid var(--shelf-line);border-radius:var(--shelf-radius-sm);padding:10px 16px 10px 10px;text-align:left}.shelf-format-group .fg-icon{width:32px;height:32px;border-radius:var(--shelf-radius-xs);display:grid;place-items:center;flex:0 0 auto;box-shadow:inset 0 0 0 .5px currentColor}.shelf-format-group .fg-icon svg{width:16px;height:16px}.shelf-format-group.books .fg-icon{background:var(--shelf-grp-books-bg);color:var(--shelf-grp-books-ink)}.shelf-format-group.docs .fg-icon{background:var(--shelf-grp-docs-bg);color:var(--shelf-grp-docs-ink)}.shelf-format-group.comics .fg-icon{background:var(--shelf-grp-comics-bg);color:var(--shelf-grp-comics-ink)}.shelf-format-group.images .fg-icon{background:var(--shelf-grp-images-bg);color:var(--shelf-grp-images-ink)}.shelf-format-group.audio .fg-icon{background:var(--shelf-grp-audio-bg);color:var(--shelf-grp-audio-ink)}.shelf-format-group.archive .fg-icon{background:var(--shelf-grp-archive-bg);color:var(--shelf-grp-archive-ink)}.shelf-fg-name{font-size:.8rem;font-weight:600;color:var(--shelf-ink);margin-bottom:1px}.shelf-fg-exts{font-size:.72rem;color:var(--shelf-ink-faint);font-variant-numeric:tabular-nums;letter-spacing:.01em}.shelf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:16px}.shelf-book-card{position:relative;background:var(--shelf-surface);border:1px solid var(--shelf-line);border-radius:var(--shelf-radius-md);padding:14px;box-shadow:var(--shelf-shadow-card);display:flex;flex-direction:column;gap:10px;transition:transform .12s ease,box-shadow .12s ease,outline-color .12s ease}.shelf-book-cover-wrap{position:relative}.shelf-book-card.select-mode{cursor:pointer;user-select:none}.shelf-book-card.selected{outline:2.5px solid var(--shelf-accent);outline-offset:-2px;box-shadow:var(--shelf-shadow-hero);z-index:1}.shelf-book-cover{width:100%;height:128px;border-radius:var(--shelf-radius-sm);border:1px solid var(--shelf-line);object-fit:cover;background:var(--shelf-bg-soft);display:block}.shelf-book-cover-placeholder{width:100%;height:128px;border-radius:var(--shelf-radius-sm);background:var(--shelf-bg-soft);color:var(--shelf-ink-faint);display:flex;align-items:center;justify-content:center;font-family:Literata,Georgia,serif;font-weight:600;font-size:1.3rem}.shelf-book-card.books{background:var(--shelf-grp-books-bg);border-color:var(--shelf-grp-books-ink)}.shelf-book-card.docs{background:var(--shelf-grp-docs-bg);border-color:var(--shelf-grp-docs-ink)}.shelf-book-card.comics{background:var(--shelf-grp-comics-bg);border-color:var(--shelf-grp-comics-ink)}.shelf-book-card.images{background:var(--shelf-grp-images-bg);border-color:var(--shelf-grp-images-ink)}.shelf-book-card.audio{background:var(--shelf-grp-audio-bg);border-color:var(--shelf-grp-audio-ink)}.shelf-book-card.books .shelf-book-cover-placeholder{background:var(--shelf-surface);color:var(--shelf-grp-books-ink)}.shelf-book-card.docs .shelf-book-cover-placeholder{background:var(--shelf-surface);color:var(--shelf-grp-docs-ink)}.shelf-book-card.comics .shelf-book-cover-placeholder{background:var(--shelf-surface);color:var(--shelf-grp-comics-ink)}.shelf-book-card.images .shelf-book-cover-placeholder{background:var(--shelf-surface);color:var(--shelf-grp-images-ink)}.shelf-book-card.audio .shelf-book-cover-placeholder{background:var(--shelf-surface);color:var(--shelf-grp-audio-ink)}.shelf-book-title{font-size:.9rem;font-weight:600;color:var(--shelf-ink);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.shelf-book-meta{font-size:.76rem;color:var(--shelf-ink-faint);line-height:1.5}.shelf-book-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.shelf-book-actions button,.shelf-book-actions .badge{font-size:.8rem;padding:7px 12px;border-radius:var(--shelf-radius-xs)}.shelf-book-actions button:not(.quiet){background:var(--shelf-accent);color:var(--shelf-accent-ink)}.shelf-book-actions button.quiet{background:transparent;color:var(--shelf-ink-soft);border:1px solid var(--shelf-line)}.shelf-grid.list{grid-template-columns:1fr;gap:10px}.shelf-book-card.list{display:grid;grid-template-columns:56px 1fr auto;align-items:center;padding:10px 14px}.shelf-book-card.list .shelf-book-actions{margin-top:0}.shelf-book-card.list .shelf-book-cover,.shelf-book-card.list .shelf-book-cover-placeholder{width:56px;height:56px;font-size:1rem}.shelf-book-card.list .shelf-book-title{-webkit-line-clamp:1}.shelf-section-head{display:flex;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}.shelf-view-toggle{display:flex;gap:3px;background:var(--shelf-bg-soft);border:1px solid var(--shelf-line);border-radius:var(--shelf-radius-sm);padding:3px}.shelf-view-toggle button{display:flex;align-items:center;justify-content:center;width:45px;height:38px;border-radius:calc(var(--shelf-radius-sm) - 2px);border:none;background:transparent;color:var(--shelf-ink-faint);cursor:pointer}.shelf-view-toggle button svg{width:22px;height:22px}.shelf-view-toggle button.active{background:var(--shelf-surface);color:var(--shelf-accent);box-shadow:var(--shelf-shadow-card)}.shelf-topline-spacer{flex:1}.shelf-nav-item-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shelf-lang-pill{appearance:none;-webkit-appearance:none;width:44px;text-align:center;border-radius:var(--shelf-radius-sm)!important;background:var(--shelf-surface)!important;border:1px solid var(--shelf-line)!important;color:var(--shelf-ink-soft)!important;font-weight:600;font-size:.78rem;text-transform:uppercase;padding:9px 4px!important}.shelf-cloud-screen{max-width:640px;display:grid;gap:20px}.shelf-cloud-screen h1{margin:0;color:var(--shelf-ink)}.shelf-cloud-status{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:var(--shelf-surface);border:1px solid var(--shelf-line);border-radius:var(--shelf-radius-sm);padding:14px 16px;font-size:.92rem;color:var(--shelf-ink)}.shelf-cloud-providers{display:grid;gap:8px;max-width:420px}.shelf-cloud-provider{display:flex;align-items:center;padding:13px 16px;background:var(--shelf-surface);border:1px solid var(--shelf-line);border-radius:var(--shelf-radius-sm);font:inherit;font-size:.95rem;font-weight:500;color:var(--shelf-ink);text-align:left;cursor:pointer;transition:border-color .12s ease,background-color .12s ease}.shelf-cloud-provider:hover{border-color:var(--shelf-line-strong);background:var(--shelf-surface-raised)}.shelf-cloud-provider:disabled{opacity:.5;cursor:not-allowed}.shelf-hint{margin:0;padding:0 10px;font-size:.74rem;line-height:1.4;color:var(--shelf-ink-faint)}.shelf-storage-card .shelf-hint,.shelf-cloud-screen .shelf-hint{padding:0;margin-top:6px}.shelf-webdav-form{display:grid;gap:12px;max-width:420px;padding:16px;background:var(--shelf-surface);border:1px solid var(--shelf-line);border-radius:var(--shelf-radius-sm)}.shelf-webdav-form label{font-size:.85rem}.shelf-webdav-form input{font-size:.95rem;padding:9px 12px}