html{scrollbar-color:#c4c4c4 #f1f5f9}body{background-color:#f1f5f9;color:#1e293b;min-height:100vh;font-family:system-ui,-apple-system,sans-serif}.fade-in{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.card-img-wrap{aspect-ratio:16 / 10;background:#e2e8f0;display:flex;align-items:center;justify-content:center;overflow:hidden}.card-img-wrap img{width:100%;height:100%;object-fit:contain}.site-header{position:sticky;top:0;z-index:50;background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #e2e8f0}.search-input{width:100%;min-width:0;box-sizing:border-box;background:#f8fafc;border:1px solid #cbd5e1;border-radius:.5rem;padding:.625rem 1rem .625rem 2.5rem;font-size:.875rem;color:#1e293b;transition:all .15s}.search-input::placeholder{color:#94a3b8}.search-input:focus{outline:none;box-shadow:0 0 0 2px #818cf8;border-color:transparent}.menu-tab{padding:.375rem .75rem;font-size:.75rem;font-weight:500;border-radius:.5rem;transition:all .15s;color:#64748b;cursor:pointer;border:none;background:none}.menu-tab:hover{color:#334155;background:#e2e8f0}.menu-tab.active{background:#6366f1;color:#fff}.menu-tab.active:hover{background:#4f46e5}.catalogue-badge{display:none;align-items:center;gap:.375rem;background:#eef2ff;color:#4338ca;padding:.375rem .5rem .375rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:500}.catalogue-badge.visible{display:flex}.catalogue-badge-name{font-weight:600;color:#312e81}.catalogue-badge-clear{margin-left:.25rem;padding:.125rem;border-radius:.25rem;border:none;background:none;color:#6366f1;cursor:pointer;transition:background .15s}.catalogue-badge-clear:hover{background:#6366f126}.card{background:#fff;border-radius:.75rem;overflow:hidden;border:1px solid #e2e8f0;transition:all .2s}.card:hover{border-color:#a5b4fc;box-shadow:0 4px 16px #6366f114}.card-title{font-size:.875rem;font-weight:500;color:#1e293b;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card:hover .card-title{color:#4f46e5}.catalogue-link{display:inline-block;font-size:.75rem;font-weight:500;background:#eef2ff;color:#4338ca;padding:.125rem .5rem;border-radius:.375rem;text-decoration:none;transition:background .15s}.catalogue-link:hover{background:#c7d2fe}.catalogue-meta-group{display:inline-flex;align-items:center;gap:.375rem}.catalogue-fav-star{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border:none;border-radius:9999px;background:transparent;color:#94a3b8;cursor:pointer;transition:all .15s}.catalogue-fav-star:hover{background:#fef3c7;color:#d97706}.catalogue-fav-star.active{color:#d97706}.catalogue-fav-star:disabled{opacity:.6;cursor:not-allowed}.fav-catalogue-select{padding:.375rem .625rem;font-size:.75rem;font-weight:500;border:1px solid #cbd5e1;border-radius:.5rem;background:#fff;color:#475569;cursor:pointer}.fav-catalogue-select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}.card-date{font-size:.75rem;color:#94a3b8}.quality-pill{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;padding:.25rem .5rem;border-radius:.375rem;background:#f1f5f9;color:#64748b;text-decoration:none;transition:all .15s}.quality-pill:hover{background:#e0e7ff;color:#4338ca}.quality-pill-label{font-weight:600;color:#334155}.quality-pill:hover .quality-pill-label{color:#312e81}.loader-spinner{width:2rem;height:2rem;border:3px solid #cbd5e1;border-top-color:#6366f1;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:5rem 0;color:#94a3b8;font-size:1.125rem}.back-link{font-size:.875rem;color:#6366f1;text-decoration:none;transition:color .15s}.back-link:hover{color:#4338ca}.detail-container{max-width:56rem;margin:0 auto;padding:1.5rem 1rem}.detail-title{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0 0 .75rem;line-height:1.3}.detail-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1.5rem}.detail-meta-item{font-size:.875rem;color:#64748b}.carousel{display:flex;flex-direction:column;gap:.75rem}.carousel-viewport{position:relative;background:#e2e8f0;border-radius:.75rem;overflow:hidden;display:flex;align-items:center;justify-content:center;max-height:60vh}.carousel-main{max-width:100%;max-height:60vh;object-fit:contain;display:block;cursor:zoom-in}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);width:2.5rem;height:2.5rem;border:none;border-radius:50%;background:#0006;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;z-index:2;-webkit-user-select:none;user-select:none}.carousel-btn:hover{background:#000000a6}.carousel-prev{left:.75rem}.carousel-next{right:.75rem}.carousel-strip{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.25rem}.carousel-thumb{flex:0 0 auto;width:5.5rem;height:4rem;border-radius:.375rem;overflow:hidden;cursor:pointer;border:2px solid transparent;opacity:.6;transition:all .15s}.carousel-thumb:hover{opacity:.85}.carousel-thumb.active{border-color:#6366f1;opacity:1}.carousel-thumb img{width:100%;height:100%;object-fit:cover;display:block}.img-modal{display:none;position:fixed;inset:0;z-index:9999;background:#000000d9;align-items:center;justify-content:center;cursor:zoom-out;padding:1.5rem}.img-modal.open{display:flex}.img-modal img{max-width:100%;max-height:100%;object-fit:contain;border-radius:.5rem;box-shadow:0 8px 32px #0006}.img-modal-close{position:absolute;top:1rem;right:1rem;width:2.5rem;height:2.5rem;border:none;background:#ffffff26;color:#fff;border-radius:50%;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.img-modal-close:hover{background:#ffffff4d}.header-inner{max-width:80rem;margin:0 auto;padding:1rem 1rem .75rem;display:flex;flex-direction:column;gap:.75rem;overflow:hidden}.header-top{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.header-logo{font-size:1.25rem;font-weight:700;color:#1e293b;text-decoration:none;white-space:nowrap}.header-search{position:relative;flex:1 1 0;min-width:8rem;max-width:32rem}.header-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:#94a3b8}.header-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0;position:relative;z-index:1}.header-bottom{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.hamburger-btn{display:none;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border:1px solid #cbd5e1;border-radius:.5rem;background:#fff;color:#64748b;cursor:pointer;transition:all .15s;margin-left:auto;flex-shrink:0}.hamburger-btn:hover{border-color:#94a3b8;color:#334155}.hamburger-btn svg{width:1.25rem;height:1.25rem}.mobile-nav{display:none;flex-direction:column;gap:.25rem;padding-top:.5rem;border-top:1px solid #e2e8f0}.mobile-nav .auth-btn{justify-content:flex-start;width:100%}.auth-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;font-size:.75rem;font-weight:500;border:1px solid #cbd5e1;border-radius:.5rem;background:#fff;color:#64748b;cursor:pointer;transition:all .15s;white-space:nowrap}.auth-btn:hover{border-color:#94a3b8;color:#334155}.auth-btn-active{background:#ecfdf5;border-color:#6ee7b7;color:#047857}.auth-btn-active:hover{background:#d1fae5;border-color:#34d399}.header-simple{max-width:80rem;margin:0 auto;padding:1rem;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.header-simple-end{margin-left:auto}@media(min-width:1280px){.header-search{max-width:32rem}}@media(max-width:1279px){.header-search{max-width:20rem}}@media(max-width:1100px){.hamburger-btn{display:flex!important}.header-actions{display:none!important}.header-actions.open{display:flex!important}.mobile-nav.open{display:flex}.header-search{max-width:none;order:10;flex-basis:100%}.header-top,.header-bottom{gap:.5rem}.menu-tab{padding:.375rem .5rem;font-size:.7rem}.header-logo{font-size:1.1rem}}.auth-modal{display:none;position:fixed;inset:0;z-index:9998;background:#0006;align-items:center;justify-content:center;padding:1rem}.auth-modal.open{display:flex}.auth-modal-box{background:#fff;border-radius:.75rem;padding:1.25rem;width:100%;max-width:28rem;box-shadow:0 8px 32px #00000026}.auth-textarea{width:100%;font-family:monospace;font-size:.75rem;padding:.5rem;border:1px solid #cbd5e1;border-radius:.375rem;resize:vertical;color:#1e293b;box-sizing:border-box}.auth-textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}.auth-save-btn,.auth-clear-btn,.auth-close-btn{padding:.375rem .75rem;font-size:.8rem;font-weight:500;border:none;border-radius:.375rem;cursor:pointer;transition:background .15s}.auth-save-btn{background:#6366f1;color:#fff}.auth-save-btn:hover{background:#4f46e5}.auth-clear-btn{background:#fef2f2;color:#dc2626}.auth-clear-btn:hover{background:#fee2e2}.auth-close-btn{background:#f1f5f9;color:#64748b}.auth-close-btn:hover{background:#e2e8f0}.download-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.download-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;border:none;border-radius:.5rem;background:#6366f1;color:#fff;cursor:pointer;transition:background .15s}.download-btn:hover{background:#4f46e5}.download-btn:disabled{background:#94a3b8;cursor:not-allowed}.download-link-btn{display:inline-block;margin-top:.75rem;padding:.5rem 1rem;font-size:.8rem;font-weight:500;border-radius:.375rem;background:#ecfdf5;color:#047857;text-decoration:none;transition:background .15s}.download-link-btn:hover{background:#d1fae5}.fav-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8rem;font-weight:500;border:1px solid #cbd5e1;border-radius:.5rem;background:#fff;color:#64748b;cursor:pointer;transition:all .15s;white-space:nowrap}.fav-btn:hover{border-color:#fbbf24;color:#b45309}.fav-btn-active{background:#fffbeb;border-color:#fbbf24;color:#b45309}.fav-btn-active:hover{background:#fef3c7}