:root{--mf-bg: #0a0a0c;--mf-surface: #16161a;--mf-surface-2: #1f1f24;--mf-border: #2a2a2f;--mf-text: #f2f2f0;--mf-text-muted: #9a9a9f;--mf-accent: #e50914;--mf-gold: #d4af37;--mf-radius: 10px;--mf-heading-font: "Bebas Neue", "Arial Narrow", sans-serif;--mf-body-font: "Inter", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--mf-bg);color:var(--mf-text);font-family:var(--mf-body-font);line-height:1.6}.sidebar{position:fixed;top:0;left:0;width:280px;height:100vh;overflow-y:auto;background:var(--mf-surface);border-right:1px solid var(--mf-border);padding:32px 24px;display:flex;flex-direction:column;gap:24px;z-index:70;transition:transform .25s ease}.sidebar-title{font-family:var(--mf-heading-font);font-size:1.3rem;letter-spacing:.02em;color:var(--mf-gold);margin:0}.sidebar-toggle{display:none;position:fixed;top:14px;left:14px;z-index:80;padding:9px 14px;border:1px solid var(--mf-border);border-radius:var(--mf-radius);background:var(--mf-surface);color:var(--mf-text);font-size:.85rem;font-weight:600;cursor:pointer}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0009;z-index:60}.content{margin-left:280px}.back-link{display:inline-block;padding:16px 24px;color:var(--mf-text-muted);text-decoration:none;font-size:.9rem;transition:color .2s ease}.back-link:hover{color:var(--mf-gold)}.mf-hero{padding:40px 24px 32px;max-width:780px;margin-inline:auto;text-align:center}.kicker{color:var(--mf-gold);font-weight:600;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}.mf-hero h1{font-size:clamp(2.4rem,6vw,3.6rem);letter-spacing:.02em;margin:0 0 16px;color:var(--mf-text)}.lead{max-width:62ch;margin-inline:auto;color:var(--mf-text-muted);font-size:1.05rem}.hint{margin-top:14px;font-size:.9rem;color:var(--mf-text-muted)}.hint strong{color:var(--mf-accent)}.mf-main{max-width:1000px;margin-inline:auto;padding:0 32px 80px}.control{display:flex;flex-direction:column;gap:8px}.control label{font-size:.8rem;font-weight:600;color:var(--mf-text-muted);text-transform:uppercase;letter-spacing:.05em}.control label span{color:var(--mf-gold);text-transform:none;letter-spacing:normal}.control select{padding:9px 10px;border-radius:var(--mf-radius);border:1px solid var(--mf-border);background:var(--mf-surface-2);color:var(--mf-text);font-size:.88rem}.range-values{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--mf-text)}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:4px;background:var(--mf-border);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--mf-gold);border:2px solid #0a0a0c;cursor:pointer;transition:transform .15s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--mf-gold);border:2px solid #0a0a0c;cursor:pointer}.dual-slider{position:relative;height:24px}.dual-slider input[type=range]{position:absolute;top:10px;left:0;background:none;pointer-events:none}.dual-slider input[type=range]::-webkit-slider-thumb{pointer-events:auto}.dual-slider input[type=range]::-moz-range-thumb{pointer-events:auto}.dual-slider input[type=range]::-webkit-slider-runnable-track{background:transparent}.dual-slider:before{content:"";position:absolute;top:10px;left:0;right:0;height:4px;border-radius:4px;background:var(--mf-border)}@media(max-width:860px){.sidebar-toggle{display:block}.sidebar{width:min(300px,85vw);transform:translate(-100%);box-shadow:8px 0 24px #0006}.sidebar.open{transform:translate(0)}.sidebar-overlay.open{display:block}.content{margin-left:0;padding-top:56px}.mf-main{padding:0 20px 60px}.mf-hero{padding:20px 20px 24px}input[type=range]::-webkit-slider-thumb{width:24px;height:24px}input[type=range]::-moz-range-thumb{width:24px;height:24px}.dual-slider{height:30px}.dual-slider input[type=range]{top:13px}.dual-slider:before{top:13px}.search-form{flex-direction:column;max-width:100%}.search-form button{width:100%}}.search-form{display:flex;gap:12px;max-width:640px;margin-inline:auto}.search-form input[type=text]{flex:1;padding:14px 18px;border-radius:var(--mf-radius);border:1px solid var(--mf-border);background:var(--mf-surface);color:var(--mf-text);font-size:1rem}.search-form input[type=text]::placeholder{color:var(--mf-text-muted)}.search-form input[type=text]:focus-visible{outline:none;border-color:var(--mf-accent)}.search-form button{padding:14px 24px;border:none;border-radius:var(--mf-radius);background:var(--mf-accent);color:#fff;font-weight:700;cursor:pointer;transition:background-color .2s ease}.search-form button:hover{background:#b8060f}#status{margin-top:20px;min-height:1.4em;text-align:center;color:var(--mf-text-muted)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:32px;margin-top:40px}.movie-card{position:relative;display:flex;flex-direction:column;background:var(--mf-surface);border:1px solid var(--mf-border);border-radius:var(--mf-radius);overflow:hidden;box-shadow:0 4px 16px #00000059;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.movie-card:hover{transform:translateY(-8px);box-shadow:0 20px 48px #0000008c;border-color:color-mix(in srgb,var(--mf-accent) 50%,var(--mf-border))}.movie-card .poster{position:relative;aspect-ratio:2 / 3;background:var(--mf-surface-2);overflow:hidden}.movie-card .poster img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.movie-card:hover .poster img{transform:scale(1.05)}.movie-card .poster .no-poster{width:100%;height:100%;display:grid;place-items:center;color:var(--mf-text-muted);font-size:.8rem;text-align:center;padding:12px}.movie-card .similarity{position:absolute;top:10px;right:10px;font-size:.72rem;font-weight:700;color:#0a0a0c;background:var(--mf-gold);padding:3px 10px;border-radius:100px;box-shadow:0 2px 8px #0006}.movie-card .info{padding:14px 16px 16px;flex:1}.movie-card h3{font-family:var(--mf-heading-font);font-size:1.15rem;letter-spacing:.01em;margin-bottom:6px;color:var(--mf-text)}.movie-card .meta{font-size:.8rem;color:var(--mf-text-muted)}
