*{font-family:Crimson Text,Georgia,serif;font-size:16px}.app{min-height:100vh;padding:20px;transition:background-color .3s ease}.app-header{text-align:center;padding:20px 0 40px}.app-header h1{font-size:2.8rem;margin-bottom:10px;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-header p{color:#666;font-size:1.2rem}.container{max-width:1400px;margin:0 auto}.error-message{background-color:#fee;border:1px solid #fcc;border-radius:8px;padding:15px;margin:20px 0;color:#c33}.loading{text-align:center;padding:40px;font-size:1.2rem;color:#666}.loading:after{content:"...";animation:dots 1.5s steps(4,end) infinite}@keyframes dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.link-type-section{max-width:800px;margin:40px auto;padding:30px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.link-type-section h3{margin:0 0 10px;font-size:1.5rem;color:#333}.link-type-section p{margin:0 0 20px;color:#666;font-size:1.1rem}.link-type-options{display:grid;grid-template-columns:1fr 1fr;gap:20px}.link-type-option{display:flex;align-items:center;gap:15px;padding:20px;background:#f8f9fa;border:3px solid #e1e8ed;border-radius:10px;cursor:pointer;transition:all .2s;text-align:left}.link-type-option:hover{border-color:#667eea;background:#f0f2ff;transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.link-type-option.active{border-color:#667eea;background:linear-gradient(135deg,#667eea1a,#764ba21a);box-shadow:0 4px 12px #667eea33}.option-icon{font-size:2rem;line-height:1}.option-content{display:flex;flex-direction:column;gap:5px}.option-content strong{font-size:1.2rem;color:#333;display:block}.option-content span{font-size:1rem;color:#666;display:block}@media (max-width: 768px){.link-type-options{grid-template-columns:1fr}}.action-buttons{display:flex;justify-content:center;margin-top:40px;padding:30px 0}.view-collection-button{padding:16px 48px;font-size:18px;font-weight:600;background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #667eea66}.view-collection-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.view-collection-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.tabs-bar{display:flex;align-items:center;background:#fff;border-bottom:1px solid #e1e8ed;padding:0 15px;gap:10px;overflow-x:auto;overflow-y:hidden}.tabs-container{display:flex;gap:4px;flex:1;overflow-x:auto;overflow-y:hidden}.tab{display:flex;align-items:center;gap:8px;padding:12px 16px;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;transition:all .2s;white-space:nowrap;font-size:15px;color:#666;min-width:120px}.tab:hover{background:#f8f9fa;color:#333}.tab.active{color:#667eea;border-bottom-color:#667eea;font-weight:600}.tab-name{flex:1;overflow:hidden;text-overflow:ellipsis;max-width:200px}.tab-close{background:none;border:none;font-size:20px;color:#999;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:3px;transition:all .2s;flex-shrink:0}.tab-close:hover{background:#fee;color:#c33}.new-tab-button{background:transparent;border:2px solid #667eea;color:#667eea;font-size:20px;font-weight:700;width:36px;height:36px;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.new-tab-button:hover{background:#667eea;color:#fff}.grid-view{padding:0;min-height:100vh;display:flex;flex-direction:column}.grid-view-header{display:flex;justify-content:space-between;align-items:center;padding:15px 30px;background:#fff;border-bottom:1px solid #e1e8ed;box-shadow:0 2px 4px #0000000d;position:sticky;top:0;z-index:100}.header-left{display:flex;align-items:center;gap:20px}.header-left h1{font-size:1.5rem;margin:0;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.current-collection{font-size:15px;color:#666;font-weight:500}.header-right{display:flex;align-items:center;gap:15px}.dark-mode-toggle,.info-button,.settings-button{display:flex;align-items:center;gap:8px;padding:10px 18px;background:transparent;color:#667eea;border:2px solid #667eea;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.dark-mode-toggle:hover,.info-button:hover,.settings-button:hover{background:#667eea;color:#fff}.logout-button-small{padding:10px 18px;background:transparent;color:#999;border:2px solid #ddd;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.logout-button-small:hover{border-color:#999;color:#666}.settings-panel{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}.settings-content{background:#fff;border-radius:12px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:1px solid #e1e8ed}.settings-header h3{margin:0;font-size:1.5rem;color:#333}.close-button{background:none;border:none;font-size:32px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.close-button:hover{color:#333}.settings-actions{display:flex;justify-content:flex-end;gap:15px;padding:20px 30px;border-top:1px solid #e1e8ed}.apply-button{padding:12px 28px;background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.apply-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.cancel-button{padding:12px 28px;background:transparent;color:#666;border:2px solid #ddd;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.cancel-button:hover{border-color:#999;color:#333}.link-type-toggle{padding:20px 30px;border-bottom:1px solid #e1e8ed}.link-type-toggle label{display:flex;flex-direction:column;gap:12px}.link-type-toggle label span{font-weight:600;color:#333;font-size:14px}.toggle-group{display:flex;gap:0;border-radius:6px;overflow:hidden;border:2px solid #667eea;width:fit-content}.toggle-group button{padding:10px 20px;background:transparent;color:#667eea;border:none;border-right:1px solid #667eea;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.toggle-group button:last-child{border-right:none}.toggle-group button.active{background:#667eea;color:#fff}.toggle-group button:not(.active):hover{background:#667eea1a}.info-page{max-width:900px;margin:0 auto;padding:20px}.info-content{background:#fff;border-radius:12px;padding:40px;box-shadow:0 2px 12px #00000014}.info-content h2{font-size:2rem;margin-bottom:20px;color:#333}.info-content h3{font-size:1.3rem;margin-top:30px;margin-bottom:15px;color:#667eea}.info-content p{line-height:1.7;color:#555;margin-bottom:15px}.info-content ul,.info-content ol{line-height:1.8;color:#555;margin-left:20px;margin-bottom:20px}.info-content li{margin-bottom:8px}.back-button{padding:10px 20px;background:transparent;color:#667eea;border:2px solid #667eea;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;margin-bottom:30px}.back-button:hover{background:#667eea;color:#fff}.info-footer{margin-top:40px;padding-top:30px;border-top:1px solid #e1e8ed;text-align:center}.primary-button{padding:12px 32px;background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #667eea66}.primary-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.grid-container-full{flex:1;padding:30px;max-width:1800px;margin:0 auto;width:100%}.empty-state{text-align:center;padding:80px 20px}.empty-state p{font-size:1.2rem;color:#666;margin-bottom:30px}.change-collection-button{padding:12px 32px;background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.change-collection-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}@media (max-width: 480px){.grid-view-header{padding:10px 15px}.header-left h1,.current-collection{display:none}.header-right{gap:8px}.dark-mode-toggle,.info-button,.settings-button{padding:8px 12px;font-size:14px}.dark-mode-toggle span,.info-button span{display:none}.logout-button-small{padding:8px 12px;font-size:14px}.grid-container-full{padding:15px}.tabs-bar{padding:0 10px}.tab{padding:10px 12px;font-size:14px;min-width:100px}.tab-name{max-width:150px}.new-tab-button{width:32px;height:32px;font-size:18px}.settings-actions{flex-direction:column}.apply-button,.new-tab-action,.cancel-button{width:100%}}@media (prefers-color-scheme: dark){.app-header p{color:#aaa}.error-message{background-color:#3a1a1a;border-color:#6a2a2a;color:#ff6b6b}.loading{color:#aaa}.link-type-section{background:#2a2a2a}.link-type-section h3{color:#fff}.link-type-section p{color:#aaa}.link-type-option{background:#1a1a1a;border-color:#444}.link-type-option:hover{background:#2a2550}.link-type-option.active{background:linear-gradient(135deg,#667eea33,#764ba233)}.option-content strong{color:#fff}.option-content span{color:#aaa}.grid-view-header{background:#2a2a2a;border-bottom-color:#444}.current-collection{color:#aaa}.logout-button-small{color:#aaa;border-color:#444}.logout-button-small:hover{border-color:#666;color:#ccc}.settings-content{background:#2a2a2a}.settings-header{border-bottom-color:#444}.settings-header h3{color:#fff}.close-button{color:#aaa}.close-button:hover{color:#fff}.settings-actions{border-top-color:#444}.cancel-button{color:#aaa;border-color:#444}.cancel-button:hover{border-color:#666;color:#ccc}.empty-state p{color:#aaa}.link-type-toggle{border-bottom-color:#444}.link-type-toggle label span{color:#fff}.info-content{background:#2a2a2a}.info-content h2{color:#fff}.info-content p,.info-content ul,.info-content ol{color:#ccc}.info-footer{border-top-color:#444}}.dark-mode-toggle{display:flex;align-items:center;justify-content:center;padding:8px;background:transparent;color:#667eea;border:2px solid #667eea;border-radius:6px;cursor:pointer;transition:all .2s}.dark-mode-toggle:hover{background:#667eea;color:#fff}.item-limit-selector{padding:20px 30px;border-bottom:1px solid #e1e8ed}.item-limit-selector label{display:flex;flex-direction:column;gap:10px}.item-limit-selector label span{font-weight:600;color:#333;font-size:14px}.item-limit-selector select{padding:10px 15px;border:2px solid #e1e8ed;border-radius:6px;font-size:14px;background:#fff;cursor:pointer;transition:border-color .2s;font-family:Crimson Text,Georgia,serif}.item-limit-selector select:focus{outline:none;border-color:#667eea}.item-limit-selector select:hover{border-color:#667eea}.limit-description{font-size:13px;color:#666;margin:0;font-style:italic}.dark-mode{background:#1a1612;color:#f5ecd7}.dark-mode .app{background:#1a1612}.dark-mode .app-header h1{background:linear-gradient(45deg,#d4af37,#c9a961);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dark-mode .app-header p{color:#c9b896}.dark-mode .error-message{background-color:#3a1a1a;border-color:#6a2a2a;color:#ff6b6b}.dark-mode .loading{color:#c9b896}.dark-mode .link-type-section{background:#252117;border:1px solid #3a342a}.dark-mode .link-type-section h3{color:#f5ecd7}.dark-mode .link-type-section p{color:#c9b896}.dark-mode .link-type-option{background:#1a1612;border-color:#3a342a}.dark-mode .link-type-option:hover{background:#2a2419;border-color:#d4af37}.dark-mode .link-type-option.active{background:#d4af3726;border-color:#d4af37}.dark-mode .option-content strong{color:#f5ecd7}.dark-mode .option-content span{color:#c9b896}.dark-mode .grid-view-header{background:#252117;border-bottom-color:#3a342a;box-shadow:0 2px 8px #0006}.dark-mode .header-left h1{background:linear-gradient(45deg,#d4af37,#c9a961);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dark-mode .current-collection{color:#c9b896}.dark-mode .dark-mode-toggle{color:#d4af37;border-color:#d4af37}.dark-mode .dark-mode-toggle:hover{background:#d4af37;color:#1a1612}.dark-mode .info-button,.dark-mode .settings-button{color:#d4af37;border-color:#d4af37}.dark-mode .info-button:hover,.dark-mode .settings-button:hover{background:#d4af37;color:#1a1612}.dark-mode .logout-button-small{color:#c9b896;border-color:#3a342a}.dark-mode .logout-button-small:hover{border-color:#c9b896;color:#f5ecd7}.dark-mode .settings-content{background:#252117;border:1px solid #3a342a}.dark-mode .settings-header{border-bottom-color:#3a342a}.dark-mode .settings-header h3{color:#f5ecd7}.dark-mode .close-button{color:#c9b896}.dark-mode .close-button:hover{color:#f5ecd7}.dark-mode .link-type-toggle{border-bottom-color:#3a342a}.dark-mode .link-type-toggle label span{color:#f5ecd7}.dark-mode .item-limit-selector{border-bottom-color:#3a342a}.dark-mode .item-limit-selector label span{color:#f5ecd7}.dark-mode .item-limit-selector select{background:#1a1612;border-color:#3a342a;color:#f5ecd7}.dark-mode .item-limit-selector select:focus,.dark-mode .item-limit-selector select:hover{border-color:#d4af37}.dark-mode .limit-description{color:#c9b896}.dark-mode .settings-actions{border-top-color:#3a342a}.dark-mode .apply-button{background:linear-gradient(45deg,#d4af37,#c9a961);color:#1a1612}.dark-mode .apply-button:hover{box-shadow:0 4px 12px #d4af3766}.dark-mode .cancel-button{color:#c9b896;border-color:#3a342a}.dark-mode .cancel-button:hover{border-color:#c9b896;color:#f5ecd7}.dark-mode .empty-state p{color:#c9b896}.dark-mode .change-collection-button,.dark-mode .view-collection-button{background:linear-gradient(45deg,#d4af37,#c9a961);color:#1a1612;box-shadow:0 4px 12px #d4af3766}.dark-mode .change-collection-button:hover,.dark-mode .view-collection-button:hover{box-shadow:0 6px 20px #d4af3799}.dark-mode .info-content{background:#252117;border:1px solid #3a342a}.dark-mode .info-content h2,.dark-mode .info-content h3{color:#d4af37}.dark-mode .info-content p,.dark-mode .info-content ul,.dark-mode .info-content ol{color:#c9b896}.dark-mode .info-footer{border-top-color:#3a342a}.dark-mode .back-button{color:#d4af37;border-color:#d4af37}.dark-mode .back-button:hover{background:#d4af37;color:#1a1612}.dark-mode .primary-button{background:linear-gradient(45deg,#d4af37,#c9a961);color:#1a1612;box-shadow:0 4px 12px #d4af3766}.dark-mode .primary-button:hover{box-shadow:0 6px 20px #d4af3799}.dark-mode .tabs-bar{background:#252117;border-bottom-color:#3a342a}.dark-mode .tab{color:#c9b896}.dark-mode .tab:hover{background:#1a1612;color:#f5ecd7}.dark-mode .tab.active{color:#d4af37;border-bottom-color:#d4af37}.dark-mode .tab-close{color:#c9b896}.dark-mode .tab-close:hover{background:#3a1a1a;color:#ff6b6b}.dark-mode .new-tab-button{border-color:#d4af37;color:#d4af37}.dark-mode .new-tab-button:hover{background:#d4af37;color:#1a1612}.new-tab-action{background:transparent!important;border:2px solid #667eea;color:#667eea!important}.new-tab-action:hover{background:#667eea!important;color:#fff!important}.dark-mode .new-tab-action{border-color:#d4af37;color:#d4af37!important}.dark-mode .new-tab-action:hover{background:transparent!important;border-color:#c9a961;color:#c9a961!important}.login-container{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:20px}.login-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:40px;max-width:500px;width:100%}.login-card h2{margin-bottom:10px;color:#333}.login-description{color:#666;margin-bottom:30px;line-height:1.6}.login-description a{color:#667eea;text-decoration:none}.login-description a:hover{text-decoration:underline}.form-group{margin-bottom:25px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333}.form-group input{width:100%;padding:12px;border:2px solid #e1e8ed;border-radius:8px;font-size:16px;transition:border-color .3s}.form-group input:focus{outline:none;border-color:#667eea}.form-group small{display:block;margin-top:6px;color:#888;font-size:13px}.login-button{width:100%;padding:14px;background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.login-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.login-button:active{transform:translateY(0)}.help-section{margin-top:30px;padding-top:30px;border-top:1px solid #e1e8ed}.help-section h3{font-size:16px;margin-bottom:15px;color:#333}.help-section ol{padding-left:20px;color:#666;line-height:1.8}.help-section a{color:#667eea;text-decoration:none}.help-section a:hover{text-decoration:underline}@media (prefers-color-scheme: dark){.login-card{background:#2a2a2a;box-shadow:0 4px 6px #0000004d}.login-card h2{color:#fff}.login-description{color:#aaa}.form-group label{color:#fff}.form-group input{background:#1a1a1a;border-color:#444;color:#fff}.form-group input:focus{border-color:#667eea}.form-group small{color:#888}.help-section{border-top-color:#444}.help-section h3{color:#fff}.help-section ol{color:#aaa}}.selector-container{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:30px;margin-bottom:40px}.selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.selector-header h2{margin:0;color:#333;font-size:1.6rem}.username{margin:5px 0 0;font-size:15px;color:#666;font-weight:400}.logout-button{padding:10px 22px;background:transparent;color:#667eea;border:2px solid #667eea;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.logout-button:hover{background:#667eea;color:#fff}.selector-controls{display:grid;grid-template-columns:1fr 1fr;gap:20px}.control-group{display:flex;flex-direction:column}.control-group label{margin-bottom:8px;font-weight:600;color:#333;font-size:15px}.collection-select{padding:13px 14px;border:2px solid #e1e8ed;border-radius:8px;font-size:15px;font-family:Courier New,Courier,monospace;background:#fff;cursor:pointer;transition:border-color .3s}.collection-select:focus{outline:none;border-color:#667eea}.tag-form{display:flex;gap:10px}.tag-input{flex:1;padding:13px 14px;border:2px solid #e1e8ed;border-radius:8px;font-size:16px;transition:border-color .3s}.tag-input:focus{outline:none;border-color:#667eea}.tag-input:disabled{background:#f5f5f5;cursor:not-allowed}.tag-button,.clear-tag-button{padding:13px 26px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.tag-button{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff}.tag-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.tag-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.clear-tag-button{background:#f5f5f5;color:#666}.clear-tag-button:hover{background:#e1e8ed}.active-tag{margin-top:10px;padding:10px 14px;background:#f0f4ff;border-left:3px solid #667eea;border-radius:4px;font-size:15px;color:#333}.active-tag strong{color:#667eea}@media (max-width: 768px){.selector-controls{grid-template-columns:1fr}.tag-form{flex-direction:column}.tag-button,.clear-tag-button{width:100%}}.dark-mode .selector-container{background:#252117;box-shadow:0 2px 8px #0006;border:1px solid #3a342a}.dark-mode .selector-header h2{color:#e8dcc8}.dark-mode .username{color:#a89a7e}.dark-mode .logout-button{color:#d4af37;border-color:#d4af37}.dark-mode .logout-button:hover{background:#d4af37;color:#1a1612}.dark-mode .control-group label{color:#e8dcc8}.dark-mode .collection-select{background:#1a1612;border-color:#3a342a;color:#e8dcc8;font-family:Crimson Text,Georgia,serif}.dark-mode .collection-select:focus{border-color:#d4af37}.dark-mode .tag-input{background:#1a1612;border-color:#3a342a;color:#e8dcc8}.dark-mode .tag-input:focus{border-color:#d4af37}.dark-mode .tag-input:disabled{background:#2a2419;color:#666}.dark-mode .tag-button{background:linear-gradient(45deg,#d4af37,#c9a961);color:#1a1612}.dark-mode .tag-button:hover:not(:disabled){box-shadow:0 4px 12px #d4af3766}.dark-mode .clear-tag-button{background:#2a2419;color:#a89a7e}.dark-mode .clear-tag-button:hover{background:#3a342a;color:#e8dcc8}.dark-mode .active-tag{background:#d4af3726;border-left-color:#d4af37;color:#e8dcc8}.dark-mode .active-tag strong{color:#d4af37}.cover-grid-container{margin-top:20px}.grid-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.grid-header h3{font-size:1.6rem;color:#333;margin:0}.grid-controls{display:flex;gap:20px;flex-wrap:wrap;align-items:center}.display-format-selector{display:flex;align-items:center;gap:8px}.display-format-selector label{font-size:15px;font-weight:600;color:#666}.format-select{padding:8px 14px;border:2px solid #e1e8ed;border-radius:6px;font-size:15px;background:#fff;cursor:pointer;transition:border-color .3s}.format-select:focus{outline:none;border-color:#667eea}.format-select:hover{border-color:#667eea}.cover-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:30px;padding:20px 0}.cover-item{display:flex;flex-direction:column;cursor:pointer;transition:transform .2s;text-decoration:none;color:inherit}.cover-item:hover{transform:translateY(-5px);text-decoration:none}.cover-image-container{position:relative;width:100%;aspect-ratio:2/3;background:#f5f5f5;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:box-shadow .2s}.cover-item:hover .cover-image-container{box-shadow:0 8px 16px #0003}.cover-image{width:100%;height:100%;object-fit:cover}.cover-loading{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2)}.spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.cover-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;height:100%;background:#e1e8ed;color:#999;padding:20px}.cover-error svg{width:60px;height:60px}.cover-error-text{font-size:12px;text-align:center;color:#666;font-weight:500}.cover-too-large{background:#fff3cd;color:#856404}.cover-too-large .cover-error-text{color:#856404}.cover-title{margin-top:12px;font-size:16px;line-height:1.5;color:#333;text-align:center;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media (max-width: 768px){.cover-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:20px}}@media (max-width: 480px){.cover-grid{grid-template-columns:repeat(auto-fill,minmax(95px,1fr));gap:12px}.grid-header{gap:10px}.cover-title{font-size:14px;margin-top:8px}}.dark-mode .grid-header h3{color:#f5ecd7}.dark-mode .display-format-selector label{color:#c9b896}.dark-mode .format-select{background:#1a1612;border-color:#3a342a;color:#f5ecd7;font-family:Crimson Text,Georgia,serif}.dark-mode .format-select:focus,.dark-mode .format-select:hover{border-color:#d4af37}.dark-mode .cover-image-container{background:#2a2419;box-shadow:0 4px 6px #0000004d}.dark-mode .cover-item:hover .cover-image-container{box-shadow:0 8px 16px #00000080}.dark-mode .cover-error{background:#3a342a;color:#666}.dark-mode .cover-error-text{color:#c9b896}.dark-mode .cover-too-large{background:#5a4a20;color:#d4af37}.dark-mode .cover-too-large .cover-error-text{color:#d4af37}.dark-mode .cover-title{color:#f5ecd7}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}}