:root{--bg:#f6f3ef;--paper:#fff;--panel:#f3efe9;--ink:#111;--ink-strong:#000;--muted:#4f4f4f;--muted-soft:#707070;--line:#ddd5cd;--soft:#f0ece8;--soft-strong:#e8e0d8;--button:#111;--button-text:#fff;--button-hover:#2a2a2a;--shadow:#1111111f;--input:#fff;--input-border:#d6cdc2;--tag:#f0efed;--title:#121212;--serif:Georgia, "Times New Roman", serif;--sans:"Inter", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;font-family:var(--sans);color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-weight:400;line-height:1.5}:root[data-theme=dark]{--bg:#0b1116;--paper:#111b22;--panel:#1a252d;--ink:#f3f5f7;--ink-strong:#fff;--muted:#d4dbe2;--muted-soft:#b8c1cb;--line:#2d3943;--soft:#152129;--soft-strong:#1f2b35;--button:#f3f5f7;--button-text:#111;--button-hover:#dfe7ee;--shadow:#00000073;--input:#0f171d;--input-border:#344553;--tag:#19252d;--title:#f8f9fb;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{background:var(--bg)}body{background:var(--bg);min-height:100dvh;color:var(--ink);font-family:var(--sans);margin:0}#root{width:100%;min-height:100dvh;margin:0;display:block}button,input,textarea{font:inherit}a{color:inherit}*{box-sizing:border-box}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}.app-shell{background:var(--bg);min-height:100dvh}.topbar{border-bottom:1px solid var(--line);background:var(--paper);justify-content:space-between;align-items:center;height:76px;padding:0 max(32px,50vw - 660px);display:flex}.wordmark{color:var(--ink);letter-spacing:1.2px;align-items:center;gap:11px;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex}.mark{background:var(--ink);width:35px;height:35px;color:var(--paper);font-family:var(--serif);letter-spacing:0;place-items:center;font-size:18px;display:grid}.topbar-right{align-items:center;gap:14px;display:flex}.theme-toggle{border:1px solid var(--line);background:var(--panel);width:32px;height:32px;color:var(--ink);cursor:pointer;border-radius:999px;place-items:center;display:grid}.theme-toggle:hover{border-color:var(--ink)}.connection-label,.preview-label{color:var(--muted);letter-spacing:1.2px;align-items:center;gap:8px;font-size:9px;font-weight:750;display:flex}.connection-label i{background:var(--ink);border-radius:50%;width:6px;height:6px}.preview-label{color:var(--muted);border:1px solid var(--line);background:var(--panel);padding:6px 8px}.couple-avatars{padding-left:4px;display:flex}.couple-avatars span,.person-avatar,.tiny-avatar{border:1px solid var(--paper);background:var(--ink);color:var(--paper);border-radius:50%;flex:none;place-items:center;font-size:10px;font-weight:650;display:grid}.couple-avatars span{width:29px;height:29px;margin-left:-5px}.couple-avatars span+span{background:var(--muted)}.workspace{grid-template-columns:235px minmax(0,1fr);width:100%;max-width:1320px;min-height:calc(100dvh - 136px);margin:0 auto;display:grid}.side-rail{border-right:1px solid var(--line);background:var(--bg);flex-direction:column;min-height:100%;padding:39px 22px 24px 0;display:flex}.rail-heading{color:var(--muted);letter-spacing:1.3px;justify-content:space-between;align-items:center;font-size:9px;font-weight:750;display:flex}.rail-heading svg{color:var(--ink)}.shelf-nav{gap:4px;margin:19px -12px 23px;display:grid}.shelf-link{min-height:43px;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0 12px;font-size:13px;display:flex}.shelf-link>span:first-child{align-items:center;gap:12px;display:flex}.shelf-link svg{color:var(--muted)}.shelf-link.active{background:var(--soft);color:var(--ink);font-weight:650}.shelf-link.active svg{color:var(--ink)}.nav-count{text-align:right;min-width:23px;color:var(--muted-soft);font-variant-numeric:tabular-nums;font-size:11px}.rail-rule{background:var(--line);height:1px}.reading-together{padding-top:23px}.reading-together .rail-heading{margin-bottom:13px}.person-line{min-height:38px;color:var(--ink);align-items:center;gap:10px;font-size:12px;display:flex}.person-avatar,.tiny-avatar{background:var(--soft);width:23px;height:23px;color:var(--ink);border-color:var(--line);font-size:9px}.person-line:nth-of-type(3) .person-avatar{background:var(--ink);color:var(--paper);border-color:var(--ink)}.person-count{color:var(--muted-soft);margin-left:auto;font-size:11px}.rail-bottom{color:var(--muted);font-family:var(--serif);align-items:flex-end;gap:12px;margin-top:auto;font-size:14px;line-height:1.35;display:flex}.book-spine{border:1px solid var(--ink);border-left:5px double var(--ink);width:22px;height:32px}.library-content{min-width:0;padding:57px 0 28px 55px}.page-heading{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.eyebrow{color:var(--muted);letter-spacing:1.35px;margin:0 0 11px;font-size:9px;font-weight:760}.eyebrow span{color:var(--line);margin:0 5px}.page-heading h1,.login-panel h1{color:var(--ink);font-family:var(--serif);letter-spacing:0;margin:0;font-size:38px;font-weight:400;line-height:1.08}.page-subtitle{color:var(--muted);margin:11px 0 0;font-size:12px}.button{cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:9px;min-height:39px;padding:0 14px;font-size:11px;font-weight:620;transition:background .16s,color .16s,border-color .16s;display:inline-flex}.button:disabled{opacity:.44;cursor:not-allowed}.button-dark{background:var(--button);color:var(--button-text)}.button-dark:hover:not(:disabled){background:var(--button-hover)}.button-outline{border-color:var(--line);color:var(--ink);background:0 0}.button-outline:hover:not(:disabled){border-color:var(--ink);background:var(--soft)}.add-button{height:40px;margin-bottom:2px}.preview-notice,.error-notice{border:1px solid var(--line);color:var(--muted);background:var(--paper);align-items:center;gap:11px;margin-top:25px;padding:11px 13px;font-size:11px;display:flex}.preview-notice p{flex:1;margin:0;line-height:1.5}.preview-notice strong{color:var(--ink)}.notice-symbol{border:1px solid var(--line);width:16px;height:16px;color:var(--ink);font-family:var(--serif);border-radius:50%;place-items:center;font-size:11px;font-style:italic;display:grid}.preview-notice a{color:var(--ink);white-space:nowrap;align-items:center;gap:5px;font-weight:650;text-decoration:none;display:inline-flex}.error-notice{border-color:var(--line);color:var(--ink)}.library-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;min-height:61px;margin-top:34px;display:flex}.filter-tabs{align-self:stretch;align-items:center;gap:21px;height:100%;display:flex}.filter-tab{color:var(--muted);cursor:pointer;background:0 0;border:0;align-self:stretch;align-items:center;gap:7px;padding:2px 0 0;font-size:11px;display:inline-flex;position:relative}.filter-tab span{color:var(--muted-soft);font-variant-numeric:tabular-nums;font-size:9px}.filter-tab.selected{color:var(--ink);font-weight:680}.filter-tab.selected:after{background:var(--ink);content:"";height:2px;position:absolute;bottom:-1px;left:0;right:0}.search-field{border:1px solid var(--input-border);background:var(--input);width:206px;height:33px;color:var(--muted);align-items:center;gap:7px;padding:0 8px;display:flex}.search-field input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:10px}.search-field input::placeholder{color:var(--muted-soft)}.book-list{width:100%}.list-labels,.book-row{grid-template-columns:minmax(220px,1fr) 110px 100px 95px 26px;align-items:center;column-gap:16px;display:grid}.list-labels{height:40px;color:var(--muted-soft);letter-spacing:1px;font-size:8px;font-weight:730}.book-row{border-top:1px solid var(--line);min-height:91px;animation:.35s both row-in}.book-row:last-child{border-bottom:1px solid var(--line)}@keyframes row-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.book-main{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:15px;min-width:0;padding:9px 0;display:flex}.cover-slot{background:var(--soft);width:43px;height:62px;color:var(--muted);flex:none;place-items:center;display:grid;overflow:hidden}.cover-slot img{object-fit:cover;filter:grayscale();width:100%;height:100%}.book-copy{gap:6px;min-width:0;display:grid}.book-copy strong{color:var(--ink);font-family:var(--serif);text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:500;line-height:1.2;overflow:hidden}.book-copy>span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.book-status{min-width:0;color:var(--muted);align-items:center;gap:7px;font-size:10px;display:flex}.book-status-copy{gap:3px;min-width:0;line-height:1.15;display:grid}.book-status-copy>span:first-child{color:var(--ink);font-weight:650}.book-readers{color:var(--muted);white-space:normal;overflow-wrap:anywhere;font-size:11px;line-height:1.2}.status-mark{border:1px solid var(--muted);border-radius:50%;flex:0 0 6px;width:6px;height:6px}.status-reading{background:var(--ink);border-color:var(--ink)}.status-read{background:var(--muted-soft);border-color:var(--muted-soft)}.status-to-read{border-color:var(--muted);background:0 0}.book-rating{color:var(--ink);font-size:10px}.rating-display{font-variant-numeric:tabular-nums;align-items:center;gap:5px;display:inline-flex}.rating-display svg{color:var(--ink)}.rating-empty,.book-date{color:var(--muted-soft);font-variant-numeric:tabular-nums;font-size:10px}.row-open{width:26px;height:26px;color:var(--muted-soft);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;transform:rotate(-90deg)}.row-open:hover{color:var(--ink)}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:310px;display:flex}.empty-icon{border:1px solid var(--line);width:48px;height:48px;color:var(--muted);place-items:center;display:grid}.empty-state h2{color:var(--ink);font-family:var(--serif);margin:19px 0 7px;font-size:21px;font-weight:400}.empty-state p{color:var(--muted);margin:0 0 18px;font-size:11px}.shelf-summary{min-height:52px;color:var(--muted);justify-content:space-between;align-items:center;font-size:9px;display:flex}.shelf-summary>span:last-child{color:var(--muted-soft);letter-spacing:1px;align-items:center;gap:9px;font-size:8px;font-weight:700;display:flex}.summary-mark{color:var(--ink);font-family:var(--serif);letter-spacing:0;font-size:14px}.app-footer{border-top:1px solid var(--line);max-width:1320px;height:60px;color:var(--muted-soft);letter-spacing:1px;align-items:center;gap:14px;margin:0 auto;font-size:8px;font-weight:700;display:flex}.app-footer>span:first-child{color:var(--ink)}.footer-help{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;margin-left:auto;display:grid}.modal-backdrop{z-index:5;background:#0c0c0c5c;place-items:center;padding:22px;animation:.18s ease-out veil-in;display:grid;position:fixed;inset:0}@keyframes veil-in{0%{opacity:0}to{opacity:1}}.add-modal,.detail-modal{background:var(--paper);width:min(100%,560px);max-height:min(780px,100dvh - 44px);color:var(--ink);animation:.22s ease-out modal-in;overflow-y:auto;box-shadow:0 18px 70px #0000002e}@keyframes modal-in{0%{opacity:.8;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.add-modal{padding:23px 27px 22px}.modal-topline,.detail-topline{color:var(--muted);letter-spacing:1.2px;justify-content:space-between;align-items:center;font-size:10px;font-weight:750;display:flex}.icon-button{width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;display:grid}.icon-button:hover{border-color:var(--line);color:var(--ink)}.add-modal h2{color:var(--ink);font-family:var(--serif);margin:15px 0 5px;font-size:30px;font-weight:400}.modal-intro{color:var(--muted);margin:0 0 21px;font-size:13px}.lookup-form{border:1px solid var(--input-border);background:var(--input);height:48px;color:var(--muted);align-items:center;gap:10px;padding-left:12px;display:flex}.lookup-form input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:16px}.lookup-form input::placeholder{color:var(--muted-soft)}.lookup-form button{background:var(--button);min-width:82px;color:var(--button-text);cursor:pointer;border:0;align-self:stretch;font-size:13px}.lookup-form button:disabled{opacity:.62;cursor:default}.lookup-error{color:var(--muted);margin:10px 0 0;font-size:12px}.lookup-results{border-bottom:1px solid var(--line);max-height:250px;margin-top:14px;overflow:auto}.lookup-result{border-top:1px solid var(--line);align-items:center;gap:12px;min-height:66px;display:flex}.result-cover{background:var(--soft);width:31px;height:45px;color:var(--muted);flex:none;place-items:center;display:grid;overflow:hidden}.result-cover img{object-fit:cover;filter:grayscale();width:100%;height:100%}.result-copy{gap:3px;min-width:0;display:grid}.result-copy strong,.result-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.result-copy strong{color:var(--ink);font-family:var(--serif);font-size:14px;font-weight:500}.result-copy span{color:var(--muted);font-size:12px}.result-add{border:1px solid var(--line);background:var(--input);width:36px;height:36px;color:var(--ink);cursor:pointer;place-items:center;margin-left:auto;display:grid}.result-add:hover{background:var(--button);border-color:var(--button);color:var(--button-text)}.manual-entry{margin-top:20px}.manual-heading{color:var(--muted);letter-spacing:1.1px;font-size:10px;font-weight:750}.manual-fields{grid-template-columns:minmax(120px,1fr) minmax(100px,.8fr) auto;gap:7px;margin-top:10px;display:grid}.manual-fields input,.login-form input{border:1px solid var(--input-border);background:var(--input);min-width:0;height:42px;color:var(--ink);border-radius:0;outline:0;padding:0 9px;font-size:16px}.manual-fields input::placeholder{color:var(--muted-soft)}.manual-fields input:focus,.login-form input:focus,.lookup-form:focus-within{border-color:#222}.manual-fields .button{min-height:38px;padding:0 11px}.source-note{color:var(--muted-soft);margin:15px 0 0;font-size:11px}.detail-backdrop{justify-items:end;padding:0}.detail-modal{width:min(100%,490px);height:100%;max-height:100%;padding:22px 27px;animation:.23s ease-out slide-in;box-shadow:-14px 0 50px #0000001f}@keyframes slide-in{0%{opacity:.75;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.detail-book-heading{border-bottom:1px solid var(--line);align-items:center;gap:17px;padding:24px 0 19px;display:flex}.detail-cover{background:var(--soft);width:54px;height:76px;color:var(--muted);flex:none;place-items:center;display:grid;overflow:hidden}.detail-cover img{object-fit:cover;filter:grayscale();width:100%;height:100%}.detail-book-heading h2{color:var(--ink);font-family:var(--serif);margin:0 0 5px;font-size:22px;font-weight:400;line-height:1.12}.detail-book-heading p{color:var(--muted);margin:0 0 8px;font-size:12px}.date-added{color:var(--muted-soft);font-size:11px}.detail-status{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:55px;display:flex}.detail-status label,.section-caption{color:var(--muted);letter-spacing:1.1px;font-size:10px;font-weight:740}.detail-status select{border:1px solid var(--input-border);background:var(--input);height:36px;color:var(--ink);border-radius:0;padding:0 8px;font-size:14px}.progress-panel{border-bottom:1px solid var(--line);padding:17px 0 13px}.section-caption{justify-content:space-between;margin-bottom:10px;display:flex}.section-caption span{color:var(--muted-soft);font-weight:600}.reader-options{gap:7px;display:flex}.reader-choice{border:1px solid var(--input-border);background:var(--input);min-height:36px;color:var(--muted);cursor:pointer;align-items:center;gap:7px;padding:0 9px;font-size:12px;display:inline-flex}.reader-choice.checked{border-color:var(--ink);color:var(--ink)}.reader-choice>svg{margin-left:3px}.tiny-avatar{width:20px;height:20px}.page-progress{color:var(--muted);align-items:center;gap:7px;margin-top:12px;font-size:12px;display:flex}.page-progress input{border:1px solid var(--input-border);background:var(--input);width:64px;height:36px;color:var(--ink);text-align:center;border-radius:0;font-size:16px}.ratings-section{border-bottom:1px solid var(--line);padding:17px 0 13px}.rating-person{justify-content:space-between;align-items:center;min-height:34px;display:flex}.rating-person-name{color:var(--ink);align-items:center;gap:8px;font-size:12px;display:inline-flex}.rating-buttons{align-items:center;gap:2px;display:flex}.star-button,.clear-rating{width:32px;height:32px;color:var(--muted-soft);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.star-button.active,.star-button:hover,.clear-rating:hover{color:var(--ink)}.clear-rating{width:28px;color:var(--muted-soft);margin-left:4px}.detail-tabs{border-bottom:1px solid var(--line);gap:19px;min-height:47px;display:flex}.detail-tab{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;position:relative}.detail-tab.selected{color:var(--ink);font-weight:650}.detail-tab.selected:after{background:var(--ink);content:"";height:2px;position:absolute;bottom:-1px;left:0;right:0}.detail-tab span{color:var(--muted-soft);margin-left:3px;font-size:11px}.notes-area{padding-top:14px}.notes-area textarea{resize:vertical;border:1px solid var(--input-border);background:var(--input);width:100%;min-height:105px;color:var(--ink);font-family:var(--serif);border-radius:0;padding:10px;font-size:16px;line-height:1.5}.notes-area textarea::placeholder{color:var(--muted-soft)}.notes-area>span{color:var(--muted-soft);margin-top:7px;font-size:11px;display:block}.quotes-area{min-height:120px;padding-top:4px}.quotes-area blockquote{border-left:1px solid var(--ink);margin:14px 0;padding:1px 0 1px 13px}.quotes-area blockquote p{color:var(--ink);font-family:var(--serif);margin:0 0 8px;font-size:16px;line-height:1.5}.quotes-area cite{color:var(--muted-soft);letter-spacing:.8px;font-size:10px;font-style:normal}.quote-form{border:1px solid var(--input-border);background:var(--input);height:44px;margin-top:13px;display:flex}.quote-form input{min-width:0;color:var(--ink);font-family:var(--serif);background:0 0;border:0;outline:0;flex:1;padding:0 9px;font-size:16px}.quote-form input::placeholder{color:var(--muted-soft)}.quote-form button{border:0;border-left:1px solid var(--input-border);background:var(--input);width:44px;color:var(--ink);cursor:pointer}.quote-form button:disabled{color:var(--muted-soft);cursor:default}.detail-footer{border-top:1px solid var(--line);min-height:50px;color:var(--muted-soft);justify-content:space-between;align-items:center;margin-top:16px;font-size:11px;display:flex}.remove-book{color:var(--muted);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:8px 0;font-size:12px;text-decoration:underline}.remove-book:hover{color:var(--ink)}.boot-screen{min-height:100dvh;color:var(--muted);place-content:center;justify-items:center;gap:13px;font-size:11px;display:grid}.login-screen{color:#111;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;flex-direction:column;min-height:100dvh;padding:30px max(28px,50vw - 620px);display:flex}.login-mark{color:#111;align-self:flex-start}.login-mark .mark{color:#fff;background:#111}.login-panel{width:min(100%,370px);margin:auto;padding:24px 0 45px}.login-panel .eyebrow{color:#444;margin-bottom:17px}.login-panel h1{color:#111;font-size:39px}.login-copy{color:#444;margin:12px 0 27px;font-size:12px}.login-form{gap:14px;display:grid}.login-form label{color:#333;gap:6px;font-size:12px;display:grid}.login-form input{color:#111;-webkit-text-fill-color:#111;caret-color:#111;background:#fff;border-color:#777;width:100%;height:46px;font-size:16px}.login-form input:-webkit-autofill{-webkit-text-fill-color:#111;caret-color:#111;box-shadow:inset 0 0 0 1000px #fff}.login-form input:-webkit-autofill:hover{-webkit-text-fill-color:#111;caret-color:#111;box-shadow:inset 0 0 0 1000px #fff}.login-form input:-webkit-autofill:focus{-webkit-text-fill-color:#111;caret-color:#111;box-shadow:inset 0 0 0 1000px #fff}.login-form input:-webkit-autofill:active{-webkit-text-fill-color:#111;caret-color:#111;box-shadow:inset 0 0 0 1000px #fff}.login-screen .button-dark{color:#fff;background:#111}.login-screen .button-dark:hover:not(:disabled){background:#2a2a2a}.button-wide{justify-content:space-between;width:100%;margin-top:4px}.arrow-right{transform:rotate(180deg)}.login-form .form-error{color:#111;margin:0;font-size:10px}.login-foot{color:#444;align-items:center;gap:7px;margin-top:17px;font-size:9px;display:flex}.login-footer{color:#444;letter-spacing:1px;border-top:1px solid #ddd;padding-top:14px;font-size:8px;font-weight:700}.login-footer span{padding:0 6px}@media (width<=960px){.workspace{grid-template-columns:190px minmax(0,1fr);padding:0 24px}.side-rail{padding-right:17px}.library-content{padding-left:28px}.list-labels,.book-row{grid-template-columns:minmax(180px,1fr) 95px 74px 24px;column-gap:10px}.list-labels>:nth-child(4),.book-date{display:none}.topbar{padding:0 24px}.app-footer{margin:0 24px}}@media (width<=650px){.topbar{height:61px;padding:0 17px}.mark{width:31px;height:31px}.topbar-right{gap:11px}.connection-label{font-size:8px}.workspace{flex-direction:column;min-height:calc(100dvh - 114px);padding:0 17px;display:flex}.side-rail{border:0;min-height:0;padding:18px 0 0}.side-rail>.rail-heading,.rail-rule,.reading-together,.rail-bottom{display:none}.shelf-nav{gap:8px;margin:0;display:flex}.shelf-link{border:1px solid #dededc;gap:12px;min-height:37px;padding:0 10px;font-size:11px}.shelf-link.active{color:#fff;background:#111;border-color:#111}.shelf-link.active svg,.shelf-link.active .nav-count{color:#ddd}.shelf-link>span:first-child{gap:7px}.library-content{padding:28px 0 20px}.page-heading{align-items:flex-start;gap:10px}.page-heading h1{max-width:240px;font-size:29px}.page-subtitle{max-width:265px;font-size:10px;line-height:1.5}.add-button{gap:0;width:38px;min-width:38px;height:38px;min-height:38px;padding:0;font-size:0;overflow:hidden}.add-button svg{flex:none}.preview-notice{flex-wrap:wrap;align-items:flex-start;gap:7px;margin-top:19px}.preview-notice p{min-width:calc(100% - 28px)}.preview-notice a{margin-left:27px}.library-toolbar{border-bottom:0;flex-wrap:wrap;align-items:stretch;min-height:54px;margin-top:22px}.filter-tabs{border-bottom:1px solid var(--line);gap:15px;min-height:43px}.filter-tab{font-size:10px}.search-field{width:100%;height:34px;margin:1px 0 10px}.list-labels,.book-row{grid-template-columns:minmax(0,1fr) 78px 25px;column-gap:9px}.list-labels{height:32px}.list-labels>:nth-child(3),.book-rating,.list-labels>:nth-child(4){display:none}.book-row{min-height:79px}.book-main{gap:10px}.cover-slot{width:37px;height:52px}.book-copy strong{font-size:14px}.book-copy>span{font-size:9px}.book-status{align-items:flex-start;gap:5px;padding-top:2px;font-size:9px}.book-readers{font-size:10px}.row-open{width:23px;height:23px}.shelf-summary{font-size:8px}.shelf-summary>span:last-child{font-size:7px}.app-footer{height:53px;margin:0 17px}.manual-fields{grid-template-columns:1fr 1fr}.manual-fields .button{grid-column:1/-1}.add-modal,.detail-modal{padding:18px}}@media (width<=370px){.page-heading h1{max-width:200px;font-size:26px}.eyebrow,.book-status{font-size:8px}.filter-tabs{gap:11px}}