:root{--text: #333333;--text-h: #382110;--bg: #f4f1ea;--border: #d6d0c4;--code-bg: #ebe8d5;--accent: #00635d;--accent-bg: rgba(0, 99, 93, .08);--accent-border: rgba(0, 99, 93, .35);--social-bg: rgba(235, 232, 213, .5);--shadow: rgba(0, 0, 0, .1) 0 10px 15px -3px, rgba(0, 0, 0, .05) 0 4px 6px -2px;--sans: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;--heading: "Merriweather", Georgia, "Times New Roman", serif;--mono: ui-monospace, Consolas, monospace;font:15px/150% var(--sans);color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(max-width:1024px){:root{font-size:14px}}@media(prefers-color-scheme:dark){:root{--text: #d9cdb8;--text-h: #f4f1ea;--bg: #22190f;--border: #4a3a24;--code-bg: #3a2c18;--accent: #2bb3a3;--accent-bg: rgba(43, 179, 163, .15);--accent-border: rgba(43, 179, 163, .4);--social-bg: rgba(58, 44, 24, .5);--shadow: rgba(0, 0, 0, .4) 0 10px 15px -3px, rgba(0, 0, 0, .25) 0 4px 6px -2px}#social .button-icon{filter:invert(1) brightness(2)}}:root[data-theme=light]{--text: #333333;--text-h: #382110;--bg: #f4f1ea;--border: #d6d0c4;--code-bg: #ebe8d5;--accent: #00635d;--accent-bg: rgba(0, 99, 93, .08);--accent-border: rgba(0, 99, 93, .35);--social-bg: rgba(235, 232, 213, .5);--shadow: rgba(0, 0, 0, .1) 0 10px 15px -3px, rgba(0, 0, 0, .05) 0 4px 6px -2px}:root[data-theme=dark]{--text: #d9cdb8;--text-h: #f4f1ea;--bg: #22190f;--border: #4a3a24;--code-bg: #3a2c18;--accent: #2bb3a3;--accent-bg: rgba(43, 179, 163, .15);--accent-border: rgba(43, 179, 163, .4);--social-bg: rgba(58, 44, 24, .5);--shadow: rgba(0, 0, 0, .4) 0 10px 15px -3px, rgba(0, 0, 0, .25) 0 4px 6px -2px}:root[data-theme=dark] #social .button-icon{filter:invert(1) brightness(2)}:root[data-theme=e-ink]{--text: #000000;--text-h: #000000;--bg: #f4f4f2;--border: #000000;--code-bg: #e4e4e0;--accent: #000000;--accent-bg: rgba(0, 0, 0, .06);--accent-border: rgba(0, 0, 0, .6);--social-bg: rgba(0, 0, 0, .04);--shadow: none}#root{width:100%;min-height:100svh;box-sizing:border-box}body{margin:0}h1,h2{font-family:var(--heading);font-weight:700;color:var(--text-h)}h1{font-size:40px;letter-spacing:normal;margin:32px 0}@media(max-width:1024px){h1{font-size:30px;margin:20px 0}}h2{font-size:22px;line-height:128%;letter-spacing:normal;margin:0 0 8px}@media(max-width:1024px){h2{font-size:18px}}p{margin:0}a{color:var(--accent)}a:hover{text-decoration:none}code,.counter{font-family:var(--mono);display:inline-flex;border-radius:4px;color:var(--text-h)}code{font-size:15px;line-height:135%;padding:4px 8px;background:var(--code-bg)}button,input,select,textarea{font:inherit;color:var(--text-h)}button,input:not([type=search]),select,textarea{border:1px solid var(--border);border-radius:6px;background:var(--bg)}button{padding:7px 14px;cursor:pointer}input,select,textarea{padding:7px 10px}button:hover:not(:disabled){background:var(--accent-bg);border-color:var(--accent-border)}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent-border);outline-offset:1px}#library-picker{display:flex;flex-direction:column;justify-content:center;min-height:100svh;max-width:560px;margin:0 auto;padding:24px 20px;text-align:center;box-sizing:border-box}#library-picker h1{margin-left:-8px}.app-shell{display:flex;align-items:stretch;min-height:100svh;text-align:left}.library-menu{position:relative;display:flex;align-items:center}.library-menu-trigger{padding:4px 8px;border:none;background:none;color:var(--text-muted, #888)}.main-column{flex:1;min-width:0;display:flex;flex-direction:column}.top-bar{display:flex;align-items:center;justify-content:space-between;flex:0 0 auto;gap:12px;padding:6px 24px;border-bottom:1px solid var(--border)}.top-bar-left{display:flex;align-items:center;gap:16px;min-width:0}.top-bar-library-name{display:block;max-width:200px;padding:4px 8px;border:none;border-radius:6px;background:none;text-align:left;font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-bar-nav{display:flex;align-items:center;gap:4px}.top-bar-nav-item{position:relative;display:flex;align-items:center}.top-bar-nav-caret{font-size:10px;margin-left:2px}.top-bar-nav-button{padding:3px 12px;font-size:14px;border:none;border-radius:999px;background:none;color:var(--text-muted, #888);font-weight:600}.top-bar-nav-button:disabled{opacity:.5;cursor:default}.top-bar-nav-button.active{background:var(--surface-raised, #f0f0f0);color:var(--text, #111)}.top-bar-actions{display:flex;align-items:center;gap:12px}.top-bar .search-box{width:280px}.top-bar .search-button{padding:4px}.home-page{display:flex;flex-direction:column;align-items:center;padding-top:12vh}.home-heading{max-width:560px;margin:0 0 16px;text-align:center;font-size:28px;letter-spacing:normal}.search-box{position:relative;width:320px;max-width:40vw}.search-box-large{width:100%;max-width:560px;margin-bottom:32px}.search-bar{display:flex;align-items:center;gap:4px;width:100%;padding:1px 4px 1px 12px;border:1px solid var(--border);border-radius:999px;background:var(--bg);box-sizing:border-box}.search-bar:focus-within{border-color:var(--accent-border);box-shadow:0 0 0 3px var(--accent-bg)}.search-bar-large{padding:4px 6px 4px 20px}.search-bar-large input{padding:10px 0;font-size:16px}.search-bar input{flex:1;border:none;background:none;padding:3px 0}.search-bar input:focus-visible{outline:none}.search-button{display:flex;align-items:center;justify-content:center;padding:7px;border:none;border-radius:999px;background:none;color:var(--text-muted, #888)}.search-dropdown{position:absolute;left:0;right:0;top:100%;z-index:20;margin-top:6px;padding:4px;border:1px solid var(--border, #333);border-radius:10px;background:var(--bg, #fff);box-shadow:var(--shadow);text-align:left}.search-dropdown-results{list-style:none;margin:0;padding:0}.search-result{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;border-radius:6px;background:none;text-align:left}.search-result:hover{background:var(--accent-bg)}.search-result-info{display:flex;flex-direction:column;gap:2px;min-width:0}.search-result-info strong,.search-result-creators{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-info .item-type{margin-left:0}.search-result-creators{color:var(--text-muted, #888);font-size:13px}.search-dropdown-empty{margin:0;padding:8px 10px;color:var(--text-muted, #888);font-size:14px}.search-see-all{display:block;width:100%;padding:8px 10px;border:none;border-top:1px solid var(--border, #333);border-radius:0;background:none;text-align:left;font-weight:600;color:var(--accent)}.search-see-all:hover{background:var(--accent-bg)}.settings-button,.add-button{display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border-radius:999px;background:none;color:var(--text-muted, #888)}.add-button.active{background:var(--surface-raised, #f0f0f0);color:var(--text, #111)}.user-menu{position:relative}.user-menu-trigger{display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border-radius:999px}.user-menu-popover{min-width:200px}.menu-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px}.menu-item{text-align:left}#catalog{flex:1;padding:24px;text-align:left}.library-list{display:flex;flex-direction:column;gap:8px;list-style:none;padding:0;margin:0 0 24px;text-align:left}.library-card{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-left:16px;border-radius:8px;background:var(--accent-bg);box-shadow:var(--shadow)}.library-card-main{flex:1;padding:16px 0;text-align:left;font-size:16px;font-weight:600;background:none;border:none}.library-card-menu{position:relative}.library-card-menu-trigger{padding:8px 14px;font-size:18px;line-height:1;background:none;border:none}button.library-card-main:hover:not(:disabled),button.library-card-menu-trigger:hover:not(:disabled){background:none;border-color:transparent}.menu-scrim{position:fixed;inset:0;z-index:10}.menu-popover{position:absolute;right:0;top:100%;z-index:20;display:flex;flex-direction:column;min-width:140px;margin-top:4px;padding:4px;border:1px solid var(--border, #333);border-radius:8px;background:var(--bg, #fff);box-shadow:var(--shadow)}.menu-popover-left{left:0;right:auto}.menu-popover button{text-align:left;padding:8px 10px;border:none;border-radius:4px;background:none}.menu-popover button:hover:not(:disabled){background:var(--accent-bg);border-color:transparent}.library-picker-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.button-primary{padding:6px 12px;font-size:14px;border:none;background:var(--accent);color:var(--bg);font-weight:600}.button-primary:hover:not(:disabled){opacity:.85;background:var(--accent)}.button-secondary{padding:6px 12px;font-size:14px;border:1px solid var(--border, #333);background:none;color:var(--text, inherit);font-weight:600}.button-secondary:hover:not(:disabled){background:var(--accent-bg);border-color:var(--border, #333)}.item-list{list-style:none;padding:0;margin:0}.item-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border, #333)}.item-info{flex:1}.item-type{margin-left:8px;font-size:12px;text-transform:uppercase;color:var(--text-muted, #888)}.empty{color:var(--text-muted, #888);padding:10px 0}.home-page .item-list{width:100%;max-width:720px}.home-carousels{display:flex;flex-direction:column;gap:6px;width:100%;max-width:960px}.home-carousel-title{margin:0 0 2px;font-size:14px;font-weight:700}.home-carousel-track{display:flex;gap:12px;margin:0;padding:2px 2px 4px;list-style:none;overflow-x:auto}.carousel-card{flex:0 0 auto}.carousel-card-button{display:flex;flex-direction:column;gap:3px;width:132px;padding:3px;border:none;background:none;border-radius:8px;text-align:left}.carousel-card-button .cover-thumb{width:132px;height:184px}.carousel-card-info{display:flex;flex-direction:column;gap:0}.carousel-card-title,.carousel-card-creators,.carousel-card-type{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.carousel-card-title{font-size:13px;font-weight:600}.carousel-card-creators{font-size:12px;color:var(--text-muted, #888)}.carousel-card-type{font-size:11px;color:var(--text-muted, #888);opacity:.7}.search-page{flex:1;padding:24px;max-width:720px}.search-page .home-heading{text-align:left;margin:0 0 16px}.explore-placeholder-page{flex:1;padding:24px;max-width:720px}.explore-placeholder-page .home-heading{text-align:left;margin:0 0 16px}.item-page{flex:1;padding:24px;max-width:840px;margin:0 auto;text-align:center}.item-page-header{display:flex;gap:24px;align-items:flex-start;text-align:left;margin-bottom:20px}.item-page-heading{flex:1;min-width:0}.item-page-heading h1{margin:0 0 4px;overflow-wrap:anywhere;line-height:1.3}.item-authors{margin:8px 0 0}.item-subtitle{margin:0;color:var(--text-muted, #888)}.item-section{text-align:left;margin:0 0 20px}.item-section h2{font-size:15px;margin:0 0 8px}.item-description-text{position:relative;margin:8px 0 0;max-height:100px;overflow:hidden}.item-description-text:not(.expanded):after{content:"";position:absolute;left:0;right:0;bottom:0;height:32px;background:linear-gradient(to bottom,transparent,var(--bg));pointer-events:none}.item-description-text.expanded{max-height:none}.item-description-text p{margin:0 0 8px}.item-description-text p:last-child{margin-bottom:0}.item-description-toggle{display:inline-flex;align-items:center;gap:4px;margin-top:4px;padding:4px 8px;border:none;border-radius:999px;background:none;color:var(--text-muted, #888);font-size:13px}.item-description-toggle:hover:not(:disabled){background:var(--accent-bg);border-color:transparent;color:var(--text-h)}.item-description-toggle-caret{display:inline-block;font-size:10px;line-height:1;transition:transform .15s ease}.item-description-toggle-caret.expanded{transform:rotate(180deg)}.item-notes-text{display:block;width:100%;box-sizing:border-box;min-height:90px;resize:vertical}.item-tags{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:12px 0 0}.item-tag{padding:4px 10px;border-radius:999px;background:var(--accent-bg);font-size:13px}.item-details{display:grid;grid-template-columns:max-content 1fr;gap:4px 16px;margin:16px 0 0;font-size:13px}.item-details dt{color:var(--text-muted, #888)}.item-details dd{margin:0}.item-page-actions{display:flex;justify-content:center;gap:8px}.item-current-page,.item-completed-at{display:flex;flex-direction:column;align-items:center;gap:4px;margin:16px 0;font-size:13px;color:var(--text-muted, #888)}.item-creators{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding:0;margin:8px 0 0}.item-creator{display:flex;align-items:center;gap:6px}.creator-thumb{flex:0 0 auto;width:24px;height:24px;border-radius:50%;object-fit:cover;background:var(--accent-bg)}.creator-thumb-placeholder{display:flex;align-items:center;justify-content:center;color:var(--text-muted, #888)}.settings-page{display:flex;flex-direction:column;gap:20px;width:100%;padding:32px 24px 48px;max-width:560px;margin:0 auto;box-sizing:border-box}.settings-page h1{margin:0;font-size:24px}.settings-card{padding:24px;border:1px solid var(--border);border-radius:12px;background:var(--bg);box-shadow:var(--shadow)}.settings-card-title{margin:0 0 16px;font-family:var(--sans);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted, #888)}.settings-form{display:flex;flex-direction:column;gap:6px}.settings-form label{font-weight:600;font-size:14px}.settings-form input{width:100%;box-sizing:border-box}.settings-hint{margin:0;font-size:13px;color:var(--text-muted, #888)}.settings-row{padding:0}.auth-page{display:flex;flex-direction:column;justify-content:center;min-height:100svh;max-width:400px;margin:0 auto;padding:24px 20px;box-sizing:border-box}.auth-page h1{margin:0 0 20px;font-size:24px;text-align:center}.auth-back{align-self:flex-start;margin-bottom:16px;font-size:14px;color:var(--text-muted, #888);text-decoration:none}.auth-back:hover{color:var(--text-h)}.add-page{flex:1;width:100%;padding:24px;max-width:720px;margin:0 auto;box-sizing:border-box}.add-mode-tabs{display:flex;gap:4px;margin:16px 0 20px;border-bottom:1px solid var(--border)}.add-mode-tab{padding:8px 4px;margin-bottom:-1px;border:none;border-bottom:2px solid transparent;border-radius:0;background:none;font-weight:600;color:var(--text-muted, #888)}.add-mode-tab.active{border-bottom-color:var(--accent);color:var(--text, #111)}.add-tab-panel{display:flex;flex-direction:column;gap:16px}.add-search-form{display:flex;gap:8px}.add-search-form input{flex:1}.add-error,.add-loading{margin:0;color:var(--text-muted, #888)}.add-results-list,.scan-session-list{display:flex;flex-direction:column;gap:8px;list-style:none;padding:0;margin:0}.add-result-row,.scan-entry{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:10px}.add-result-main{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.add-result-info{display:flex;flex-direction:column;min-width:0}.add-result-subtitle,.add-result-year{color:var(--text-muted, #888);font-size:13px}.cover-thumb{flex:0 0 auto;width:40px;height:56px;border-radius:4px;object-fit:cover;background:var(--accent-bg)}.cover-thumb-placeholder{display:flex;align-items:center;justify-content:center;color:var(--text-muted, #888)}.cover-thumb-large{width:120px;height:168px;border-radius:8px}.item-page-header .cover-thumb-large{width:280px;height:392px;border-radius:10px}.cover-edit-row{display:flex;align-items:flex-start;gap:12px}.cover-edit-controls{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.cover-upload-button{display:inline-flex;align-items:center;justify-content:center;width:fit-content;cursor:pointer}.cover-upload-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.add-edit-panel{flex-basis:100%;padding-top:12px;border-top:1px solid var(--border)}.item-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}.item-edit-grid label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;color:var(--text-muted, #888)}.item-edit-wide{grid-column:1 / -1}.item-edit-wide textarea{min-height:70px;resize:vertical}.item-edit-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.scan-controls{display:flex;align-items:center;gap:12px}.scan-status-text{color:var(--text-muted, #888);font-size:14px}.scanner-sink-input{position:absolute;width:1px;height:1px;padding:0;border:none;opacity:0;overflow:hidden}.scan-entry-actions{display:flex;gap:8px}.scan-status{font-size:12px;font-weight:600}.scan-status-added{color:var(--accent)}.scan-status-duplicate,.scan-status-not-found{color:var(--text-muted, #888)}.scan-status-error{color:#c0392b}