body{background-color:#fcfcfc;margin:0;padding:0;min-height:100vh;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}@import "swiper/css";@import "swiper/css/navigation";@import "swiper/css/pagination";app-root{display:flex;flex-direction:column;min-height:100vh;width:100%;overflow-x:hidden}body.dark-mode{background-color:#1a1a1a;color:#e5e7eb}body.dark-mode .gallery-container{background:#1a1a1a}body.dark-mode .controls-bar{background:#1a1a1a;border-bottom:none}body.dark-mode .search-input{background:#2d2d2d;color:#e5e7eb;border-color:#444}body.dark-mode .search-input::placeholder{color:#888}body.dark-mode .search-input:focus{border-color:#666;box-shadow:0 0 0 3px #ffffff1a}body.dark-mode .search-icon{color:#888}body.dark-mode .filter-container label,body.dark-mode .sort-container label{color:#aaa}body.dark-mode .filter-select,body.dark-mode .sort-select{background:#2d2d2d!important;color:#e5e7eb!important;border-color:#444!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23e5e7eb' d='M6 9L1 4h10z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 10px center!important}body.dark-mode .filter-select:hover,body.dark-mode .sort-select:hover{border-color:#666}body.dark-mode .filter-select:focus,body.dark-mode .sort-select:focus{border-color:#666;box-shadow:0 0 0 3px #ffffff1a}body.dark-mode .filter-select option,body.dark-mode .sort-select option{background:#2d2d2d;color:#e5e7eb}body.dark-mode .gallery{background:#1a1a1a}body.dark-mode .painting{background:#1a1a1a!important;color:#e5e7eb!important}body.dark-mode .painting:before,body.dark-mode .painting:after{border-color:#fff!important}body.dark-mode .painting p{color:#e5e7eb!important}body.dark-mode .pagination-container{background:#1a1a1a}body.dark-mode .pagination-btn{background:#2d2d2d;color:#e5e7eb;border-color:#444}body.dark-mode .pagination-btn:hover:not(:disabled){background:#404040;border-color:#666}body.dark-mode .pagination-btn:disabled{color:#555;background:#1a1a1a;border-color:#333}body.dark-mode .pagination-btn.active{background:#e5e7eb;color:#1a1a1a;border-color:#e5e7eb}body.dark-mode .pagination-btn.active:hover{background:#f5f5f5;border-color:#f5f5f5}body.dark-mode .page-info{color:#aaa}body.dark-mode .results-count{color:#999}body.dark-mode .single-image-container{background:#1a1a1a}body.dark-mode .image-title{color:#e5e7eb}body.dark-mode .image-description{background:#222;color:#e5e7eb}body.dark-mode .footer{background-color:#111;color:#aaa}img{width:400px;height:400px;object-fit:contain;border-radius:10px;max-width:100%;margin-bottom:18px;pointer-events:none}@media (max-width: 768px){body{padding-top:70px}img{width:100%;height:250px;max-width:300px;margin-bottom:12px}*{-webkit-tap-highlight-color:rgba(0,0,0,.1)}.painting,.slide-content,.carousel-arrow,.dot{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{-webkit-overflow-scrolling:touch}}@media (max-width: 480px){body{padding-top:60px;font-size:14px}img{width:100%;height:200px;max-width:250px;margin-bottom:10px}button,.painting,.carousel-arrow,.dot{min-height:44px;min-width:44px}.nav-tab{display:flex;align-items:center;justify-content:center;text-align:center;min-height:25px;min-width:44px}p,span,div{line-height:1.4}}