.hdr-root{position:fixed;top:0;left:260px;right:0;height:64px;z-index:var(--z-header);background:var(--bg-header);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:left var(--transition-normal),border-color var(--transition-fast),box-shadow var(--transition-fast)}.hdr-root--scrolled{border-bottom-color:var(--border-color);box-shadow:var(--shadow-sm)}.hdr-inner{display:flex;align-items:center;gap:var(--space-3);height:100%;max-width:1600px;margin:0 auto;padding:0 var(--space-5)}.hdr-logo{display:flex;align-items:center;flex-shrink:0;text-decoration:none;outline-offset:4px;border-radius:var(--radius-sm)}.hdr-logo:focus-visible{outline:2px solid var(--color-primary)}.hdr-logo-img{height:32px;width:auto;display:block;object-fit:contain}.hdr-search-wrap{flex:1;max-width:560px;position:relative;display:flex;align-items:center;background:var(--search-bg);border:1.5px solid var(--search-border);border-radius:var(--radius-xl);height:40px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.hdr-search-wrap--focused{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 18%,transparent);background:var(--bg-surface)}.hdr-search-icon{position:absolute;left:14px;color:var(--text-muted);pointer-events:none;flex-shrink:0;transition:color var(--transition-fast)}.hdr-search-wrap--focused .hdr-search-icon{color:var(--color-primary)}.hdr-search-input{width:100%;height:100%;border:none;background:transparent;outline:none;font-family:var(--font-family);font-size:14px;color:var(--text-primary);padding:0 40px 0 42px;-webkit-appearance:none;appearance:none}.hdr-search-input::placeholder{color:var(--text-placeholder)}.hdr-search-input::-webkit-search-cancel-button{display:none}.hdr-search-clear{position:absolute;right:10px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:var(--bg-elevated);border-radius:50%;color:var(--text-muted);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.hdr-search-clear:hover{background:var(--border-color);color:var(--text-primary)}.hdr-search-clear:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.hdr-search-kbd{position:absolute;right:12px;display:inline-flex;align-items:center;justify-content:center;height:20px;min-width:20px;padding:0 5px;border-radius:4px;border:1px solid var(--border-color);background:var(--bg-elevated);font-family:var(--font-family);font-size:11px;font-weight:600;color:var(--text-muted);pointer-events:none;-webkit-user-select:none;user-select:none}.hdr-actions{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0;margin-left:auto}.hdr-icon-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);flex-shrink:0}.hdr-icon-btn:hover{background:var(--bg-elevated);color:var(--color-primary)}.hdr-icon-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.hdr-hamburger{display:none}@media (max-width:1024px){.hdr-hamburger{display:flex}}.hdr-hamburger--open{background:var(--color-primary-soft);color:var(--color-primary)}@media (max-width: 640px){.hdr-inner{padding:0 var(--space-4);gap:var(--space-2)}.hdr-search-wrap{max-width:none}.hdr-logo-img{height:26px}.hdr-search-kbd{display:none}}@media (max-width: 400px){.hdr-inner{padding:0 var(--space-3)}}@media (prefers-reduced-motion: reduce){.hdr-root,.hdr-search-wrap,.hdr-icon-btn{transition:none}}@media (max-width:1024px){.hdr-root{left:0}}.nb-backdrop{position:fixed;inset:0;z-index:calc(var(--z-sidebar) - 1);background:#0000008c;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:nb-backdrop-in .2s ease both}@keyframes nb-backdrop-in{0%{opacity:0}to{opacity:1}}.nb-sidebar{position:fixed;top:0;left:0;bottom:0;width:260px;z-index:var(--z-sidebar);background:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden;transform:none;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}@media (max-width: 1024px){.nb-sidebar{transform:translate(-100%);box-shadow:none}.nb-sidebar--open{transform:translate(0);box-shadow:var(--shadow-lg)}}.nb-header{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 var(--space-5);border-bottom:1px solid var(--border-color);background:var(--bg-sidebar);flex-shrink:0}.nb-logo-link{display:flex;align-items:center;text-decoration:none;border-radius:var(--radius-sm);outline-offset:3px}.nb-logo-link:focus-visible{outline:2px solid var(--color-primary)}.nb-logo-img{height:28px;width:auto;object-fit:contain;display:block}.nb-workspace{display:flex;flex-direction:column;gap:2px}.nb-workspace-title{margin:0;font-size:17px;font-weight:700;color:var(--text-primary);line-height:1.2}.nb-workspace-subtitle{margin:0;font-size:12px;color:var(--text-muted);line-height:1.2}.nb-close-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);flex-shrink:0}.nb-close-btn:hover{background:var(--bg-elevated);color:var(--color-primary)}.nb-close-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.nb-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-3) 0;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.nb-scroll::-webkit-scrollbar{width:4px}.nb-scroll::-webkit-scrollbar-track{background:transparent}.nb-scroll::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:99px}.nb-group{padding:var(--space-2) 0}.nb-group-label{font-family:var(--font-family);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);padding:var(--space-2) var(--space-5) var(--space-1);-webkit-user-select:none;user-select:none}.nb-divider{height:1px;background:var(--border-color);margin:var(--space-2) var(--space-4)}.nb-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.nb-item{display:flex;align-items:center;gap:var(--space-3);width:100%;height:40px;padding:0 var(--space-4);border:none;background:transparent;font-family:var(--font-family);font-size:13.5px;font-weight:500;color:var(--text-secondary);cursor:pointer;text-align:left;border-radius:0;position:relative;transition:background var(--transition-fast),color var(--transition-fast)}.nb-item:hover{background:var(--color-primary-soft);color:var(--color-primary)}.nb-item:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--color-primary)}.nb-item--active{background:var(--color-primary-soft);color:var(--color-primary);font-weight:700}.nb-item--active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:0 3px 3px 0;background:var(--color-primary)}.nb-item-dot{display:block;width:6px;height:6px;border-radius:50%;background:var(--color-primary);margin-left:auto;flex-shrink:0;animation:nb-dot-in .2s ease both}@keyframes nb-dot-in{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.nb-item-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;font-size:14px;color:inherit;opacity:.75;transition:opacity var(--transition-fast)}.nb-item:hover .nb-item-icon,.nb-item--active .nb-item-icon{opacity:1}.nb-item-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nb-footer{flex-shrink:0;padding:var(--space-3) var(--space-5);border-top:1px solid var(--border-color);background:var(--bg-sidebar)}.nb-footer-text{font-family:var(--font-family);font-size:11px;color:var(--text-muted)}.nb-footer-link{color:var(--color-primary);font-weight:600;text-decoration:none}.nb-footer-link:hover{text-decoration:underline}@media (prefers-reduced-motion: reduce){.nb-sidebar,.nb-backdrop,.nb-item,.nb-close-btn{transition:none;animation:none}.nb-item-dot{animation:none}}@media (max-width:1024px){.nb-sidebar{transform:translate(-100%);box-shadow:none}.nb-sidebar--open{transform:translate(0);box-shadow:var(--shadow-lg)}}.nb-close-btn{display:none}@media (max-width:1024px){.nb-close-btn{display:flex}}@media (min-width:1025px){.nb-logo-link{display:none}}@media (max-width:1024px){.nb-workspace{display:none}}.ft-root{background-color:var(--footer-bg);color:var(--footer-text);border-top:1px solid var(--footer-border);font-family:var(--font-family)}.ft-inner{max-width:1400px;margin:0 auto;padding:0 var(--space-5)}.ft-top{padding:var(--space-7) 0 var(--space-6)}.ft-top .ft-inner{display:grid;grid-template-columns:1.4fr .8fr 1.2fr;gap:var(--space-7);align-items:start}.ft-brand{display:flex;flex-direction:column;gap:var(--space-4)}.ft-logo-mark{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-primary)}.ft-logo-text{font-size:20px;font-weight:800;letter-spacing:-.03em;color:var(--footer-text)}.ft-brand-desc{font-size:13px;line-height:1.7;color:var(--text-muted);max-width:300px}.ft-socials{display:flex;gap:var(--space-2)}.ft-social-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-elevated);color:var(--text-muted);text-decoration:none;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.ft-social-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--text-inverse);transform:translateY(-2px)}.ft-social-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.ft-nav{display:flex;flex-direction:column;gap:var(--space-3)}.ft-nav-heading{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-1)}.ft-nav-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.ft-nav-link{background:none;border:none;padding:0;cursor:pointer;display:inline-flex;align-items:center;font-size:13.5px;font-weight:500;color:var(--text-secondary);transition:color var(--transition-fast)}.ft-nav-link:hover{color:var(--color-primary)}.ft-nav-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:2px}.ft-logo-link{display:inline-flex;align-items:center}.ft-logo-img{width:145px;height:auto;display:block}.ft-built{display:flex;flex-direction:column;gap:var(--space-4)}.ft-portfolio-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-elevated);text-decoration:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.ft-portfolio-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.ft-portfolio-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.ft-portfolio-avatar{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-sm);background:var(--color-primary);color:var(--text-inverse);font-size:13px;font-weight:800;letter-spacing:.02em;flex-shrink:0}.ft-portfolio-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.ft-portfolio-name{font-size:13px;font-weight:700;color:var(--footer-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ft-portfolio-role{font-size:11px;color:var(--text-muted);font-weight:500}.ft-portfolio-arrow{color:var(--text-muted);flex-shrink:0;transition:color var(--transition-fast)}.ft-portfolio-card:hover .ft-portfolio-arrow{color:var(--color-primary)}.ft-tmdb-note{font-size:11px;line-height:1.65;color:var(--text-muted)}.ft-tmdb-link{color:var(--color-primary);font-weight:600;text-decoration:none}.ft-tmdb-link:hover{text-decoration:underline}.ft-bottom{border-top:1px solid var(--footer-border);padding:var(--space-4) 0;background-color:var(--footer-bg)}.ft-bottom-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.ft-copy{font-size:12px;color:var(--text-muted);font-weight:500}.ft-made-with{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text-muted);font-weight:500}.ft-heart{color:var(--color-primary);animation:ft-pulse 2s ease-in-out infinite}@keyframes ft-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:.85}}@media (max-width: 900px){.ft-top .ft-inner{grid-template-columns:1fr 1fr;gap:var(--space-6)}.ft-built{grid-column:span 2}}@media (max-width: 600px){.ft-top .ft-inner{grid-template-columns:1fr;gap:var(--space-5)}.ft-built{grid-column:span 1}.ft-bottom-inner{flex-direction:column;align-items:flex-start;gap:var(--space-2)}}@media (prefers-reduced-motion: reduce){.ft-heart{animation:none}.ft-social-btn,.ft-portfolio-card{transition:none}}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) );transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}.mc-card{position:relative;display:flex;flex-direction:column;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-color);overflow:hidden;text-decoration:none;color:var(--text-primary);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-fast);cursor:pointer;outline-offset:3px}.mc-card:hover{transform:translateY(-5px) scale(1.01);box-shadow:var(--shadow-lg);border-color:var(--border-hover)}.mc-card:focus-visible{outline:2px solid var(--color-primary)}.mc-poster-wrap{position:relative;aspect-ratio:2 / 3;overflow:hidden;background:var(--bg-elevated);flex-shrink:0}.mc-poster{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--transition-slow)}.mc-card:hover .mc-poster{transform:scale(1.06)}.mc-poster-overlay{position:absolute;inset:0;background:var(--movie-overlay);pointer-events:none}.mc-badge{position:absolute;top:var(--space-2);right:var(--space-2);display:inline-flex;align-items:center;gap:3px;padding:3px 8px;border-radius:var(--radius-sm);font-size:11px;font-weight:700;font-family:var(--font-family);letter-spacing:.04em;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid transparent;z-index:2}.mc-badge--high{background:#16a34ad9;color:#fff;border-color:#16a34a66}.mc-badge--mid{background:#eab308d9;color:#111;border-color:#eab30866}.mc-badge--low{background:#dc2626cc;color:#fff;border-color:#dc262666}.mc-year-chip{position:absolute;top:var(--space-2);left:var(--space-2);padding:3px 8px;border-radius:var(--radius-sm);font-size:10px;font-weight:700;font-family:var(--font-family);letter-spacing:.05em;background:#0009;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#ffffffd9;z-index:2}.mc-hover-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.92) 0%,rgba(0,0,0,.55) 55%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-3);opacity:0;transform:translateY(6px);transition:opacity var(--transition-normal),transform var(--transition-normal);pointer-events:none;z-index:3}.mc-card:hover .mc-hover-overlay{opacity:1;transform:translateY(0)}.mc-hover-overview{font-family:var(--font-family);font-size:11.5px;line-height:1.55;color:#ffffffd1;margin:0 0 var(--space-2);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.mc-hover-meta{display:flex;flex-wrap:wrap;gap:8px}.mc-hover-votes,.mc-hover-date{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-family);font-size:10.5px;font-weight:600;color:#ffffffa6}.mc-body{padding:var(--space-3) var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:5px;flex:1;background:var(--bg-card)}.mc-title{font-family:var(--font-family);font-size:13.5px;font-weight:700;color:var(--text-primary);margin:0;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;letter-spacing:-.01em}.mc-date{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-family);font-size:11px;color:var(--text-muted);font-weight:500;margin:0}@media (prefers-reduced-motion: reduce){.mc-card:hover,.mc-card:hover .mc-poster{transform:none}.mc-hover-overlay{transition:none}}.hm-wrapper{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-5) var(--space-5) var(--space-8);max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box}.hm-heading-row{display:flex;align-items:baseline;gap:var(--space-3);flex-wrap:wrap}.hm-heading{font-family:var(--font-family);font-size:clamp(20px,3.5vw,28px);font-weight:800;color:var(--text-primary);letter-spacing:-.03em;margin:0;line-height:1.15}.hm-count{font-family:var(--font-family);font-size:12px;font-weight:600;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:99px;padding:3px 10px}.hm-featured{position:relative;border-radius:var(--radius-lg);overflow:hidden;min-height:340px;display:flex;align-items:flex-end;box-shadow:var(--shadow-lg);border:1px solid var(--border-color)}.hm-featured--skeleton{min-height:340px;border-radius:var(--radius-lg);overflow:hidden}.hm-featured-img-wrap{position:absolute;inset:0;z-index:0}.hm-featured-img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;transition:transform var(--transition-slow)}.hm-featured:hover .hm-featured-img{transform:scale(1.02)}.hm-featured-gradient{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.6) 35%,rgba(0,0,0,.1) 70%,transparent 100%)}.hm-featured-body{position:relative;z-index:1;padding:var(--space-6);width:100%;max-width:700px}.hm-featured-chip{display:inline-block;padding:3px 12px;border-radius:99px;background:var(--color-primary);color:#fff;font-family:var(--font-family);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--space-2)}.hm-featured-title{font-family:var(--font-family);font-size:clamp(22px,4.5vw,36px);font-weight:800;color:#fff;letter-spacing:-.03em;line-height:1.1;margin:0 0 var(--space-3);text-shadow:0 2px 12px rgba(0,0,0,.5)}.hm-featured-overview{font-family:var(--font-family);font-size:14px;line-height:1.65;color:#ffffffc7;margin:0 0 var(--space-4);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hm-featured-meta{display:flex;flex-wrap:wrap;gap:var(--space-2)}.hm-meta-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:99px;background:#ffffff1f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);font-family:var(--font-family);font-size:12px;font-weight:600;color:#ffffffe0}.hm-meta-pill--rating{background:#facc1533;border-color:#facc1559;color:#fde68a}.hm-meta-dim{font-weight:400;color:#ffffff73}.hm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-4)}@media (min-width: 480px){.hm-grid{grid-template-columns:repeat(auto-fill,minmax(165px,1fr))}}@media (min-width: 768px){.hm-grid{grid-template-columns:repeat(auto-fill,minmax(175px,1fr))}}@media (min-width: 1100px){.hm-grid{grid-template-columns:repeat(auto-fill,minmax(185px,1fr))}}.mc-card--skeleton{border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-color);background:var(--bg-card)}.hm-pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.hm-page-btn{display:inline-flex;align-items:center;gap:var(--space-1);height:40px;padding:0 var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-primary);font-family:var(--font-family);font-size:13px;font-weight:600;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);white-space:nowrap}.hm-page-btn:hover:not(:disabled){background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-md);transform:translateY(-1px)}.hm-page-btn:disabled{background:var(--bg-elevated);color:var(--text-muted);border-color:var(--border-color);cursor:not-allowed;opacity:.55;transform:none}.hm-page-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.hm-page-info{display:flex;align-items:center;gap:var(--space-1);font-family:var(--font-family);font-size:13px;color:var(--text-secondary);font-weight:500}.hm-page-current{font-weight:800;color:var(--color-primary);font-size:15px}.hm-page-sep{color:var(--text-muted);font-weight:400;margin:0 2px}.hm-page-total{font-weight:600;color:var(--text-secondary)}.hm-state-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);min-height:60vh;text-align:center;padding:var(--space-7) var(--space-5)}.hm-state-icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:var(--radius-lg);background:var(--bg-elevated);border:1px solid var(--border-color);color:var(--color-primary);margin-bottom:var(--space-2)}.hm-state-icon--error{color:#dc2626;background:#fef2f2;border-color:#fecaca}.hm-state-title{font-family:var(--font-family);font-size:clamp(18px,3vw,24px);font-weight:800;color:var(--text-primary);letter-spacing:-.03em;margin:0}.hm-state-desc{font-family:var(--font-family);font-size:14px;color:var(--text-muted);line-height:1.6;max-width:360px;margin:0}.hm-state-btn{display:inline-flex;align-items:center;height:40px;padding:0 var(--space-5);border-radius:var(--radius-md);border:none;background:var(--color-primary);color:#fff;font-family:var(--font-family);font-size:13px;font-weight:700;cursor:pointer;margin-top:var(--space-2);transition:background var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.hm-state-btn:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.hm-state-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (max-width: 768px){.hm-wrapper{padding:var(--space-4) var(--space-4) var(--space-7);gap:var(--space-5)}.hm-featured{min-height:260px}.hm-featured-body{padding:var(--space-4)}}@media (max-width: 480px){.hm-wrapper{padding:var(--space-3) var(--space-3) var(--space-6);gap:var(--space-4)}.hm-featured{min-height:220px}.hm-featured-body{padding:var(--space-3);max-width:100%}.hm-featured-overview{display:none}.hm-pagination{gap:var(--space-2)}.hm-page-btn span{display:none}.hm-page-btn{width:38px;padding:0;justify-content:center}}@media (prefers-reduced-motion: reduce){.hm-featured:hover .hm-featured-img,.hm-page-btn:hover{transform:none}}.md-wrapper{position:relative;min-height:100vh;background-color:var(--bg-page);color:var(--text-primary);font-family:var(--font-family)}.md-wrapper--loading{padding:var(--space-6) var(--space-5)}.md-hero{position:fixed;inset:0;z-index:0;height:100vh;pointer-events:none}.md-hero-img{width:100%;height:100%;object-fit:cover;object-position:center top;opacity:.18;display:block}.md-hero-gradient{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,var(--bg-page) 70%)}.md-content{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:var(--space-6) var(--space-5) var(--space-8)}.md-back-btn{display:inline-flex;align-items:center;gap:var(--space-2);height:36px;padding:0 var(--space-4);border-radius:var(--radius-xl);border:1px solid var(--border-color);background:var(--bg-elevated);color:var(--text-secondary);font-family:var(--font-family);font-size:12px;font-weight:600;text-decoration:none;margin-bottom:var(--space-6);transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.md-back-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--text-inverse);transform:translate(-2px)}.md-back-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.md-top{display:grid;grid-template-columns:220px 1fr;gap:var(--space-7);align-items:start;margin-bottom:var(--space-7)}.md-poster-wrap{position:relative;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-lg);flex-shrink:0}.md-poster{width:100%;aspect-ratio:2 / 3;object-fit:cover;display:block}.md-rating-badge{position:absolute;top:var(--space-2);right:var(--space-2);display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-sm);font-family:var(--font-family);font-size:12px;font-weight:700;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.md-rating--high{background:#16a34ad9;color:#fff}.md-rating--mid{background:#eab308d9;color:#111}.md-rating--low{background:#dc2626cc;color:#fff}.md-info{display:flex;flex-direction:column;gap:var(--space-4)}.md-genres{display:flex;flex-wrap:wrap;gap:var(--space-1)}.md-genre-chip{display:inline-block;padding:3px 12px;border-radius:99px;border:1px solid var(--border-color);background:var(--bg-elevated);font-family:var(--font-family);font-size:11px;font-weight:600;color:var(--text-secondary);letter-spacing:.02em}.md-title{font-size:clamp(22px,4vw,38px);font-weight:800;color:var(--text-primary);letter-spacing:-.03em;line-height:1.1;margin:0}.md-tagline{font-size:14px;color:var(--text-muted);font-style:italic;line-height:1.5}.md-meta-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.md-meta-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:99px;background:var(--bg-elevated);border:1px solid var(--border-color);font-family:var(--font-family);font-size:12px;font-weight:600;color:var(--text-secondary)}.md-meta-pill--rating.md-rating--high{background:#16a34a1f;border-color:#16a34a40;color:#16a34a}.md-meta-pill--rating.md-rating--mid{background:#eab3081f;border-color:#eab30840;color:#ca8a04}.md-meta-pill--rating.md-rating--low{background:#dc26261a;border-color:#dc262638;color:#dc2626}.md-meta-dim{font-weight:400;opacity:.55}.md-overview{font-size:14px;line-height:1.8;color:var(--text-secondary);max-width:680px}.md-homepage-btn{display:inline-flex;align-items:center;gap:var(--space-2);height:38px;padding:0 var(--space-4);border-radius:var(--radius-xl);background:var(--color-primary);color:var(--text-inverse);font-family:var(--font-family);font-size:12px;font-weight:700;text-decoration:none;align-self:flex-start;transition:background var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.md-homepage-btn:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.md-homepage-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.md-section{margin-bottom:var(--space-7)}.md-section-title{display:flex;align-items:center;gap:var(--space-2);font-size:18px;font-weight:800;color:var(--text-primary);letter-spacing:-.02em;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-color)}.md-trailer-wrap{position:relative;border-radius:var(--radius-md);overflow:hidden;background:#000;aspect-ratio:16 / 9;box-shadow:var(--shadow-lg)}.md-trailer-frame{position:absolute;inset:0;width:100%;height:100%;border:none}.md-cast-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:var(--space-4)}.md-cast-card{border-radius:var(--radius-md);overflow:hidden;background:var(--bg-card);border:1px solid var(--border-color);transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.md-cast-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.md-cast-img-wrap{aspect-ratio:2 / 3;overflow:hidden;background:var(--bg-elevated)}.md-cast-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--transition-slow)}.md-cast-card:hover .md-cast-img{transform:scale(1.05)}.md-cast-body{padding:var(--space-2) var(--space-3) var(--space-3)}.md-cast-name{font-size:12px;font-weight:700;color:var(--text-primary);margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.md-cast-character{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.md-similar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-3)}.md-similar-card{position:relative;border-radius:var(--radius-md);overflow:hidden;aspect-ratio:2 / 3;display:block;text-decoration:none;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.md-similar-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.md-similar-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.md-similar-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--transition-slow)}.md-similar-card:hover .md-similar-img{transform:scale(1.06)}.md-similar-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.92) 0%,transparent 55%);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-3)}.md-similar-title{font-size:12px;font-weight:700;color:#fff;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:4px}.md-similar-rating{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:#fde68a}.md-skel-backdrop{display:block;height:280px;width:100%}.md-cast-skel{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:var(--space-4);margin-top:var(--space-6)}.md-state-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);min-height:70vh;padding:var(--space-7) var(--space-5);text-align:center;background-color:var(--bg-page)}.md-state-icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:var(--radius-lg);background:var(--bg-elevated);border:1px solid var(--border-color);color:var(--color-primary)}.md-state-icon--error{color:#dc2626;background:#fef2f2;border-color:#fecaca}.md-state-title{font-size:clamp(18px,3vw,24px);font-weight:800;color:var(--text-primary);letter-spacing:-.03em;margin:0}.md-state-desc{font-size:14px;color:var(--text-muted);line-height:1.65;max-width:360px;margin:0}.md-state-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center}.md-state-btn{display:inline-flex;align-items:center;height:40px;padding:0 var(--space-5);border-radius:var(--radius-md);border:none;background:var(--color-primary);color:var(--text-inverse);font-family:var(--font-family);font-size:13px;font-weight:700;cursor:pointer;text-decoration:none;transition:background var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.md-state-btn:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.md-state-btn--ghost{background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border-color)}.md-state-btn--ghost:hover{background:var(--bg-card);border-color:var(--border-hover)}@media (max-width: 768px){.md-top{grid-template-columns:160px 1fr;gap:var(--space-5)}.md-cast-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.md-similar-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}@media (max-width: 560px){.md-top{grid-template-columns:1fr}.md-poster-wrap{max-width:200px;margin:0 auto}.md-content{padding:var(--space-4) var(--space-4) var(--space-7)}}@media (prefers-reduced-motion: reduce){.md-cast-card:hover,.md-similar-card:hover,.md-back-btn:hover{transform:none}.md-cast-img,.md-similar-img{transition:none}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-family);background-color:var(--bg-page);color:var(--text-primary);min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden;z-index:9999}.skip-link:focus{left:var(--space-4);top:var(--space-4);width:auto;height:auto;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);background:var(--color-primary);color:var(--text-inverse);font-family:var(--font-family);font-size:13px;font-weight:700;text-decoration:none;box-shadow:var(--shadow-md)}.app-shell{display:flex;flex-direction:column;min-height:100dvh;background-color:var(--bg-page);color:var(--text-primary)}.app-body{display:flex;flex:1;margin-top:64px;min-height:calc(100dvh - 64px);position:relative;background-color:var(--bg-page)}.app-main{flex:1;min-width:0;display:flex;flex-direction:column;margin-left:260px;background-color:var(--bg-page);transition:margin-left var(--transition-normal)}.app-page{flex:1;background-color:var(--bg-page)}@media (max-width: 1024px){.app-main{margin-left:0}}body.sidebar-lock{overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}*{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background:var(--color-primary);color:var(--text-inverse)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.app-main{transition:none}}:root{--color-primary: #7c3aed;--color-primary-hover: #6d28d9;--color-primary-soft: #ede9fe;--color-secondary: #a855f7;--color-accent: #c084fc;--bg-page: #fafafa;--bg-surface: #ffffff;--bg-card: #ffffff;--bg-elevated: #ffffff;--bg-sidebar: #f8fafc;--bg-header: rgba(255,255,255,.85);--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#6b7280;--text-placeholder:#9ca3af;--text-inverse:#ffffff;--border-color:#e5e7eb;--border-hover:#c4b5fd;--search-bg:#f3f4f6;--search-border:#e5e7eb;--btn-primary-bg:#7c3aed;--btn-primary-hover:#6d28d9;--btn-primary-text:#ffffff;--btn-disabled-bg:#d1d5db;--btn-disabled-text:#6b7280;--movie-overlay: linear-gradient( to top, rgba(0,0,0,.85), transparent );--footer-bg:#ffffff;--footer-text:#374151;--footer-border:#e5e7eb;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 10px 25px rgba(0,0,0,.08);--shadow-lg: 0 25px 50px rgba(0,0,0,.12);--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-xl:32px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--z-base:1;--z-header:50;--z-sidebar:100;--z-modal:500;--font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}[data-theme=dark]{--bg-page:#050816;--bg-surface:#0f172a;--bg-card:#111827;--bg-elevated:#172033;--bg-sidebar:#020617;--bg-header: rgba(5,8,22,.85);--text-primary:#f9fafb;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-placeholder:#64748b;--text-inverse:#020617;--color-primary:#a855f7;--color-primary-hover:#c084fc;--color-primary-soft:#2e1065;--color-secondary:#9333ea;--color-accent:#d8b4fe;--border-color:#1e293b;--border-hover:#7c3aed;--search-bg:#111827;--search-border:#334155;--btn-primary-bg:#9333ea;--btn-primary-hover:#a855f7;--btn-primary-text:#ffffff;--btn-disabled-bg:#374151;--btn-disabled-text:#94a3b8;--movie-overlay: linear-gradient( to top, rgba(0,0,0,.95), transparent );--footer-bg:#020617;--footer-text:#cbd5e1;--footer-border:#1e293b;--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow-md: 0 10px 30px rgba(0,0,0,.45);--shadow-lg: 0 30px 70px rgba(0,0,0,.6)}*{transition:background-color var(--transition-normal),border-color var(--transition-normal),color var(--transition-normal)}@media (prefers-color-scheme:dark){:root:not([data-theme]){--bg-page:#050816;--text-primary:#f9fafb}}body{margin:0;padding:0;background-color:var(--bg);color:var(--text);font-family:Segoe UI,sans-serif}a{color:inherit;text-decoration:none}*{box-sizing:border-box}