:root{--color-primary:#007aff;--color-text:#1d1d1f;--color-text-muted:#86868b;--color-bg:#f5f5f7;--color-border:#e5e5e5;--color-star:#fbbf24;--color-placeholder-gradient:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--radius-sm:6px;--radius-md:8px;--radius-lg:14px;--radius-xl:16px;--radius-2xl:20px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:20px;--space-2xl:24px;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.4s ease;--shadow-sm:0 2px 8px rgba(0,0,0,0.04),0 8px 24px rgba(0,0,0,0.06);--shadow-md:0 2px 8px rgba(0,0,0,0.06),0 4px 16px rgba(0,0,0,0.04);--shadow-lg:0 12px 28px rgba(0,0,0,0.12),0 4px 12px rgba(0,0,0,0.06)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:var(--color-bg);color:var(--color-text);min-height:100vh}body::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;opacity:0.015;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");z-index:0}.container{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:20px}.control-panel{background:rgba(255,255,255,0.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-xl);margin-bottom:var(--space-2xl);padding:var(--space-lg) var(--space-xl);box-shadow:var(--shadow-sm);border:1px solid rgba(255,255,255,0.6)}.tabs{display:flex;justify-content:space-between;gap:var(--space-sm);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-lg);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.tabs::-webkit-scrollbar{display:none}.tab-btn{padding:var(--space-md) var(--space-2xl);border:none;background:transparent;font-size:1rem;font-weight:500;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0}.tab-btn:hover{color:var(--color-text);background:var(--color-bg)}.tab-btn.active{background:var(--color-primary);color:white}.toolbar{display:none;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}.toolbar.active{display:flex}.toolbar-group{display:flex;align-items:center;gap:var(--space-md)}.toolbar-stats{font-size:0.9rem;color:var(--color-text);font-weight:500;padding:var(--space-sm) var(--space-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);white-space:nowrap}.toolbar label{font-size:0.9rem;color:var(--color-text-muted)}.toolbar select{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:0.9rem;background:var(--color-bg);cursor:pointer;outline:none}.toolbar select:focus{border-color:var(--color-primary)}.field-toggles{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.field-toggle{display:flex;align-items:center;gap:var(--space-xs);padding:6px var(--space-md);background:var(--color-bg);border-radius:var(--radius-sm);font-size:0.85rem;cursor:pointer;transition:all var(--transition-fast)}.field-toggle:hover{background:var(--color-border)}.field-toggle input{cursor:pointer}.poster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-2xl)}.poster-grid.ratio-1-1{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.poster-grid.ratio-3-2{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.poster-card{background:rgba(255,255,255,0.9);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:all 0.35s cubic-bezier(0.4,0,0.2,1);border:1px solid rgba(255,255,255,0.5)}.poster-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:var(--shadow-lg);border-color:rgba(255,255,255,0.8)}.poster-image{position:relative;width:100%;overflow:hidden;background:var(--color-border)}.poster-image.ratio-2-3{aspect-ratio:2/3}.poster-image.ratio-1-1{aspect-ratio:1/1}.poster-image.ratio-3-2{aspect-ratio:3/2}.poster-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal),opacity var(--transition-slow);opacity:0}.poster-image img.loaded{opacity:1}.poster-card:hover .poster-image img.loaded{transform:scale(1.05)}.skeleton{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,var(--color-border) 0%,#f0f0f0 50%,var(--color-border) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.poster-image.loaded .skeleton{opacity:0;pointer-events:none;transition:opacity var(--transition-normal)}.poster-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-placeholder-gradient);color:white;font-size:3rem;font-weight:600}.poster-info{padding:var(--space-md)}.poster-title{font-size:0.95rem;font-weight:600;color:var(--color-text);margin-bottom:var(--space-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.poster-meta{font-size:0.8rem;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.poster-meta span:not(:last-child)::after{content:" · "}.score-badge{position:absolute;top:var(--space-sm);right:var(--space-sm);display:inline-flex;align-items:center;gap:3px;background:linear-gradient(135deg,rgba(0,0,0,0.75) 0%,rgba(30,30,30,0.85) 100%);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;padding:5px 10px;border-radius:var(--radius-md);font-size:0.78rem;font-weight:600;letter-spacing:0.02em;box-shadow:0 2px 8px rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.1)}.score-badge .star{color:var(--color-star);font-size:0.85rem;text-shadow:0 0 6px rgba(251,191,36,0.5)}.score-badge .score-value{color:#fff;font-variant-numeric:tabular-nums}.score-badge.high-score{background:linear-gradient(135deg,rgba(180,130,50,0.85) 0%,rgba(140,100,40,0.9) 100%);border-color:rgba(255,215,100,0.3)}.score-badge.high-score .star{color:#fff;text-shadow:0 0 8px rgba(255,255,255,0.6)}.content-section{display:none;opacity:0}.content-section.active{display:block;animation:fadeInUp 0.4s ease forwards}@keyframes fadeInUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes cardFadeIn{from{opacity:0;transform:translateY(24px) scale(0.96)}to{opacity:1;transform:translateY(0) scale(1)}}.poster-card{opacity:0;animation:cardFadeIn 0.5s ease forwards}.poster-card.in-view{animation:cardFadeIn 0.5s ease forwards}.stacked-posters{position:relative;width:100%;height:100%}.stacked-posters .stack-item{position:absolute;width:75%;height:75%;border-radius:var(--radius-md);overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.15);background:var(--color-border)}.stacked-posters .stack-item img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity var(--transition-slow)}.stacked-posters .stack-item img.loaded{opacity:1}.stacked-posters .stack-item:nth-child(1){top:0;left:0;z-index:1;transform:rotate(-6deg)}.stacked-posters .stack-item:nth-child(2){top:10%;left:15%;z-index:2;transform:rotate(3deg)}.stacked-posters .stack-item:nth-child(3){top:5%;left:30%;z-index:3;transform:rotate(-2deg)}.poster-card.aggregated{cursor:pointer}.poster-card.aggregated .poster-image{padding:var(--space-sm)}.poster-card.aggregated .poster-info{display:flex;justify-content:space-between;align-items:center}.aggregate-count{background:rgba(0,122,255,0.9);color:white;padding:2px var(--space-sm);border-radius:10px;font-size:0.75rem;font-weight:600;white-space:nowrap;flex-shrink:0}.modal-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0);z-index:1000;justify-content:center;align-items:center;padding:var(--space-xl);transition:background var(--transition-normal)}.modal-overlay.active{display:flex;animation:modalBgFadeIn 0.3s ease forwards}.modal-overlay.closing{animation:modalBgFadeOut 0.25s ease forwards}@keyframes modalBgFadeIn{to{background:rgba(0,0,0,0.6)}}@keyframes modalBgFadeOut{from{background:rgba(0,0,0,0.6)}to{background:rgba(0,0,0,0)}}.modal-content{background:rgba(255,255,255,0.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-2xl);max-width:1200px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,0.6);box-shadow:0 24px 48px rgba(0,0,0,0.15),0 12px 24px rgba(0,0,0,0.1);opacity:0;transform:scale(0.95) translateY(20px);animation:modalContentIn 0.35s cubic-bezier(0.34,1.56,0.64,1) forwards}.modal-overlay.closing .modal-content{animation:modalContentOut 0.25s ease forwards}@keyframes modalContentIn{to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalContentOut{from{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(0.95) translateY(20px)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xl) var(--space-2xl);border-bottom:1px solid var(--color-border)}.modal-header h2{font-size:1.25rem;font-weight:600;color:var(--color-text)}.modal-close{width:32px;height:32px;border:none;background:var(--color-bg);border-radius:50%;cursor:pointer;font-size:1.25rem;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.modal-close:hover{background:var(--color-border);color:var(--color-text)}.modal-body{padding:var(--space-2xl);overflow-y:auto}.modal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-xl)}.modal-grid.ratio-1-1{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.modal-grid.ratio-3-2{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}@media (max-width:768px){.container{padding:var(--space-md)}.control-panel{padding:var(--space-md)}.tabs{padding-bottom:var(--space-md);margin-bottom:var(--space-md);gap:6px}.tab-btn{padding:var(--space-sm) var(--space-lg);font-size:0.875rem}.toolbar.active{flex-direction:column;align-items:stretch}.toolbar-stats{text-align:center;order:-1}.toolbar-group{justify-content:center}.poster-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-lg)}.modal-content{max-height:85vh}.modal-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-md)}}