*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:system-ui,-apple-system,sans-serif;background:#0f0f13;color:#f0f0f0;min-width:320px;line-height:1.5}button,input,select{min-height:44px}button{cursor:pointer;padding:.5rem 1.25rem;border:1px solid #333;border-radius:6px;background:#1e1e28;color:#f0f0f0;font-size:.9rem}button:hover{background:#2a2a38}button:disabled{opacity:.4;cursor:not-allowed}#app{max-width:1280px;margin:0 auto;padding:0 1rem 3rem}.app-header{display:flex;align-items:center;gap:1rem;padding:1.25rem 0 1rem;border-bottom:1px solid #222;margin-bottom:1.25rem}.app-header h1{font-size:1.6rem;font-weight:800;letter-spacing:-.02em;color:#fff}.app-header h1 span{color:#e63946}.app-picker{margin-bottom:1.5rem}.date-picker{display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:.25rem}.date-picker::-webkit-scrollbar{display:none}.date-picker__btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;padding:.5rem .75rem;min-width:64px;min-height:56px;flex-shrink:0;background:#1a1a24;border:1px solid #2a2a38;border-radius:8px;color:#aaa;cursor:pointer;transition:background .12s,border-color .12s,color .12s}.date-picker__btn:hover{background:#22222e;border-color:#444;color:#fff}.date-picker__btn--active{background:#e63946;border-color:#e63946;color:#fff}.date-picker__btn--active:hover{background:#c8303c;border-color:#c8303c}.date-picker__btn-top{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.date-picker__btn-bottom{font-size:.7rem;opacity:.75}.app-main{display:flex;flex-direction:column;gap:1.5rem}.app-sidebar{width:100%}.app-results{flex:1}@media(min-width:1024px){.app-header h1{font-size:2rem}.app-main{flex-direction:row;align-items:flex-start}.app-sidebar{width:220px;flex-shrink:0;position:sticky;top:1rem}}.filter-panel{background:#1a1a24;border:1px solid #2a2a38;border-radius:10px;overflow:hidden}.filter-panel__toggle{width:100%;display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:none;border:none;border-radius:0;color:#f0f0f0;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;min-height:44px;cursor:pointer;text-align:left}.filter-panel__toggle:hover{background:#22222e}.filter-panel__chevron{margin-left:auto;font-size:.75rem;transition:transform .2s ease;color:#666}.filter-panel__body{display:none;flex-direction:column;gap:1rem;padding:0 1rem 1rem;border-top:1px solid #2a2a38}.filter-panel__body--open{display:flex}@media(min-width:1024px){.filter-panel__body{display:flex}.filter-panel__chevron{display:none}}.filter-panel fieldset{border:none;padding:0;display:flex;flex-direction:column;gap:.4rem}.filter-panel legend{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#888;margin-bottom:.4rem}.filter-panel label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#ccc;cursor:pointer;min-height:36px}.filter-panel input[type=checkbox]{width:16px;height:16px;accent-color:#e63946;cursor:pointer}.filter-panel__score label{flex-direction:column;align-items:flex-start;gap:.4rem;min-height:unset;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#888}.filter-panel__score input[type=range]{width:100%;accent-color:#e63946;min-height:unset}.filter-panel__score-value{font-size:.9rem;color:#f0f0f0;font-weight:600}.filter-panel__reset{font-size:.8rem;padding:.4rem .75rem;min-height:unset;color:#aaa;border-color:#333;align-self:flex-start}.filter-panel__active-badge{color:#e63946;font-size:1rem;line-height:1}.results-view__count{font-size:.8rem;color:#666;margin-bottom:1rem}.results-view__loading,.results-view__empty{padding:3rem 1rem;text-align:center;color:#555;font-size:1rem}.results-view__loading:before{content:"⏳ "}.results-view__list{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media(min-width:600px){.results-view__list{grid-template-columns:repeat(3,1fr)}}@media(min-width:900px){.results-view__list{grid-template-columns:repeat(4,1fr)}}@media(min-width:1200px){.results-view__list{grid-template-columns:repeat(5,1fr)}}.film-card{background:#1a1a24;border:1px solid #2a2a38;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;transition:transform .15s ease,box-shadow .15s ease;cursor:default}.film-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000080}.film-card__poster{width:100%;aspect-ratio:3 / 4;background:#111118;overflow:hidden;flex-shrink:0}.film-card__poster-img{width:100%;height:100%;object-fit:cover;display:block}.film-card__poster--placeholder{display:flex;align-items:center;justify-content:center;background:#111118}.film-card__poster-icon{font-size:3rem;opacity:.3}.film-card__body{padding:.75rem;display:flex;flex-direction:column;gap:.35rem;flex:1}.film-card__title{font-size:.95rem;font-weight:700;line-height:1.3;color:#fff}.film-card__meta{font-size:.75rem;color:#777}.film-card__channel{font-weight:600;color:#aaa;text-transform:uppercase;letter-spacing:.04em}.film-card__scores{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.25rem}.film-card__score{font-size:.72rem;font-weight:700;padding:.2rem .5rem;border-radius:4px;letter-spacing:.02em}.film-card__score--composite{background:#e63946;color:#fff}.film-card__score--imdb{background:#f5c518;color:#000}.film-card__score--rt{background:#fa320a;color:#fff}.error-banner{background:#2a1010;border:1px solid #5a2020;border-left:4px solid #e63946;border-radius:6px;padding:.875rem 1rem;margin-bottom:1rem;display:flex;flex-direction:column;gap:.4rem}.error-banner p{color:#f87171;font-size:.9rem}