*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#141414;color:#f9fafb;overflow-x:hidden}h1{font-size:2.4rem;font-weight:700;letter-spacing:.02em;margin:0 0 .25rem}button,input,textarea,select{font:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #f5c518;outline-offset:2px}.app-shell{min-height:100vh;display:flex;align-items:stretch;background:radial-gradient(circle at top,#1f2937 0,#141414 55%,#000)}.sidebar{width:260px;background:#000;border-right:1px solid #1f2937;padding:1.5rem}.main{flex:1;padding:1.5rem 2rem;max-width:1040px;margin-inline:auto;width:100%}.card{background:#1f1f1f;border-radius:1rem;padding:1.25rem 1.5rem;border:1px solid #1f2937;margin-bottom:1rem;box-shadow:0 18px 40px #00000073}.card h2{margin-top:0;margin-bottom:.75rem}.field{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem}.field label{font-size:.85rem;color:#9ca3af}.field input,.field textarea,.field select{border-radius:.5rem;border:1px solid #374151;padding:.5rem .6rem;background:#111;color:inherit;width:100%;max-width:100%}.btn{border-radius:999px;border:1px solid transparent;padding:.45rem .9rem;background:#f5c518;color:#111827;cursor:pointer;font-size:.9rem}.btn.secondary{background:transparent;border-color:#4b5563;color:#e5e7eb}.btn.small{padding:.25rem .7rem;font-size:.8rem}.chips{display:flex;flex-wrap:wrap;gap:.25rem}.chip{padding:.15rem .6rem;border-radius:999px;background:#111827;border:1px solid #374151;font-size:.8rem}.movies-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;width:100%}.movie-header{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.movie-header-main{display:flex;gap:.75rem;align-items:flex-start}.movie-poster{width:72px;min-width:72px;height:108px;border-radius:.5rem;object-fit:cover;box-shadow:0 0 8px #0009}.movie-title{font-weight:600}.pill{border-radius:999px;padding:.15rem .6rem;font-size:.85rem;border:1px solid #4b5563}.rating{font-weight:600;color:#fbbf24}.stack{display:flex;flex-direction:column;gap:.5rem}.row{display:flex;gap:.5rem;align-items:center}.row.wrap{flex-wrap:wrap}.subtitle{font-size:.9rem;color:#9ca3af;margin-top:0}.recommendation{border-left:3px solid #22c55e;padding-left:.75rem}.skip-link{position:absolute;left:-9999px;top:.5rem;background:#f5c518;color:#111827;padding:.5rem .75rem;border-radius:999px;z-index:50}.skip-link:focus-visible{left:.5rem}.tabs{display:flex;gap:.5rem;margin:1rem 0 .75rem;border-bottom:1px solid #1f2937;flex-wrap:wrap}.tab{padding:.4rem .9rem;border:none;background:transparent;color:#9ca3af;cursor:pointer;font-size:.9rem;border-bottom:2px solid transparent;margin-bottom:-1px}.tab.active{color:#f5c518;border-color:#f5c518}@media (max-width: 768px){.app-shell{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid #1f2937;padding:1rem}.main{padding:1rem .75rem 1.5rem}.movies-list{grid-template-columns:1fr}.movie-header{align-items:flex-start}.movie-header-main{gap:.5rem}.movie-poster{width:64px;min-width:64px;height:96px}.card{padding-inline:1rem}}