.app-header{background:#000000bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000004d;padding:24px 0;border-bottom:2px solid #22c55e;position:sticky;top:0;z-index:100}.header-container{max-width:1600px;width:100%;margin:0 auto;padding:0 24px}.logo-section h1{font-size:30px;color:#22c55e;margin-bottom:4px;font-weight:700;letter-spacing:-.5px}.app-subtitle{color:#aaa;font-size:14px;margin:0}@media (max-width: 768px){.app-header{padding:16px 0}.header-container{padding:0 12px}.logo-section h1{font-size:22px}.app-subtitle{font-size:12px}}@media (max-width: 480px){.logo-section h1{font-size:20px}}.search-bar{background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:14px 20px;border-radius:12px;box-shadow:0 8px 32px #0000004d}.search-input-container{position:relative;display:flex;align-items:center;background:#fffffff2;border-radius:50px;padding:0 16px;border:2px solid #22c55e;transition:border-color .3s ease,box-shadow .3s ease}.search-input-container:focus-within{border-color:#16a34a;box-shadow:0 0 14px #22c55e66}.search-icon{font-size:18px;color:#22c55e;margin-right:10px;flex-shrink:0}.search-input{flex:1;padding:13px 0;border:none;background:transparent;font-size:15px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#1a1a1a;min-width:0}.search-input:focus{outline:none}.search-input::placeholder{color:#999}.loading-spinner{font-size:17px;margin-left:8px;flex-shrink:0;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.clear-search{background:none;border:none;font-size:15px;color:#999;cursor:pointer;padding:4px 6px;margin-left:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease,color .2s ease;flex-shrink:0;line-height:1}.clear-search:hover{background:#e5e5e5;color:#333}@media (max-width: 768px){.search-bar{padding:12px 14px}.search-input{font-size:16px}}.movie-card{background:#0009;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0006;transition:all .3s ease;cursor:pointer;display:flex;flex-direction:column;height:100%;border:1px solid #22c55e}.movie-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #22c55e4d;border-color:#16a34a}.movie-poster-container{position:relative;width:100%;padding-bottom:150%;overflow:hidden;background:#1a1a1a}.movie-poster{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.movie-card:hover .movie-poster{transform:scale(1.05)}.movie-rating{position:absolute;top:12px;right:12px;background:#4caf50;color:#fff;padding:6px 10px;border-radius:6px;font-size:12px;font-weight:700;box-shadow:0 2px 8px #0003}.movie-info{padding:16px;display:flex;flex-direction:column;gap:8px;flex:1}.movie-title{font-size:16px;font-weight:700;color:#22c55e;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.movie-year{font-size:12px;color:#888;margin:0;font-weight:500}.movie-description{font-size:13px;color:#ccc;line-height:1.4;margin:0;flex:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.movie-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.popularity{font-size:11px;background:#22c55e;color:#1a1a1a;padding:4px 8px;border-radius:4px;font-weight:600}@media (max-width: 568px){.movie-card{margin:0 auto}.movie-title{font-size:14px}.movie-description{font-size:12px;-webkit-line-clamp:1}}.movie-row{display:flex;flex-direction:column;gap:14px}.movie-row-header{display:flex;align-items:center;gap:10px;padding:0 2px}.row-icon{font-size:22px;line-height:1;flex-shrink:0}.movie-row-title{font-size:22px;font-weight:700;color:#22c55e;margin:0}.movie-row-track{position:relative}.scroll-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:40px;height:40px;border-radius:50%;border:none;background:#1e1e1ed9;color:#e0e0e0;font-size:28px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding-bottom:2px;box-shadow:0 2px 12px #00000080;transition:background .2s ease,color .2s ease,transform .15s ease;margin-top:-10px}.scroll-btn:hover{background:#323232f2;color:#fff;transform:translateY(-50%) scale(1.1)}.scroll-btn:active{transform:translateY(-50%) scale(.95)}.scroll-btn-left{left:-14px}.scroll-btn-right{right:-14px}.movie-row-scroll{display:flex;gap:14px;overflow-x:auto;padding:6px 2px 10px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.movie-row-scroll::-webkit-scrollbar{display:none}.movie-row-item{flex-shrink:0;width:175px;scroll-snap-align:start}.movie-card-skeleton{flex-shrink:0;width:175px;height:310px;border-radius:12px;border:1px solid rgba(34,197,94,.15);background:linear-gradient(90deg,#ffffff0a,#ffffff17,#ffffff0a);background-size:200% 100%;animation:shimmer 1.6s ease-in-out infinite;scroll-snap-align:start}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 768px){.movie-row-title,.row-icon{font-size:18px}.scroll-btn{width:34px;height:34px;font-size:24px}.scroll-btn-left{left:-10px}.scroll-btn-right{right:-10px}.movie-row-item{width:148px}.movie-card-skeleton{width:148px;height:262px}}@media (max-width: 480px){.movie-row-title{font-size:16px}.scroll-btn{width:30px;height:30px;font-size:20px}.scroll-btn-left{left:-8px}.scroll-btn-right{right:-8px}.movie-row-item{width:130px}.movie-card-skeleton{width:130px;height:230px}}.movie-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;padding:4px 0 20px}.loading-container{display:flex;justify-content:center;align-items:center;min-height:400px}.loader{font-size:18px;color:#22c55e;font-weight:600;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.empty-state{background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:60px 40px;text-align:center;grid-column:1 / -1;box-shadow:0 8px 32px #0000004d;border:1px solid #22c55e}.empty-state h2{font-size:28px;color:#22c55e;margin-bottom:12px;margin-top:0}.empty-state p{font-size:16px;color:#aaa;margin:0}@media (max-width: 1024px){.movie-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}}@media (max-width: 768px){.movie-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;padding:16px 0}}@media (max-width: 568px){.movie-grid{grid-template-columns:repeat(2,1fr);gap:12px}.empty-state{padding:40px 20px}.empty-state h2{font-size:22px}.empty-state p{font-size:14px}}.app{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#1a1a1a,#0b5e0b,#1a1a1a)}.app-container{flex:1;max-width:1600px;width:100%;margin:0 auto;padding:24px 36px}.main-content{display:flex;flex-direction:column;gap:20px}.sections-container{display:flex;flex-direction:column;gap:36px;padding-bottom:40px}.content-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding:0 2px}.content-title{font-size:22px;font-weight:700;color:#22c55e;margin:0}.content-title em{color:#fff;font-style:normal}.content-count{font-size:13px;color:#aaa;background:#ffffff14;padding:4px 14px;border-radius:50px;border:1px solid rgba(255,255,255,.1);white-space:nowrap}@media (max-width: 768px){.app-container{padding:12px 20px}.main-content{gap:16px}.sections-container{gap:28px}.content-title{font-size:18px}}@media (max-width: 480px){.app-container{padding:8px 14px}.sections-container{gap:24px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#1a1a1a,#0b5e0b,#1a1a1a);min-height:100vh;color:#333}#root{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}