*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,sans-serif;background:#1a1a1a;color:#fff;min-height:100vh}.app{min-height:100vh}header{padding:1rem 2rem;border-bottom:1px solid #333}header h1{font-size:1.25rem}.loading,.error{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:1.2rem}.error{color:#ff6b6b}.main-layout{display:flex;min-height:calc(100vh - 60px)}.sidebar{width:280px;flex-shrink:0;border-right:1px solid #333;overflow-y:auto;max-height:calc(100vh - 60px);position:sticky;top:0}.content{flex:1;padding:1.5rem;overflow-y:auto}.filter-panel{padding:1rem}.filter-section{margin-bottom:1.25rem}.filter-section>label{display:block;font-size:.8rem;color:#888;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.filter-section input[type=text]{width:100%;padding:.6rem .75rem;border:1px solid #333;border-radius:4px;background:#2a2a2a;color:#fff;font-size:.9rem}.filter-section input[type=text]:focus{outline:none;border-color:#4a9eff}.date-range{display:flex;align-items:center;gap:.5rem}.date-range input[type=date]{flex:1;padding:.5rem;border:1px solid #333;border-radius:4px;background:#2a2a2a;color:#fff;font-size:.85rem}.date-range input[type=date]:focus{outline:none;border-color:#4a9eff}.date-range span{color:#666}.filter-chips{display:flex;flex-wrap:wrap;gap:.4rem}.filter-chips.scrollable{max-height:150px;overflow-y:auto;padding-right:.5rem}.filter-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.35rem .6rem;border:1px solid #444;border-radius:16px;background:transparent;color:#ccc;font-size:.75rem;cursor:pointer;transition:all .15s}.filter-chip:hover{border-color:#666;color:#fff}.filter-chip.active{background:#4a9eff;border-color:#4a9eff;color:#fff}.filter-chip .count{font-size:.65rem;opacity:.7}.no-options{font-size:.8rem;color:#666}.autocomplete-wrapper{position:relative}.autocomplete-wrapper input{width:100%;padding:.6rem .75rem;border:1px solid #333;border-radius:4px;background:#2a2a2a;color:#fff;font-size:.9rem}.autocomplete-wrapper input:focus{outline:none;border-color:#4a9eff}.autocomplete-loading{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#666;font-size:.8rem}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;background:#2a2a2a;border:1px solid #444;border-radius:4px;margin-top:4px;max-height:200px;overflow-y:auto;z-index:100;box-shadow:0 4px 12px #0000004d}.autocomplete-item{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.6rem .75rem;border:none;background:transparent;color:#fff;font-size:.85rem;cursor:pointer;text-align:left}.autocomplete-item:hover,.autocomplete-item.selected{background:#3a3a3a}.autocomplete-item.selected{background:#4a4a4a}.autocomplete-item .name{flex:1}.autocomplete-item .count{color:#888;font-size:.75rem;margin-left:.5rem}.filter-actions{display:flex;gap:.5rem;padding-top:1rem;border-top:1px solid #333}.reset-btn{flex:1;padding:.6rem;border:1px solid #444;border-radius:4px;background:transparent;color:#aaa;font-size:.85rem;cursor:pointer}.reset-btn:hover{border-color:#666;color:#fff}.search-btn{flex:2;padding:.6rem;border:none;border-radius:4px;background:#4a9eff;color:#fff;font-size:.85rem;font-weight:500;cursor:pointer}.search-btn:hover{background:#3a8eef}.search-btn:disabled,.reset-btn:disabled{opacity:.5;cursor:not-allowed}.result-count{font-size:.9rem;color:#888;margin-bottom:1rem}.result-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.result-list.empty,.result-list.loading{display:block;text-align:center;color:#888;padding:2rem}.result-item{display:block;background:#2a2a2a;border-radius:8px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s;cursor:pointer}.result-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.result-item img{width:100%;aspect-ratio:200/272;object-fit:cover}.result-info{padding:.75rem}.result-info h3{font-size:.9rem;line-height:1.4;margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.result-info .date{font-size:.8rem;color:#888}.result-info .actresses{font-size:.8rem;color:#4a9eff;margin-top:.25rem}.result-info .genres{font-size:.75rem;color:#888;margin-top:.25rem}.result-info .price{font-size:.85rem;color:#ff6b6b;margin-top:.5rem;font-weight:700}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#444;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#555}.detail-page{padding:1.5rem;max-width:1200px;margin:0 auto}.back-btn{background:none;border:1px solid #444;color:#ccc;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;margin-bottom:1.5rem}.back-btn:hover{border-color:#666;color:#fff}.detail-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.detail-main{display:flex;flex-direction:column;gap:1.5rem}.detail-image img{width:100%;border-radius:8px}.sample-images h3{font-size:1rem;margin-bottom:.75rem;color:#888}.sample-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem}.sample-grid img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:4px;cursor:pointer;transition:opacity .2s}.sample-grid img:hover{opacity:.8}.detail-info h1{font-size:1.5rem;line-height:1.4;margin-bottom:1.5rem}.detail-meta{background:#2a2a2a;border-radius:8px;padding:1rem;margin-bottom:1.5rem}.meta-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #333}.meta-row:last-child{border-bottom:none}.meta-label{color:#888;font-size:.9rem}.meta-value{font-size:.9rem}.meta-value.price{color:#ff6b6b;font-weight:700}.detail-tags{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.tag-group{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.5rem}.tag-label{color:#888;font-size:.8rem;min-width:60px;padding-top:.25rem}.tags{display:flex;flex-wrap:wrap;gap:.4rem;flex:1}.tag{display:inline-block;padding:.25rem .6rem;background:#333;border-radius:4px;font-size:.8rem;color:#ccc}.tag.actress{background:#2a4a6a;color:#8ac}.tag.genre{background:#4a3a5a;color:#b8a}.tag.maker{background:#3a4a3a;color:#8b8}.detail-cta{display:block;width:100%;padding:1rem;background:#ff6b6b;color:#fff;text-align:center;text-decoration:none;border-radius:8px;font-size:1.1rem;font-weight:700;transition:background .2s}.detail-cta:hover{background:#ff5252}.large-images-section{margin-top:2rem;padding-top:2rem;border-top:1px solid #333}.large-images-section h2{font-size:1.1rem;color:#888;margin-bottom:1rem}.large-images-list{display:flex;flex-direction:column;gap:1rem}.large-images-list a{display:block}.large-images-list img{width:100%;max-width:800px;border-radius:8px;cursor:pointer;transition:opacity .2s}.large-images-list img:hover{opacity:.85}@media(max-width:768px){.main-layout{flex-direction:column}.sidebar{width:100%;max-height:none;border-right:none;border-bottom:1px solid #333}.filter-chips.scrollable{max-height:100px}.detail-content{grid-template-columns:1fr}.detail-info h1{font-size:1.2rem}}