:root{--font-head-def: "Fjalla One", sans-serif;--font-body-def: "Source Sans Pro", sans-serif;--font-code: "Source Code Pro", monospace;--font-head-serif: "Merriweather", serif;--font-body-serif: "Merriweather", serif;--font-head-sans: "Bebas Neue", sans-serif;--font-body-sans: "Heebo", sans-serif;--font-head-purple: "Lexend", sans-serif;--font-body-purple: "Zilla Slab", serif;--font-head: var(--font-head-def);--font-body: var(--font-body-def);--font-weight-head: 400;--bg-app: #ffffff;--bg-panel: #f8f9fa;--bg-hover: #e9ecef;--bg-selected: #e7f1ff;--text-main: #212529;--text-head: var(--text-main);--text-muted: #6c757d;--accent: #0d6efd;--primary: var(--accent);--success: #198754;--danger: #dc3545;--border: #dee2e6;--shadow: 0 1px 3px rgba(0,0,0,.1)}[data-theme=serif]{--font-head: var(--font-head-serif);--font-body: var(--font-body-serif)}[data-theme=sans]{--font-head: var(--font-head-sans);--font-body: var(--font-body-sans)}[data-theme=purple]{--font-head: var(--font-head-purple);--font-body: var(--font-body-purple)}[data-theme=contrast]{--font-head: var(--font-body-def);--font-body: var(--font-body-def)}[data-theme=default][data-mode=dark],body:not([data-theme])[data-mode=dark]{--bg-app: #121212;--bg-panel: #1e1e1e;--bg-hover: #2c2c2c;--bg-selected: #1a2736;--text-main: #e0e0e0;--text-muted: #a0a0a0;--accent: #99caff;--border: #333333;--shadow: 0 1px 3px rgba(0,0,0,.5)}@media(prefers-color-scheme:dark){[data-theme=default][data-mode=auto],body:not([data-theme])[data-mode=auto]{--bg-app: #121212;--bg-panel: #1e1e1e;--bg-hover: #2c2c2c;--bg-selected: #1a2736;--text-main: #e0e0e0;--text-muted: #a0a0a0;--accent: #99caff;--border: #333333;--shadow: 0 1px 3px rgba(0,0,0,.5)}}[data-theme=serif][data-mode=light]{--bg-app: #fdf6e3;--bg-panel: #eee8d5;--bg-hover: #e0d8c0;--bg-selected: #d0c8b0;--text-main: #586e75;--text-muted: #93a1a1;--accent: #b58900;--border: #d6d0c0}@media(prefers-color-scheme:light){[data-theme=serif][data-mode=auto]{--bg-app: #fdf6e3;--bg-panel: #eee8d5;--bg-hover: #e0d8c0;--bg-selected: #d0c8b0;--text-main: #586e75;--text-muted: #93a1a1;--accent: #b58900;--border: #d6d0c0}}[data-theme=serif][data-mode=dark]{--bg-app: #002b36;--bg-panel: #073642;--bg-hover: #0f4a56;--bg-selected: #155560;--text-main: #839496;--text-muted: #586e75;--accent: #b58900;--border: #0f4a56}@media(prefers-color-scheme:dark){[data-theme=serif][data-mode=auto]{--bg-app: #002b36;--bg-panel: #073642;--bg-hover: #0f4a56;--bg-selected: #155560;--text-main: #839496;--text-muted: #586e75;--accent: #b58900;--border: #0f4a56}}[data-theme=sans][data-mode=light]{--bg-app: #fcfcfc;--bg-panel: #f0f2f5;--bg-hover: #e4e6e9;--bg-selected: #e7f3ff;--text-main: #1c1e21;--text-muted: #65676b;--accent: #1877f2;--border: #dddfe2}@media(prefers-color-scheme:light){[data-theme=sans][data-mode=auto]{--bg-app: #fcfcfc;--bg-panel: #f0f2f5;--bg-hover: #e4e6e9;--bg-selected: #e7f3ff;--text-main: #1c1e21;--text-muted: #65676b;--accent: #1877f2;--border: #dddfe2}}[data-theme=sans][data-mode=dark]{--bg-app: #18191a;--bg-panel: #242526;--bg-hover: #3a3b3c;--bg-selected: #263951;--text-main: #e4e6eb;--text-muted: #b0b3b8;--accent: #2e89ff;--border: #3e4042}@media(prefers-color-scheme:dark){[data-theme=sans][data-mode=auto]{--bg-app: #18191a;--bg-panel: #242526;--bg-hover: #3a3b3c;--bg-selected: #263951;--text-main: #e4e6eb;--text-muted: #b0b3b8;--accent: #2e89ff;--border: #3e4042}}[data-theme=purple][data-mode=light]{--bg-app: #fcfaff;--bg-panel: #f4efff;--bg-hover: #e8ddff;--bg-selected: #d0bfff;--text-main: #2a1a40;--text-head: #1A2555;--text-muted: #6b5a80;--accent: #7c4dff;--border: #e0d0ff;--font-weight-head: 300}@media(prefers-color-scheme:light){[data-theme=purple][data-mode=auto]{--bg-app: #fcfaff;--bg-panel: #f4efff;--bg-hover: #e8ddff;--bg-selected: #d0bfff;--text-main: #2a1a40;--text-head: #1A2555;--text-muted: #6b5a80;--accent: #7c4dff;--border: #e0d0ff;--font-weight-head: 300}}[data-theme=purple][data-mode=dark]{--bg-app: #150d21;--bg-panel: #1e1330;--bg-hover: #2d1f45;--bg-selected: #3e2a60;--text-main: #eeddff;--text-head: var(--text-main);--text-muted: #a89bb5;--accent: #b388ff;--border: #3e2a60;--font-weight-head: 400}@media(prefers-color-scheme:dark){[data-theme=purple][data-mode=auto]{--bg-app: #150d21;--bg-panel: #1e1330;--bg-hover: #2d1f45;--bg-selected: #3e2a60;--text-main: #eeddff;--text-head: var(--text-main);--text-muted: #a89bb5;--accent: #b388ff;--border: #3e2a60;--font-weight-head: 400}}[data-theme=contrast][data-mode=light]{--bg-app: #ffffff;--bg-panel: #ffffff;--bg-hover: #eeeeee;--bg-selected: #dddddd;--text-main: #000000;--text-muted: #000000;--accent: #000000;--border: #000000}@media(prefers-color-scheme:light){[data-theme=contrast][data-mode=auto]{--bg-app: #ffffff;--bg-panel: #ffffff;--bg-hover: #eeeeee;--bg-selected: #dddddd;--text-main: #000000;--text-muted: #000000;--accent: #000000;--border: #000000}}[data-theme=contrast][data-mode=dark]{--bg-app: #000000;--bg-panel: #000000;--bg-hover: #222222;--bg-selected: #444444;--text-main: #ffffff;--text-muted: #ffffff;--accent: #ffffff;--border: #ffffff}@media(prefers-color-scheme:dark){[data-theme=contrast][data-mode=auto]{--bg-app: #000000;--bg-panel: #000000;--bg-hover: #222222;--bg-selected: #444444;--text-main: #ffffff;--text-muted: #ffffff;--accent: #ffffff;--border: #ffffff}}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;vertical-align:middle;font-size:1.25rem}.material-symbols-filled{font-variation-settings:"FILL" 1!important}.caret{font-size:1.1rem;transition:transform .2s}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-app);color:var(--text-main);height:100dvh;overflow:hidden}.reader-content a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.reader-content a:hover{filter:brightness(1.2)}.app-layout{display:grid;grid-template-columns:250px 4px 350px 4px 1fr;height:100vh}.resizer{background-color:transparent;cursor:col-resize;transition:background-color .2s;z-index:20}.resizer:hover,.resizer.active{background-color:var(--accent)}.sidebar{background-color:var(--bg-panel);border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.logo{font-family:var(--font-head);color:var(--text-head);font-weight:var(--font-weight-head);font-size:1.5rem;padding:1rem;letter-spacing:1px}.sidebar-search{padding:0 1rem 1rem}.sidebar-search form{display:flex;align-items:center;background-color:var(--bg-hover);padding:.5rem .75rem;border-radius:6px;gap:.5rem;border:1px solid transparent;transition:border-color .2s}.sidebar-search form:focus-within{border-color:var(--accent)}.sidebar-search i{color:var(--text-muted)}.sidebar-search input{background:none;border:none;color:var(--text-main);font-size:.9rem;width:100%;outline:none}.sidebar-content-wrapper{padding:1rem 0}#nav-links{flex:1;overflow-y:auto;min-height:0}.sidebar-footer{padding:1rem;border-top:1px solid var(--border);display:flex;gap:1rem}.nav-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;padding-left:var(--indent, 1rem);cursor:pointer;font-family:var(--font-head);font-weight:var(--font-weight-head);color:var(--text-main);transition:background .1s}.nav-item i{width:1.25rem;text-align:center;flex-shrink:0}.caret{width:1.25rem!important;font-size:.8rem;transition:transform .2s}.nav-item:hover{background-color:var(--bg-hover)}.nav-item.active{background-color:var(--bg-selected);color:var(--accent)}.nav-item-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{background-color:var(--bg-hover);color:var(--text-muted);font-size:.7rem;padding:2px 6px;border-radius:10px;min-width:20px;text-align:center;font-weight:600}.nav-item.active .badge{background-color:var(--accent);color:#fff}.folder-header .nav-item-text{color:color-mix(in srgb,var(--accent),var(--text-main) 60%);font-weight:600;transition:color .2s}.folder-header i{color:var(--accent);opacity:.6;transition:opacity .2s}.folder-header:hover .nav-item-text,.folder-header.active .nav-item-text{color:var(--accent)}.folder-header:hover i,.folder-header.active i{opacity:1}.sidebar-tabs{display:flex;padding:0 1rem;margin-top:1rem;border-bottom:1px solid var(--border)}.sidebar-tab{flex:1;background:none;border:none;padding:.5rem;font-family:var(--font-head);font-size:.8rem;text-transform:uppercase;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.sidebar-tab:hover{color:var(--text-main)}.sidebar-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.tag-list-sidebar{padding:.5rem 0}.sidebar-label{font-family:var(--font-head);font-weight:var(--font-weight-head);color:var(--text-muted);font-size:.75rem;text-transform:uppercase;padding:.5rem 1rem;margin-top:1rem;letter-spacing:.5px}.settings-section-title{font-family:var(--font-head);font-weight:var(--font-weight-head);color:var(--text-muted);font-size:.9rem;text-transform:uppercase;margin-top:1.5rem;margin-bottom:.75rem;border-bottom:1px solid var(--border);padding-bottom:.25rem;letter-spacing:.5px}.item-list{border-right:1px solid var(--border);background-color:var(--bg-app);display:flex;flex-direction:column;min-height:0}.view-navigation{display:flex;padding:.5rem;gap:.5rem;border-bottom:1px solid var(--border);background:var(--bg-panel)}.view-navigation .nav-item{flex:1;justify-content:center;padding:.5rem;border-radius:6px;font-size:.9rem;border:1px solid transparent}.view-navigation .nav-item.active{background:var(--bg-app);border-color:var(--border);box-shadow:var(--shadow)}#articles-container{flex:1;overflow-y:auto}.list-header{flex-shrink:0;padding:1rem;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg-app);z-index:10;display:flex;justify-content:space-between;align-items:center}.list-header h2{font-family:var(--font-head);color:var(--text-head);font-weight:var(--font-weight-head);font-size:1.25rem}.list-actions{display:flex;gap:0;border:1px solid var(--border);border-radius:6px;overflow:hidden;background:var(--bg-panel)}.list-actions .btn-icon{border-radius:0;border-right:1px solid var(--border);padding:6px 10px;color:var(--text-muted)}.list-actions .btn-icon:last-child{border-right:none}.list-actions .btn-icon:hover{background:var(--bg-hover);color:var(--text-main)}.article-preview h3{font-size:1rem;margin-bottom:.25rem;font-weight:400;line-height:1.3;transition:font-weight .4s ease,color .4s ease}.article-preview.unread h3{font-weight:700;color:var(--text-main)}.article-preview:not(.unread) h3{color:var(--text-muted)}.article-preview.active{background-color:var(--bg-selected);border-left:3px solid var(--accent)}.article-preview{padding:1rem;border-bottom:1px solid var(--border);cursor:pointer;transition:background .2s,border-left .2s,opacity .4s ease,max-height .4s ease,padding .4s ease,margin .4s ease;border-left:3px solid transparent;max-height:200px;overflow:hidden}.article-preview.read-hidden{opacity:0;max-height:0;padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0;border-bottom:none;pointer-events:none}.article-preview .feed-name{font-size:.8rem;color:var(--accent);font-weight:600}.article-preview .feed-name:hover{text-decoration:underline}.article-preview time{font-size:.75rem;color:var(--text-muted)}.btn-preview-toread{cursor:pointer;transition:opacity .2s,transform .1s}.btn-preview-toread:hover{opacity:1!important;transform:scale(1.2)}.reader{padding:2rem 2rem 15rem;overflow-y:auto;display:flex;flex-direction:column;align-items:center}.reader-view{max-width:800px;width:100%}.reader h1{font-family:var(--font-head);color:var(--text-head);font-weight:var(--font-weight-head);font-size:1.8rem;margin-bottom:.5rem;line-height:1.1}.reader-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;align-items:center}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.tags-list:empty{display:none}.tag-pill{background-color:var(--bg-hover);color:var(--text-main);padding:2px 10px;border-radius:12px;font-size:.75rem;display:flex;align-items:center;gap:4px}.btn-remove-tag,.btn-tag-add i{font-size:1rem!important}.btn-remove-tag{cursor:pointer;opacity:.6}.btn-remove-tag:hover{opacity:1;color:#ff4d4f}.btn-tag-add{background:none;border:1px dashed var(--border);color:var(--text-muted);font-size:.75rem;padding:2px 10px;border-radius:12px;cursor:pointer;display:flex;align-items:center;gap:4px}.btn-tag-add:hover{border-color:var(--accent);color:var(--accent)}#form-add-tag input{background:var(--bg-hover);border:1px solid var(--border);color:var(--text-main);font-size:.75rem;padding:2px 10px;border-radius:12px;outline:none;width:100px}#form-add-tag input:focus{border-color:var(--accent)}.reader-meta{color:var(--text-muted);font-size:.9rem;margin-bottom:1rem;border-bottom:1px solid var(--border);padding-bottom:1rem}.reader-content{font-size:1.1rem;line-height:1.6}.reader-content pre{background:var(--bg-panel);padding:1rem;border-radius:4px;font-family:var(--font-code);overflow-x:auto;margin:1rem 0}.reader-content img{max-width:100%;height:auto;border-radius:4px;border:1px solid var(--border)}.reader-content blockquote{border-left:4px solid var(--accent);padding:.5rem 1rem;margin:1.5rem 0;background:var(--bg-panel);font-style:italic;color:var(--text-muted)}.reader-content p{margin-bottom:1rem}.reader-content>*:last-child{margin-bottom:15rem}.btn-icon{background:none;border:none;color:var(--text-muted);font-size:1.25rem;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.btn-icon:hover{background-color:var(--bg-hover);color:var(--text-main)}.btn-icon.active{color:var(--accent)}.spinning i{animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state{display:flex;height:100%;align-items:center;justify-content:center;color:var(--text-muted);font-style:italic}.overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;overflow-y:auto}.hidden,.mobile-only{display:none!important}.login-card{background:var(--bg-app);padding:2rem;border-radius:8px;text-align:center;box-shadow:0 4px 20px #00000080;width:100%;max-width:500px;max-height:calc(100vh - 2rem);overflow-y:auto;position:relative}.admin-card{max-width:800px;max-height:90vh;display:flex;flex-direction:column}.alert-card{max-width:450px}.choice-group{display:flex;gap:.5rem;flex-wrap:wrap}.choice-group label{flex:1;min-width:80px;cursor:pointer}.choice-group label span{display:block;padding:.5rem;border:1px solid var(--border);border-radius:4px;text-align:center;font-size:.9rem}.choice-group input[type=radio]{display:none}.choice-group input[type=radio]:checked+span{background:var(--bg-selected);border-color:var(--accent);color:var(--accent);font-weight:600}.settings-form,.modal-form{display:flex;flex-direction:column;gap:.5rem;text-align:left}.settings-group{margin-bottom:.5rem}.settings-label{display:block;margin-bottom:.5rem;color:var(--text-muted)}.settings-input,.settings-textarea{width:100%;padding:.5rem;border:1px solid var(--border);border-radius:4px;background:var(--bg-panel);color:var(--text-main);font-family:inherit;outline:none}.settings-input:focus,.settings-textarea:focus{border-color:var(--accent)}.settings-textarea{resize:vertical}.settings-data-actions{display:flex;gap:.5rem;margin-top:.5rem}.settings-data-actions .btn-secondary,.settings-data-actions .opml-import-label{flex:1;font-size:.8rem;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem}.opml-import-label{cursor:pointer}.settings-footer,.modal-footer,.admin-footer{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.admin-footer{margin-top:1.5rem}#app-alert-title{margin-bottom:1rem}.alert-message{line-height:1.6;color:var(--text-muted)}.alert-buttons{margin-top:1.5rem;display:flex;justify-content:center;gap:1rem}.admin-user-list-container{flex:1;overflow-y:auto;margin:1rem 0;border:1px solid var(--border);border-radius:4px}.admin-user-table{width:100%;border-collapse:collapse;text-align:left}.admin-user-table th,.admin-user-table td{padding:.75rem;border-bottom:1px solid var(--border)}.admin-user-table th{background:var(--bg-panel);font-family:var(--font-head);font-size:.8rem;text-transform:uppercase;color:var(--text-muted)}.table-loading,.table-error{padding:1rem;text-align:center}.table-error{color:var(--danger)}.btn-delete-user{background:none;border:none;color:var(--danger);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px}.btn-delete-user:hover{background-color:var(--bg-hover)}.admin-add-user-form{display:flex;gap:.5rem;align-items:center;padding-top:1rem;border-top:1px solid var(--border)}.admin-add-user-form input{flex:2;padding:.5rem;border-radius:4px;border:1px solid var(--border);background:var(--bg-panel);color:var(--text-main);outline:none}.admin-add-user-form input:focus{border-color:var(--accent)}.admin-add-user-controls{display:flex;align-items:center;gap:.5rem;flex:1}.admin-add-user-controls label{display:flex;align-items:center;gap:4px;font-size:.8rem;cursor:pointer;white-space:nowrap}@media(max-width:600px){.admin-user-table thead{display:none}.admin-user-table tr{display:block;padding:.5rem;border-bottom:2px solid var(--border)}.admin-user-table td{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--bg-hover);padding:.5rem;text-align:right}.admin-user-table td:last-child{border-bottom:none}.admin-user-table td:before{content:attr(data-label);font-weight:600;color:var(--text-muted);text-transform:uppercase;font-size:.7rem;text-align:left}.admin-add-user-form{flex-direction:column;align-items:stretch}.admin-add-user-form input{flex:none}.admin-add-user-controls{justify-content:space-between;margin-top:.5rem}}@media(max-width:480px){.login-card{padding:1.5rem}}.login-card p{margin:1rem 0 2rem;color:var(--text-muted)}.btn-google{display:inline-flex;align-items:center;gap:.5rem;background:#4285f4;color:#fff;padding:.75rem 1.5rem;border-radius:4px;text-decoration:none;font-weight:600;transition:background .2s}.btn-google:hover{background:#357ae8}.btn-primary{background:var(--accent);color:#fff;padding:.75rem 1.5rem;border-radius:4px;border:none;font-weight:600;cursor:pointer}.btn-secondary{background:var(--bg-hover);color:var(--text-main);padding:.75rem 1.5rem;border-radius:4px;border:none;font-weight:600;cursor:pointer}.btn-primary:hover,.btn-secondary:hover{opacity:.9}.dragging{opacity:.5}.drop-target.drag-over{background-color:var(--bg-selected);outline:2px dashed var(--accent);outline-offset:-2px}.caret{transition:transform .2s}.caret.is-collapsed{transform:rotate(-90deg)}.pagination-controls button:disabled{opacity:.3;cursor:not-allowed}.pagination-controls button:disabled:hover{background:none;color:var(--text-muted)}.pagination-controls{padding:.5rem 1rem;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:var(--bg-panel)}.page-indicator{font-size:.8rem;color:var(--text-muted)}.article-preview-header{display:flex;gap:.5rem;align-items:flex-start}.article-preview-header h3{flex:1}.article-preview-icons{display:flex;gap:4px;margin-top:4px}.recommendation-icon{color:var(--primary);font-size:1rem!important}.btn-preview-toread{font-size:1rem!important;color:var(--text-muted);opacity:.3}.btn-preview-toread.active{color:var(--accent);opacity:1}.starred-icon{color:var(--primary);font-size:1rem!important}.recommendation-summary{font-size:.75rem;color:var(--text-muted);font-style:italic;margin-top:2px}.article-preview-footer{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.article-preview-footer .feed-name{cursor:pointer}.view-original{color:var(--accent);text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:.25rem}.view-original:hover{text-decoration:underline}.reader-header-top{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.reader-actions{display:flex;gap:.5rem}.reader-actions .btn-icon{font-size:1.5rem!important;color:var(--text-muted)}.reader-actions .btn-icon#btn-toggle-toread.active{color:var(--accent)}.reader-actions .btn-icon#btn-toggle-star.active{color:var(--primary)}.reader-meta .btn-feed-nav{cursor:pointer;color:var(--accent);font-weight:600}.recommendation-justification{margin:1rem 0;padding:1rem;background:var(--bg-panel);border-left:4px solid var(--primary);border-radius:4px;position:relative}.recommendation-badge{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--primary);margin-bottom:.5rem}.recommendation-reason{font-style:italic;color:var(--text-main)}.recommendation-feedback{margin-top:1rem;display:flex;align-items:center;gap:1rem;font-size:.85rem;color:var(--text-muted)}.vote-buttons{display:flex;gap:.5rem}.btn-vote{background:none;border:1px solid var(--border);color:var(--text-muted);padding:2px 8px;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:4px}.btn-upvote.selected{background:var(--success);border-color:var(--success);color:#fff}.btn-downvote.selected{background:var(--danger);border-color:var(--danger);color:#fff}.folder-actions,.feed-actions{display:none;align-items:center;gap:4px;flex-shrink:0}@media(min-width:769px){.folder-actions,.feed-actions{display:flex;visibility:hidden;opacity:0;transition:opacity .2s}.folder-header:hover .folder-actions,.feed-item:hover .feed-actions{visibility:visible;opacity:1}}.btn-edit-folder,.btn-delete-folder,.btn-edit-feed,.btn-delete-feed{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;display:flex;align-items:center}.feed-item{font-size:.9rem;font-family:var(--font-body);font-weight:400}.feed-item-title-container{display:flex;align-items:center;gap:.5rem;overflow:hidden;text-overflow:ellipsis;flex:1}.sidebar-library-list{min-height:10px}.tag-sort-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;border-bottom:1px solid var(--border);margin-bottom:.5rem}.tag-sort-label{font-size:.75rem;color:var(--text-muted);font-weight:600;text-transform:uppercase}.tag-sort-buttons{display:flex;gap:8px}.btn-tag-sort{background:none;border:none;cursor:pointer;color:var(--text-muted);display:flex;align-items:center}.btn-tag-sort.active{color:var(--accent)}.btn-tag-sort i{font-size:1.2rem}.sidebar-empty-state{padding:1rem}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:50px;background-color:var(--bg-panel);border-top:1px solid var(--border);justify-content:space-around;align-items:center;z-index:1000}.mobile-nav-item{background:none;border:none;color:var(--text-muted);display:flex;flex-direction:row;align-items:center;font-size:.9rem;font-family:var(--font-head);font-weight:600;gap:8px;cursor:pointer;flex:1;height:100%;justify-content:center}.mobile-nav-item i{font-size:1.25rem}.mobile-nav-item.active{color:var(--accent)}@media(min-width:769px){.mobile-nav{display:none!important}}@media(max-width:768px){.mobile-nav{display:flex}.mobile-only{display:flex!important}.app-layout{display:block;position:fixed;top:0;left:0;right:0;height:calc(100dvh - 50px);overflow:hidden}.resizer{display:none!important}.sidebar,.item-list,.reader{width:100%;height:100%;position:absolute;top:0;left:0;border-right:none;flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex!important;padding:0}.reader{z-index:2000;background:var(--bg-app);transform:translate(100%);overflow-y:auto}.reader-view{padding:1rem;width:100%}.reader-view:after{content:"";display:block;height:100px;clear:both}.sidebar-header{display:flex;flex-direction:row;align-items:center;padding:.5rem 1rem;gap:.75rem;border-bottom:1px solid var(--border);flex-shrink:0}.sidebar-content-wrapper{padding:0}.logo{padding:0;font-size:1.25rem;letter-spacing:.5px}.sidebar-search{padding:0;flex:1}.sidebar-search form{padding:.4rem .6rem}.sidebar{display:flex!important;left:0;transform:translate(-100%);z-index:10}.item-list{display:flex!important;left:0;transform:translate(100%);z-index:5}.mobile-panel-sidebar .sidebar{transform:translate(0)}.mobile-panel-sidebar .item-list{transform:translate(100%)}.mobile-panel-list .sidebar{transform:translate(-100%)}.mobile-panel-list .item-list,.mobile-panel-reader .reader{transform:translate(0)}.mobile-panel-reader .item-list{transform:translate(-100%)}.view-navigation{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;-ms-overflow-style:none;justify-content:flex-start}.view-navigation::-webkit-scrollbar{display:none}.view-navigation .nav-item{flex:0 0 auto;min-width:44px;padding:.5rem .75rem;justify-content:center}.view-navigation .nav-item:not(.active) .nav-item-text{display:none}.view-navigation .nav-item.active{flex:0 0 auto}.list-actions .btn-icon{min-width:45px;min-height:45px;padding:10px}.sidebar-footer{padding:.5rem;justify-content:space-between;background:var(--bg-panel);flex-shrink:0;gap:.25rem;display:flex!important;border-top:1px solid var(--border);min-height:60px;align-items:center}.sidebar-footer .btn-icon{min-width:45px;min-height:45px;flex:1}.reader-header{margin-top:3rem}#btn-reader-back{position:fixed;top:1rem;left:1rem;z-index:2001;background:var(--accent);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:24px;display:flex;align-items:center;gap:.5rem;font-weight:600;box-shadow:0 4px 12px #0000004d;cursor:pointer}[data-theme=dark] #btn-reader-back{color:#121212}}